Photo Vibrance Photoshop CS4 Tutorial

Posted on 03 April 2009 by Shaz


Tutor : Shazad mirza
Bg : Designer and Developer

girl-warmup-trees image17-nov-03-0625

In this tutorial i will teach you how to best use the new Vibrance tool in Photoshop CS4 and why it is crucial especially with images that have people+interesting backgrounds in them. I will also cover a few extra tweeks to make the image more impactual. The tutorial requires you to have a basic knowledge of Photoshop and that you have a copy of Photoshop CS4 as this is a new feature and will not work with prior versions of the software.

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-03-0541

Step 2

Double click on the background layer in the layers panel and a window asking you to name the layer will appear leave this as layer 0 and click ok to unlock the image to be edited.
image02-nov-03-0544

Step 3
Now go to the window menu and open the Adjustments panel, this is a new pannel in Photoshop CS4 where from now on you will be able to handle all your adjustments in 1 easy to use panel.

image03-nov-03-0546

Step 4
Now select the Vibrance tool from within the adjustments panel

image04-nov-03-0548

You will now see these two toggle bars along with numeric indicators of the amount plus and minus of vibrance or saturation to your image.

image05-nov-03-0549

Saturation works the same as normal saturation but has been placed here for you to balance it with vibrance to create much better effects than just saturation on its own used to be able to do.

Heres a image with saturation turned up to full as you can see it negatively affects the girl in this image turning her into a orange and this is what we want to avoid.

image06-nov-03-0552

In this example just the vibrance is turned up to +100, see how it protects the skin tones of the girl but still adds ( vibrance :) ) to the rest of the image mainly the ground and fallen leaves.

image07-nov-03-0555

Step 5
We do want to add some saturation to the image so notch this up to +10

image08-nov-03-0559

Heres a close up of the image just with adding vibrance and a tiny bit of saturation just so much so that it doesn’t harm the image. Of course we are not fully done yet as there are still a few things that need clearing up before the image is of eye catching quality.

image09-nov-03-0613

Step 6
From the tools bar on the left grab the blur tool

image10-nov-03-0614

Step 7
In the tool options bar at the top in Photoshop CS4 set the brush to size 45, Mode to Normal, Strength to 50% and Sample All Layers un-ticked.

image11-nov-03-0615

Step 8
We want to get rid of the fuzziness in the background, go over all greenery avoiding the edges and branches using the blur tool.

image12-nov-03-0616

So far so good this how we should be looking

image13-nov-03-0618

Step 9
Now select the Dodge tool from the tool bar on the left inside Photoshop CS4

image14-nov-03-0622

Step 10
In the tool options bar at the top in Photoshop CS4 set the brush to size 27, Range to Shadows, Exposure to 30% and Protect Tones to ticked.

image15-nov-03-0623

Step 11
The girls legs are more tanned than the rest of her body just do a few strokes with the Dodge tool to lighten up the legs a little so they match the arm a bit more.

image16-nov-03-0624

Final Result

image17-nov-03-06251

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

10 Comments For This Post

  1. seeray Says:

    yo whos the gal in the gal in the pic she likes trees

  2. Tips for Website Design Says:

    Thanks for such a great tutorial. Your screenshots and instructions make this very easy to follow.

  3. kim gomez Says:

    It was interesting to read trough :-) keep up the good work and thanks for all the tips.

  4. Hendra Says:

    Thx for a grat tutorial

  5. hisham Says:

    thanxxxxxxxxx

  6. vipin Says:

    very good………………

  7. vipin Says:

    very good …………………….

  8. vipin Says:

    very good………………………

  9. clippingimages Says:

    WoW :) Awesome tutorial. Nice explained. Thanks for sharing this nice post.

  10. IsTI37 Says:

    I love the simplicity of this tutorial, it’s easy to do and it levels up almost every image taken with a camera.

6 Trackbacks For This Post

  1. Photo Vibrance Photoshop CS4 Tutorial Says:

    [...] Photo Vibrance Photoshop CS4 Tutorial | Photoshop Tutorials and Flash Tutorials, design and Inspirat…. No Comments [...]

  2. Photo Vibrance Photoshop CS4 Tutorial | Photoshop Resources Says:

    [...] View Tutorial [...]

  3. Photo Vibrance Photoshop CS4 Tutorial Says:

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

  4. Photo Vibrance Photoshop CS4 Tutorial « rockweb Says:

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

  5. Photoshop ile 40 yaratıcı fotoğraf efekt dersi « zayzay Says:

    [...] Photo Vibrance tutorial With CS 4 (Cs4 ile hareket fotoğraf [...]

  6. Genel içerikli siteniz » Photoshop Kullanarak 40 Yaratıcı Fotoğraf Efekti Dersi Says:

    [...] Photo Vibrance tutorial With CS 4 (Cs4 ile hareket fotoğraf [...]

Leave a Reply

Slow PC? We're here to help get your digital stuff working again and to give you some ideas on how you can do more with it.

-->