Smart Scaling with Content-Aware Scale in Photoshop CS4

0Comments

ps_before-after.jpg

New to Photoshop CS4 is its Content-Aware Scale tool which allows you to transform an image in a way that you’ve never been able to do before in Photoshop. The technology itself has been around for some time and you may have been familiar with the website rsizr.com which offers content aware scaling as an online service. However, the feature is now built into Photoshop making it a readily accessible tool for images large and small.

In this post, I’ll explain how to use content aware scaling and how to protect areas of your image from being distorted in the process.

Step 1

To see the tool at work open an image in Photoshop CS4 (this feature is not in other versions of Photoshop), double-click the background layer to turn it into a regular layer and choose Edit > Content-Aware Scale.

ps_step1.jpg

Step 2

Notice the sizing handles on the image. Drag from one side inwards and watch what happens as you do so. You’ll find that the image shrinks in size, but most of the information in the image is still there – the image is made narrower but key elements in it are not squashed up.

If your image includes people, click the person indicator on the toolbar so that it is not pressed in – when the indicator is flush with the toolbar the option is selected. This protects people by recognizing skin tones and ensuring that they are not distorted by the effect.

ps_step2.jpg

Step 3

You can also protect elements in the image using an alpha channel mask. This technique is handy if you have areas of the image that you want to retain at the expense of other areas and it can also be used to protect people in the image.

Make a rough selection around the area that you do not want to be affected by the scale effect. A good tool to use is the Lasso tool – select an area and hold the Shift key to make a second selection over another area, if necessary.

Choose Select > Save Selection, type a name for the selection, such as detail mask, make sure that the Channel is set to New and the operation is set to New Channel and click Ok. Press Ctrl + D (Command + D on the Mac) to deselect your selection.

ps_step3.jpg

Step 4

Now choose Edit > Content-Aware Scale and from the Protect dropdown list on the toolbar, select the mask you just created. Scale the image and notice that the masked areas are protected from being damaged as the image shrinks in size.

Content-Aware Scaling is a handy way to change the aspect ratio of an image. For example, you can turn a landscape image into a square image and close up the space between people in a photo if they are a long way apart. It also works in reverse and you can use it to make an image larger. You may need to do some work with the clone tool to repair small areas of the image damaged as the result of the scaling but typically the tool does a very good job.

If you don’t have Photoshop CS4 then head, image in hand, over to rsizr.com and give the online tool a try.

ps_step4.jpg

Read more from our Post Production category

Helen Bradley

is a Lifestyle journalist who divides her time between the real and digital worlds, picking the best from both. She writes and produces video instruction for Photoshop and digital photography for magazines and online providers world wide. She has also written four books on photo crafts and blogs at Projectwoman.com.

  • bebopdesigner

    This is handy. Thanks for posting.

  • Ryan B.

    Do you have the source image so I could try it?

  • This tool is a fantastic tool. I have been using it alot lately when shooting sports and I need those tiny little kids to be just a LITTLE bit closer together to fit into the crop.

    Thanks for sharing this with the masses

  • I had no idea that was there (making a mental note to start looking at the menus in new versions, or reading up on changes). Thanks for an in depth post that will help a lot of photographers with compositional challenges.

  • gaerun

    Note that the same effect is achievable with the gimp thanks to this plugin (see examples there).

  • There’s an even more impressive (and speedier) technology coming soon which coincidentally I posted about yesterday:
    A Randomized Correspondence Algorithm for Structural Image Editing

  • I really need to pay attention to new features in Photoshop, this came in handy using the gimp plugin, so hope it’s just as good or better.

  • sillyxone

    thanks gaerun,

    it was a moment of disappointment reading the article (fulltime Ubuntu user) until clicking on the LiquidScale link in your comment. Will try it out on the Gimp tonight.

  • Thanks for posting, Helen.

  • This is awesome,, will try once I will get CS4

  • Don Simpson

    Everything works fine when I use the selected mode except that when I click on the check mark I a an error, “Cannot complete operation because of a program error.” I’m using CS$ Extended on a PC .

  • Judy

    Thank you so much for sharing your expertise with us. Wish I had known about this when you wrote it–have had several photos that could have used it. Now to go back and find them. ;-}

  • vijayakumar B R

    It didnot work for me. I followed the procedure explained in the article

  • Ehehe

    Wow tremendous, thanks for this article

  • Faggatron2000

    thanks gr8 b8 m8

Some Older Comments

  • vijayakumar B R September 23, 2011 11:58 pm

    It didnot work for me. I followed the procedure explained in the article

  • Judy September 8, 2009 07:55 am

    Thank you so much for sharing your expertise with us. Wish I had known about this when you wrote it--have had several photos that could have used it. Now to go back and find them. ;-}

  • Don Simpson June 12, 2009 11:24 pm

    Everything works fine when I use the selected mode except that when I click on the check mark I a an error, "Cannot complete operation because of a program error." I'm using CS$ Extended on a PC .

  • Sohaib June 12, 2009 02:18 am

    This is awesome,, will try once I will get CS4

  • Pablo Luz June 12, 2009 02:08 am

    Thanks for posting, Helen.

  • sillyxone June 6, 2009 06:41 am

    thanks gaerun,

    it was a moment of disappointment reading the article (fulltime Ubuntu user) until clicking on the LiquidScale link in your comment. Will try it out on the Gimp tonight.

  • Kyle Walker June 6, 2009 04:33 am

    I really need to pay attention to new features in Photoshop, this came in handy using the gimp plugin, so hope it's just as good or better.

  • Quck Photography Tips June 6, 2009 01:39 am

    There's an even more impressive (and speedier) technology coming soon which coincidentally I posted about yesterday:
    A Randomized Correspondence Algorithm for Structural Image Editing

  • gaerun June 6, 2009 01:19 am

    Note that the same effect is achievable with the gimp thanks to this plugin (see examples there).

  • WIlliam Rackley June 6, 2009 01:05 am

    I had no idea that was there (making a mental note to start looking at the menus in new versions, or reading up on changes). Thanks for an in depth post that will help a lot of photographers with compositional challenges.

  • Roberto June 6, 2009 12:53 am

    This tool is a fantastic tool. I have been using it alot lately when shooting sports and I need those tiny little kids to be just a LITTLE bit closer together to fit into the crop.

    Thanks for sharing this with the masses

  • Ryan B. June 6, 2009 12:46 am

    Do you have the source image so I could try it?

  • bebopdesigner June 6, 2009 12:32 am

    This is handy. Thanks for posting.

Join Our Email Newsletter

Thanks for subscribing!


DPS offers a free weekly newsletter with: 
1. new photography tutorials and tips
2. latest photography assignments
3. photo competitions and prizes

Enter your email below to subscribe.
Email:
 
 
Get DAILY free tips, news and reviews via our RSS feed