5

Ok, so here's my problem. This is Bill:

enter image description here

Bill is a handsome dude, and his image is 400px wide (take note of the pink border). I can size him down to 300px no problem. At full size, he is 109px at his head, and sized down to 300, Bill is 81px. But now I have this image that someone gave me:

enter image description here

So now, the canvas size has increased, and Bill has some scenery, a snazzy balloon, and a...dog?

So I want to scale this new image down just like I did the original, but how do I scale the whole image down so that the box ends up being 300x300? I want the whole image to be there, and for Bill to be the same size as he was when I scaled down the original, so that when compared side by side with the original, Bill is comparatively the same size.

I am obviously generalizing here, but I run into this problem on a regular basis. It's not a problem if just the width or height has changed, because I can scale down based on the dimension that wasn't changed. But when both width and height have changed, all I can think to do is use the measure tool on a consistent part of the image (like the box or Bill's head), resize the image, measure again, and repeat until I get it pretty accurate.

Is there an easier, more accurate way to do this? I'm using Photoshop CS6.

  • Welcome to GraphicDesign! Let us know if you have any questions about the site – Zach Saucier Feb 29 '16 at 3:31
6

This is Ben. Ben's head is 100 pixels wide. But you want his head to be 80 pixels wide.

enter image description here

You draw a box 80 pixels wide in the center of the area you want to resize relative to (in this case, Ben's head).

enter image description here

cmd+T (Mac) / Ctrl+T (Windows) with everything you want to resize selected. This can be a single image, group, multiple layer, it doesn't matter.

Move the transform origin point to the center of the box you drew.

Hold SHIFT + ALT + drag the one of the transform corner points until the area you want to resize relative to (Ben's head) fits nicely inside the box. (If the box you drew and transform origin aren't exactly in the center of Ben's head, you will probably need to nudge Ben in to the correct position.)

enter image description here

Ben's head is now 80 pixels wide.

This seems like a bit of a workaround and can be harder to get exact with more complex images, but it's the best I've come up with!


Another Option

As suggested by Alin in the comments, another option is to simply calculate the new width. All you need to do this is the current width and desired width of the area you want to resize relative to (In my example, Ben's head, 100px and 80px).

Then calculate the percentage decrease and new scale.

size difference = original size - new size

percentage decrease = ( size difference / original size ) * 100

scale = 100 - percentage decrease

In my example, scaling from 100px to 80px, you obviously just need to scale to 80%, but my example is an over simplification. In more complex images and when you don't know the measurements you need I prefer to transform visually like in my example, otherwise you need to work out the new measurements and percentages (and I hate working out percentages!). Calculating the scale may be a better option for you though.

  • Why not use Ctrl+Alt+I to resize the document down to 300x300 pixels? This will cause all the layers to resize down with it. Also, if his head is 100px and he wants it 80 px, that is 1/5 so he needs do calculate his doc size and resize it down by one fifth. – Alin Feb 29 '16 at 7:42
  • 1
    Unless I misunderstood, that's not the question.. The pink box in the image needs to 300px not the whole image – Cai Feb 29 '16 at 7:44
  • 1
    I am the one who misunderstood, sorry, I edited my original comment. The point is, why not calculate the size? From 100 to 80px is one fifth of the size, so you take the pink box's size, divide it by 5 and resize the box down by the result. – Alin Feb 29 '16 at 7:48
  • Very good point :) I resize things this way all the time though and I'd say it's probably quicker (for me at least) if you don't know the sizes and/or they aren't regular sizes. – Cai Feb 29 '16 at 7:54
  • When you hit Ctrl+T you get it's size in the dimension box above. :) anyway, I've been used to work like this from AI where I have some sort of OCD for AI dimensions :)) I NEED them all to be round numbers. Anyway, you could add this as an alternative to your answer and let the OP decide which sticks best to him since from what I saw, he loves giving precise dimensions to everything :)) – Alin Feb 29 '16 at 7:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.