Saturday, January 7, 2012

52 Weeks of Editing: Week 1 - Image size

52weeks 200x200 copy

When I asked you what you most wanted to see on my new blog - the overwhelming response was that you wanted to see more editing tutorials! So here is my start to answering that request.

Every Saturday of 2012 I'll post step-by-step tutorials on how to do basic editing. If you'd like to suggest a topic of the next tutorial let me know on my Facebook page or via Twitter

These tutorials will be based on Adobe Photoshop Elements 10 which you can buy from Amazon here or download a 30 day free trial from Adobe here. In the little while that I've played with Photoshop Elements 10 comparing it to the version I'm used to using (PSE7) I have noticed that they are nearly identical (v. 10 has an awesome auto-backup feature that totally rocks) my operating system is Windows Vista business - so that might effect things slightly as well.

This first tutorial will deal with the most basic stuff - but I remember when I first started using Elements, even those basic steps were a little bit more frustrating and hard to figure out than I anticipated so here we go... let's dive in!

To open a photo in Adobe Photoshop Elements (PSE) click File > Open OR you can drag and drop a photo (or use ctrl+click to select multiple photos) into the "project bin".

screencapture 3

To crop your image you will need to use the crop tool  there is an arrow pointing to it in the image below. You'll need to choose your crop size. You can select "No Restriction" which will allow you to crop your image any way you please (so long as it's rectangular) if you choose "Use Photo Ratio" it will keep the original shape of your image. If you want a square crop you can choose 5x5.

capture 7

If you want to create something more customized - such as for a button in a sidebar or such - you can type in the size you want in the little space in the top part of the window (circled below). Move the little bounding box squares to where you want to crop your image and click on the little check mark.

capture 9

The next thing I want to show you how to do today is resize your image. There are several actions you can download that will sharpen & re-size for the web but re-sizing an image in PSE couldn't be easier.

capture 3

To re-size click Image > Resize > Image Size

The next step is important. You must click "Resample Image" in order to resize your image by pixels, which is especially important if you are resizing for your blog or webpage.

capture 4

Last you'll want to save. Click File > Save As.

capture 11

You'll need to confirm/edit the file name of your photo, then you'll need to choose the quality of the image.

DSC_4085 small low
image reduced to 600px wide and saved in low quality
DSC_4085 low
image at original size (3000px wide) saved in low quality
image in original size and saved in high quality
A lower quality image will have a smaller file size, of course it will also have a lower quality.

capture 10

And there you go! Now you know how to open, crop, resize and save your image!

week1 Pin It
Every week I'll include a task to practice and an image to practice it on, if you'd like, as well as a link-up to show your work! This week: If you'd like to practice you can use this image. Crop it, post it on your blog and link up here! If you apply any other edits be sure to mention them in your post :)

Grab a button below for your post and link up anytime before next Saturday!  Next week I'll show you how to create and re-order layers, crop with rounded corners and how to run an action. Let me know if there is anything else you've been wanting to learn!

52weeks 200x200 copy


  1. yay! I'm so excited you are doing this!!

  2. so happy about this new series! thank you thank you!

  3. I'm so glad you are doing this with elements!!!

  4. I am so excited for these tutes. You rock.


Your comments make my day!!

Sign up to be notified about upcoming classes!!

* indicates required