This site is reader-supported. We use affiliate links to support our expenses. Learn more

(Last updated on March 12th, 2021)

Want to know how to crop images in Photoshop? You have come to the right place!

In this tutorial, I will show you how to crop in Adobe Photoshop. We will be using the traditional crop, transforming perspective with cropping, the slice tool, and masking.

If you want to see how Photoshop stacks up against GIMP, see our in-depth Photoshop vs. GIMP comparison.

How to Crop in Photoshop?

  • Open your image in Adobe Photoshop. To do this, use the command Ctrl + O (Windows) or Cmd + O (Mac) to open the document or go to File > Open.
How to Crop in Photoshop 1
  • To start cropping the image, press the Crop Icon in the toolbar, or use the command C.
How to Crop in Photoshop 2
  • A white cropping border will now be visible against the outline of the image. The cropping toolbar will now be displayed up top.
How to Crop in Photoshop 3

You can manually drag the white border to crop the image, dragging by the side or corner to get the look you want. The cropped area will be in shadow, while the final image output will be lit.

The upper right corner will have options (going from left to right) to reset the image to the original proportions, cancel the crop, or finalize the crop.

How to Crop in Photoshop 4

Going from left to right on the toolbar, the first drop-down next to the cropping icon will give you crop proportions for your image. Using these proportions is ideal if you are trying to crop an image to fit a specific frame dimension or ratio.

How to Crop in Photoshop 5

The gear icon will let you reset the tools in this panel, create a new tool preset, and organize the tool presets.

How to Crop in Photoshop 6

This box lets you see all the tools versus just the tools for the Crop tool. For example, if you unchecked it, you could see the Healing Brush tool and more.

How to Crop in Photoshop 7

This icon lets you create a new tool preset.

How to Crop in Photoshop 8

In the next section, you can also choose a crop preset or a set ratio. Presets and ratios are great if you are cropping a huge batch of images for a particular project. You can also create a new crop preset or delete one.

How to Crop in Photoshop 9

In the next section, you can manually enter the cropped image’s height, width, resolution, and metrics.

How to Crop in Photoshop 10

The arrow icon switches the values of the height and width for the crop.

How to Crop in Photoshop 11

Clear will clear the values completely.

How to Crop in Photoshop 12

If your image is crooked, this next icon is very helpful. This tool will straighten your image. All you have to do is draw a line where the image should be vertical up and down, and Photoshop will rotate and crop the image for you.

How to Crop in Photoshop 13

The grid icon will change the grid layout of the cropping tool. You can hide the grid, turn off the default grid, and change up the grid layout.

How to Crop in Photoshop 14

The gear icon gives you additional cropping options.

  • Classic Mode is the older mode of cropping used in previous versions of Adobe Photoshop, versions CS5 and older.
  • Show Cropped Area will display the cropped area of the picture. If you uncheck this box, the cropped area won’t be visible, only the final image.
  • Auto Center Preview will place the preview in the center of the image.
  • Enable Crop Shield will overlay the cropped areas with a tint. You can set the opacity and color. If you check Auto Adjust Opacity, the opacity will be reduced when the crop boundaries are edited.
How to Crop in Photoshop 15

This check box, Disable Cropped Pixels, determines whether or not pixel information is retained after deleting.

How to Crop in Photoshop 16

Checking Content-Aware will fill areas outside of the original image.

How to Crop in Photoshop 17
  • Once you make your desired crop and hit apply, the image will now be cropped to the new size.
How to Crop in Photoshop 18

Transform Perspective While Cropping

You can also fix the perspective of an image while cropping using the Perspective Crop tool. Using this tool is great for images with distortion, photos photographed at an angle rather than head-on.

  • First, hold down the crop icon and choose the Perspective Crop Tool from the toolbar.
How to Crop in Photoshop 19
  • Once this tool is selected, draw a rectangle around the distorted picture, matching the marquee’s edges to the rectangle edges of the picture. Drag the corners to fit it exactly.
How to Crop in Photoshop 20
  • Once you are satisfied with the crop, either press the check icon in the upper toolbar or press Enter (Windows) or Return (Mac) to confirm the crop. Then, you are done! (Here, I also adjusted the width of the door to make it proportionate.)
How to Crop in Photoshop 21

Slice Tool

Slices will divide your image into smaller images suitable for HTML tables or CSS layers. Once you divide the image into sections, you can assign URL links to create page navigation or optimize the image.

When you export the sliced image using Save For Web, Photoshop will generate the CSS or HTML code needed to display the image.

To create a slice

  • Select the slice tool by holding down the Crop button in Photoshop.
How to Crop in Photoshop 22
  • Click and drag the slice tool over the image to make a slice section. To move the section, click within the box and drag to the location you want. To adjust the scale and proportions, drag the edges and corners of the box.
How to Crop in Photoshop 23
  • To adjust the slice properties, double click on the slice. A dialogue box will pull up. Here, you can change the slice type, name, URL, target, message text, alt tags, dimensions, and background type. Hit OK to process the changes.
How to Crop in Photoshop 24

Cropping Images using the Masking Tool

Lastly, I will show you how to use the masking tool to crop and overlay images, one on top of the other. Here, I want to crop the image of the castle to sit on top of the clouds.

How to Crop in Photoshop 25
  • First, I need to cut out my image of the castle. To do this, you could use the pen tool to cut out the castle image precisely. I’m going to do this fast and use the Quick Selection Tool.
How to Crop in Photoshop 26

With the layer selected, I drag the selection paintbrush over the image I want to cut out of the photograph. If I select an area that I don’t want, I’ll hold down the Alt key to deselect it. (Option for Mac)

  • Once you are happy with the selection, hit the Select and Mask… button in the top toolbar.
How to Crop in Photoshop 27
  • As you can see, the image is cropped out very well. However, we can continue to refine it. On the right side are the properties of the mask. Here, we can adjust the transparency, edge radius, smoothness, feather, and contrast. We can also pick a mask preset too.
How to Crop in Photoshop 28

I noticed a few mistakes that I want to correct. To fix the bottom right corner of the castle, I will use the plus/minus brushes at the top to refine the mask.

I will also be rotating between the tools on the left-hand side, Quick Selection, Refine Edge Brush, Brush, Object Selection, Lasso, Hand, and Zoom.

How to Crop in Photoshop 29
How to Crop in Photoshop 30
How to Crop in Photoshop 31
How to Crop in Photoshop 32
How to Crop in Photoshop 33
How to Crop in Photoshop 34

To refine the selection even more, I will work from the panel on the right, increasing edge detection by one pixel. Hit okay, changing the output to Layer Mask.

Masking the castle on to the clouds is complete. Now, while this looks just about perfect, I’m going to finish the image by adding clouds over the castle to integrate the building more into the sky.

How to Crop in Photoshop 35
  • I’m going to copy the cloud layer, placing it above the original castle layer.
How to Crop in Photoshop 36
  • I’m going to cut out a cloud, masking it, using the same steps that we used before. I increased the radius, smoothing, and feathering until I liked the output.
How to Crop in Photoshop 37
How to Crop in Photoshop 38
  • Now, for final adjustments:

I resized the castle to fit better in the clouds, masking out more of the structure to fit better in the image.

How to Crop in Photoshop 39

To make the light match on the castle, I’m going to add an adjustment layer.

I go to Layer > New Fill Layer > Solid Color, picking out the pink color from the cloud.

I adjust the opacity to 24%, changing the blending mode to color.

How to Crop in Photoshop 40

And now, we are done!

How to Crop in Photoshop 41

Now you know how to crop an image in Adobe Photoshop. I hope you enjoyed watching the creative process of a digital composite from beginning to end.

If you have any additional questions on cropping or masking, go to Adobe Support to search for topics and get help with your questions.

Leave a Comment

Your email address will not be published. Required fields are marked *

Get up to 60% off at Adobe.com

Get the world’s best creative apps to turn your imagination into reality.

 

Act now! Don't miss the offer.

 

➤ Discounted Annual Plans

➤ Students & Teachers Save 60%

➤ 14-Day Money-Back Guarantee

00
Months
00
Days
00
Hours
00
Minutes
00
Seconds

Hurry up! The clock is ticking ...

Best Deal

(Students & Teachers save over 60%)

Scroll to Top