A Cool Way to Crop

We all know about Photoshop’s crop tool, but did you know you can control it down to the pixel? Let’s use this nice colorful image and make a few thumbnails. Let’s assume we will be using these thumbnails on the web, so we have already optimized our image and got it ready to save for the web.

I can see 3 thumbnails made out of this one image.

I can see 3 thumbnails made out of this one image.

First, in your toolbar select the crop tool. your options tool bar will change, giving you a set of controls specific to the tool bar. (If the option bar is not visible, it might not be turned on. To see it, select Window > Options.)

In the option bar type in the Width and Height in pixels. The crop tool allows Inches as well, so be sure to be specific! px = pixels, in = inches. In this case I want to make 50×50 pixel thumbnails, so i enter 50 px in the Width field and 50 px in the Height field.

don't forget to specify pixels (px) or inches (in)

don't forget to specify pixels (px) or inches (in)

Now that I have my sizes entered, drag the crop tool on the desired area of the image to make your thumbnail.

One of three thumbnails within this image.

One of three thumbnails within this image.

Hit enter and BAM you’ve made a 50×50 pixel thumbnail.

A nice 50 x 50 pixel thumbnail

A nice 50 x 50 pixel thumbnail

From here be sure to Save As… so that you don’t overwrite the source file. Remember, we have to make two more thumbnails out of this image. A good practice is to make a Duplicate (Image > Duplicate…) before you start editing. Enjoy!

Thumbnail #1

Thumbnail #1

Thumbnail #2

Thumbnail #2

Thumbnail #3

Thumbnail #3

Original Image

Original Image

Comments

3 Responses to “A Cool Way to Crop”

  1. Keep your site small: Optimize them jpgs! | OU Web Communications on July 26th, 2010 5:23 pm

    [...] «Video: Keeping Your Audience’s Attention A Cool Way to Crop» [...]

  2. chris on March 17th, 2011 5:59 pm

    i also use photoshop tutorials and they are really simple to use, like yours.

    http://www.howtophotoshop.co.uk

  3. Happy Pictures = Happy Sites | WEB COMM BLOG on June 7th, 2011 2:01 pm

    [...] but sometimes a single photo can be cropped multiple times to produce several cool new photos. Check out Mario’s blog for a few tips about cropping photos. If you use an online tool like Aviary.com, they have a cropping option, [...]

Leave a Reply




*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image