adobe creative suite 2 student Buy discounted Adobe SoundBooth CS4 help for adobe photoshop fast free adobe photoshop cs3 download Buy discounted Adobe After Effects CS4 adobe photoshop customer service adobe indesign training chicago Buy discounted Adobe Creative Suite 4 Master Collection adobe flash player 9activex download adobe photoshop 7.0 brushes Buy discounted Adobe Creative Suite 4 Web Premium create slow motion in adobe premiere adobe after effects 6.5 key Buy discounted Adobe Dreamweaver CS3 adobe photoshop cs3 hack adobe photoshop adobe illustrator Buy discounted Adobe Dreamweaver CS4 8 adobe download flash 5 user license adobe creative suite Buy discounted Adobe Fireworks CS4 adobe after effects 6.5 pro serial luciano ayres adobe flash lite instructor Buy discounted Adobe Flash CS3 Professional adobe photoshop cs2 hdr tutorial adobe photoshop cs2 9.0 Buy discounted Adobe Flash CS4 Professional downloadable paintbrushes for adobe photoshop 6.0 adobe photoshop elements 3.0 win download Buy discounted Adobe Illustrator CS4 buy adobe flash backup adobe premiere 6.5 export quicktime Buy discounted Adobe InDesign CS3 photoshop adobe apple install adobe creative suite photoshop system Buy discounted Adobe InDesign CS4 adobe design creative suite design premium adobe flash buffer troubleshooting Buy discounted Adobe Photoshop CS3 Extended adobe photoshop elements tutorial menu adobe indesign tips Buy discounted Adobe Premiere Pro CS4 adobe illustrator template downloads
  • Make Money Online News
  • Advanced Content Aware Scaling Photoshop CS4 Tutorial

    Posted on 01 April 2009 by Shaz


    Tutor : Shazad Mirza
    Bg : Designer and developer

    girl-and-white-mini after-girl-and-white-mini

    In this tutorial i will teach you whats good about the new content aware scaling. Along with its slight downfalls that i will also show you how to overcome using some clever but simple techniques. You will require a copy of Photoshop CS4 to go through this tutorial as this is a new feature of photoshop and will not work in previous versions.

    I am asuming that you have a beginner to intermediate level of experience in using photoshop prior to following this tutorial.

    Step 1
    Open image in photoshop you can use any image that has a person in the fore-ground and either trees or buildings in the background. To use the image in this tutorial just right click on the image and then save to hard drive.

    image01-nov-02-0314

    Step 2
    Double click on the background layer in the layers panel this is so you can unlock the image and go on to scale it. Photoshop CS4 will bring up a mini window for you to name the layer, we can leave this as layer 0 as we wont be using many layers in this tutorial.

    Before
    image04-nov-02-03

    After
    image05-nov-02-03

    Step 3
    Now go to the edit menu and click on Content Aware Scale alternatively using your keyboard you can press Alt+Shift+Ctrl+C on the PC. You will now be able to see adjustable anchor points around the image as you would get using the Free Transform tool.

    Before
    image06-nov-02-0333

    After
    image07-nov-02-0344

    Caution point
    If you now start to play about with the anchor points you will quickly realize that you will start to degrade the image and the poor girl is getting pretty distorted. We want to avoid this. Adobe Photoshop CS4 does have a setting that can help with preserving actual skin color pixels when using Content Aware Scale, the setting is a toggle button that shows up in the top right hand corner of the options bar for the CAS tool that we are using.

    image10-nov-02-0356

    Here are two examples of the results.

    This image is with out using the Protect skin tones setting
    image11-nov-02-0357

    This image has Protect skin tones toggled on
    image12-nov-02-0359

    As you can see in the first image the girl is not preserved at all but in the second the girl holds out very well but we loose on the car in the back ground. The only things we want to loose in this case are the road and trees. Lets learn how to achieve this :)

    Step 4
    We now need to create a alpha mask over the objects we want to protect in the image in our case the girl and the car. To do this select the quick selection tool and roughly highlight the girl and then to highlight the car as well hold the Shift key to include the car into the same selection.

    image13-nov-02-0414

    Step 5
    Go to the Select sub menu in the menu bar and click on save selection.

    image14-nov-02-0418

    Step 6
    This will bring up a mini window for you to name the alpha selections you have made remember that in this case we are saving both the girl and the car as one selection. In more complicated images that have more people or objects in them you will need to keep things on separate selections.
    Save this selections as girl and car.

    image15-nov-02-0426

    Step 7
    Now if you go into the channels panel you will see a new Alpha channel under the default RGB channels. Now click on this channel and view that it shows us our selections in black and white, you can also make any further adjustments here if required.

    image16-nov-02-04

    Step 8
    Go back to the RGB channel and hit CTRL + D to get rid our the highlighted selection on the image. This wont get rid of our alpha channel as it has been saved.
    image17-nov-02-04

    Step 9
    Now go back into the CAS tool by clicking on Menu > Edit > Content Aware Scale and make sure that the Protect skin tones is toggled off as we wont be needing it because we have made our own selections. Now go slightly to the left to the Protect drop down and select girl and car this will protect what ever selections we have saved when we are using the CAS tool.

    image18-nov-02-0511

    Step 10
    Finally resize the image similar to the one below and see how both the car and the girl hold out very well. Photoshop CS4 has decided itself what parts of the road and trees to keep and to get rid of in order for the image to blend.

    image20-nov-02-0518

    Step 11
    Photoshop CS4 will now prompt you to keep the changes you have made or you can click tick on the far right of the CAS tool options bar when you are happy with your adjustments.

    image21-nov-02-0517

    Heres the final result

    image22-nov-02-0525

    Yeah i know the end result aint perfection but thats for you to work on my job was to teach the ins and outs of CAS ;).

    We love you so we want to feed you :). Subscribe to the Feed to stay updated with the latest tutorials on www.miraztutorials.com and press CTRL+ D to bookmark this tutorial

    • Digg
    • del.icio.us
    • Design Float
    • description
    • StumbleUpon
    • TwitThis
    • Mixx

    4 Comments For This Post

    1. lec h Says:

      Really pretty girl - it is you Shaz?

    2. dale Says:

      WoooW! amazing! thanks =D =D =D ill try do it right now

    3. Felipe Says:

      Hej, cheers for this fantastic tutorial. It helped me improving my skills one more step. It’s at all times awesome to get some impressive inspiration and I hope to read more of such posts here sometimes because no one will ever stop learning new things. Have a nice day

    4. PLR Products Says:

      I love your posts! Please write more often if you can

    7 Trackbacks For This Post

    1. Advanced Content Aware Scaling Photoshop CS4 Tutorial | Photoshop Tutorials and Flash Tutorials, design and Inspiration Says:

      [...] Advanced Content Aware Scaling Photoshop CS4 Tutorial | Photoshop Tutorials and Flash Tutorials, des…. No Comments [...]

    2. Advanced Content Aware Scaling Photoshop CS4 Tutorial Says:

      [...] DIRECT LINK » [...]

    3. Advanced Content Aware Scaling Photoshop CS4 Tutorial | Website Design Blog Says:

      [...] I am assuming that you have a beginner to intermediate level of experience in using photoshop prior to following this tutorial.” DIRECT LINK » [...]

    4. Advanced Content Aware Scaling Photoshop CS4 Tutorial « rockweb Says:

      [...] DIRECT LINK » [...]

    5. The Creativity Wall Says:

      Advanced Content Aware Scaling Photoshop CS4 Tutorial…

      AKPC_IDS += “,”;Popularity: unranked [?]……

    6. The Creativity Wall Says:

      Advanced Content Aware Scaling Photoshop CS4 Tutorial…

      AKPC_IDS += “,”;Popularity: unranked [?]……

    7. Advanced Content Aware Scaling Photoshop CS4 Tutorial | Photoshop Tutorials and Flash Tutorials, design and Inspiration | My Web Development Bookmarks Says:

      [...] See the article here: Advanced Content Aware Scaling Photoshop CS4 Tutorial | Photoshop Tutorials and Flash Tutorials, des… [...]

    Leave a Reply

    -->