Cropping Images in Photoshop

(Note: This tutorial was made using Adobe Photoshop CS5, but earlier/later versions of Photoshop should have only cosmetic differences; the mechanics of image resizing and cropping should be the same.)

Cropping Images

1. Open the image in Photoshop.

2. Select the “Crop” tool from the lefthand toolbar.

 

Crop Tool Location

3. Lock the dimensions of the cropped area by changing the width and height of the tool in the upper toolbar, keeping the “Resolution” field at 72 pixels/inch. See below for which dimensions to set.

 

Crop Size

The size will depend on where the image will be located.

  •  3a. If it will be a single-photo banner as seen below, the crop tool should be specced to 960 x 192 px (960 pixels wide and 192 pixels high).
Single Photo Header - Engineering
  • 3b. If it will be one of 5 squares in a banner as seen below, the crop tool should be specced to 190 x 192 px.
5-Square Header - EES
  • 3c. If it will appear in a gallery as seen below, the crop tool should be specced to 500 x 350 px.
Gallery Photo - Dance
4. With the dimensions set, click and drag over the original image to select the area of the new image. The frame will snap to the dimensions you have specified; you can also click and drag the corners of the crop square to adjust the image. Photoshop will gray out the areas to be cropped out to give you a preview of what the new image will look like.
Cropping
5. Press Enter to finalize the crop.

6. Save the image as a JPEG.

 

Save as JPEG

 

6. Follow these directions to upload the image to Cascade.