hits counter

Photoshop Tutorial: How do I maintain proportion and scale when I resize my images?

Have you ever been surfing the web and seen a photo like this?

There are two ways to make sure that no matter what size you make sweet little Picasso, that you keep his proportions locked so he still looks human when you’re done.

The first one is easy, and obvious. But you’d be surprised how many people don’t know this. So if you’re one of those, you’re not alone. Trust me.

Go to your Photoshop top menu – it should be at the top of your screen.
Click Image> Image size.

How to resize an image in Photoshop. Image> Image Size

(click to view full-sized image)

A dialog box will pop up with your photo’s size. Make sure the bottom three boxes are checked. They say “Scale Styles”, “Constrain Proportions”, and “Resample Image.” Now, when you change the width or height dimensions, the other will automatically change for you. Type in the width or height you want. Click OK. See? No math. Isn’t that nice of Photoshop to do the math for you?

Photoshop tutorial: how to resize images

So, that’s fine for resizing photos if you need to resize the whole canvas. But what if you needed to resize just one layer or resize the image on the canvas, but not the canvas itself? How do you resize just one layer in Photoshop? I use this all the time in blog design!

You need the transform tool. File> Free transform. Or more simply command-t on your Mac (on PC, ctrl-t). You’ll need to make sure you have a layer highlighted in your layers palette. Keep in mind, that in most photo files, the background is locked and you’ll need to make a new layer to transform a photo.

When you succeed, a frame will pop up around your layer item – in this case the photo.

With the layer highlighted in the layers palette (bottom right), click command-t or control-t.

Now here’s the important part! If you gain nothing from this tutorial, gain this. Before you start dragging those points to resize you must lock proportions. Once you click command-t / ctrl-t this will appear in your menu. Click it.

How to lock proportions / keep scale in Photoshop.

Now you can drag from any corner and the photo will keep the same proportions and scale correctly. Note, if you drag from one of the side points, instead of the corner points, the lock button will uncheck itself. If this happens, recheck it and it will snap back into proportion. When you’ve got the image to the size you want it, hit enter / return. Voilà!

Go ahead. Try it!

And in the end, you can make sure your favorite photos always look right, no matter what size you make it.

Go forth and Photoshop!

Related Posts with Thumbnails

Comments

  1. love photoshop tutorials!
    .-= melissa stover´s last blog ..Our Financial Journey ~ The baby carriage =-.

  2. Miss Darcy – You Rock!
    Thank you for the step by step pictures!
    I’m a visual learner! ;)

  3. trish naylor says:

    You’re a diva! If I fly to your house, will you give me a private lesson on PS? I would be so in love with you!!!
    p.s. after Drake gets out of the hospital, we (MJ & me) will be getting contact about that conference call! Life upside down still… thanks for all the concerns about Drake, we are working on the mend still, but slow and steady is his motto!!!

  4. Richella says:

    Oh, Darcy, you’re such a good teacher. Maybe you should consider homeschooling. :)
    .-= Richella´s last blog ..Updating an old project =-.

  5. Gary says:

    Another method for the PC is to have the Move Tool selected (shortcut V on the PC), pick a layer, then drag a corner. To maintain the correct ratio, hold down the Shift key.

  6. Jessica Mauk says:

    Hi! I stumbled on your blog a while back looking for other homeschooling moms. I love all of the photo advice you give, but I have a question for you. I don’t have photoshop and buying it just isn’t in the budget right now. Are there any free photo editing programs available that you would recommend? Thanks!
    .-= Jessica Mauk´s last blog ..The best part of homeschooling???? =-.

    • Darcy says:

      Hi Jessica!

      Thanks for stopping by. You might like Picnik which is nothing like Photoshop, but has great edit options for those with no PHotoshop skills. One click edits. Alternatively – GIMP is free and downloadable and has a layers palette like Photoshop. It’s got a bit more of a learning curve, but more control over the end result.

      Good luck!

  7. Ruthanne says:

    Thank you, Obi Wan. Actually, you’re more like Yoda. Teach me, Yoda. Show me the ways of the force {You can insert Photoshop here, thank you.}

    My apologies for this Star Wars saturated comment. Apparently, my boys are rubbing off on me.

    Send help.
    .-= Ruthanne´s last blog ..I Heart Faces {Week 8} =-.

  8. shraddha says:

    OMG, i need this advice so much!

    thank you!

    you are a genius!! i am so glad to follow your blog!
    .-= shraddha´s last blog ..Sick once again in midst of joyous festivals =-.

  9. Renea says:

    I wish you would give a crash course to my child’s high school yearbook sponsor! The kids don’t have a clue and every year we pay for expensive yearbooks with stretched photos. :( Thanks for sharing your tutorial for everyone that needs it!

  10. Ramona G says:

    Thanks so much!!!

  11. Thanks for sharing step by step tutorial on your post. I will try it on my design.

  12. Jessica DesLongchamp says:

    THANK YOU FOR POSTING THIS!!!! :D

  13. rich says:

    I love this step by step tutorial, I really appreciate it. so easy

  14. Cyle says:

    Great tutorial! It helped me alot!!

  15. Two Words: Smart Object… Its a much easier way to do this… open photo, make duplicate layer, right click on layer, click on convert to smart object, right click on photo click free transform.

    Once you convert something to a smart object it maintains its proportions. Its made especially for this purpose.

    just another approach. Thanks for sharing your discovery too.

Trackbacks

  1. [...] Photoshop Tutorial: How do I maintain proportion and scale when I resize my images? via Life with My Three Boybarians. My friend Darcy is a whiz with Photoshop and she’s extra awesome because she shares her knowledge. Now that you’re taking awesome pictures with your camera (see link above), Darcy will show you how to make sure you aren’t making them wonky on your blog. [...]

Please leave a comment; I love to hear from you!

*