Photoshop Tutorial: Cropping an image using rule of thirds

There are many methods for cropping your image in Photoshop; in this Photoshop Tutorial we focus on the easiest method, but we crop with the use of a grid to help create a more dynamic image. If you want to follow along, find this image here.

  1. Select the Crop tool. When the Crop tool is selected, you see a selection indicator around the image and four corner markers. You can just click and drag on these corner markers to crop the image, but in this lesson, you will learn to create your own new custom cropped area.
  2. The purpose of cropping this image is to allow it to proportionally fit into a 4 × 6 area, and also to create a closer crop around the boys’ faces
  3. Note that when the Crop tool is selected, you have additional options available in the options bar across the top of the window. Click once on the Select an aspect ratio drop-down menu and select 2:3 (4:6). A crop area is created, but you will adjust it.
Select the ratio for 2:3 (4:6).
Select the ratio for 2:3 (4:6).
  1. Note that when you click and drag on the corner of the crop area, the aspect ratio of the crop remains intact. Also note that a default grid that represents the “rule of thirds” appears. You will use this grid to create a more dynamic crop.
  2. Switch the proportions of the crop area to be horizontal by clicking the Swap height and width button located in the Crop tool’s options bar.

    Swap the height and width of the crop.
    Swap the height and width of the crop.

About the rule of thirds grid

The rule of thirds is a guideline that photographers and designers use to create more dynamic layouts and imagery. According to the guideline, important elements of the photograph should be placed on or along the lines, or at the intersections of the lines.

ps0203a-c
Example of an image before and after the rule of thirds crop was applied.
  1. Click the upper-right corner marker of the active crop area and click and drag down closer to the taller boy’s face. Ignore the guidelines that appear for now.

    Click and drag to reposition the upper-left of the crop area.
    Click and drag to reposition the upper-left of the crop area.
  2. Now click and drag from the lower-right corner. This time, as you position, pay attention to the guidelines. Try to position the crop area so that the center of the taller boy’s face is directly in the middle of the intersection of the guideline in the upper-left area.

    Click and drag to reposition the lower-right corner of the crop area.
    Click and drag to reposition the lower-right corner of the crop area.
  3. Uncheck the Delete Cropped Pixels check box that is in the middle of the Crop tool options bar. By unchecking this box, you will not delete any image information, and will be able to reposition your crop at a later point.
  4. Once you have the crop area surrounding the two boys, with the intersection of the taller boy in the guideline, and the smaller boy’s face aligned with the third vertical gridline, click the Commit check box or press the Enter or Return key to commit the crop area.

    The finished crop area.
    The finished crop area.
  5. Keep in mind that even though using the rule of thirds is only a guideline, it can provide you with some direction when cropping your image. If you do not like seeing the gridlines, or would like to use another grid, you can turn it off, or choose another by selecting the Set the overlay options button in the Crop tool options.

    You can turn off the grid lines, or select another from the Crop tool options bar.
    You can turn off the grid lines, or select another from the Crop tool options bar.
  6.  To see how the existing pixels are still stored, switch to your Move tool. You will move your image area, and then immediately undo that move so as to not change your cropped image.
  7. Using the Move tool, click the image area and drag to reposition your image area. Notice that, since you unchecked Deleted Cropped Pixels, the pixels still exist. Use this feature when you are not sure if you will need to reposition an image inside of the cropped area.
  8. You can press Control+Z (Windows) or Command+Z (Mac OS) to undo your repositioning. If you made several moves, you can choose Windows > History, and go back several steps by clicking Crop in the History panel.
Go back in History to undo your moves.