Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Using Hue/Saturation adjustments

From: Photoshop CS4: Image Adjustments in Depth

Video: Using Hue/Saturation adjustments

The Hue/Saturation adjustment is a full featured method for changing the saturation or the hue of all the colors in the image or of just targeted colors in an image. As I'm going to show you how to do in this movie. You can add a Hue/Saturation adjustment either as a direct adjustment from the Image menu or as an adjustment layer. I'm going to add a Hue/Saturation adjustment layer by going to the Adjustments panel and clicking here on the Hue/Saturation icon. And that adds this Hue/Saturation layer down on the Layers panel and changes the controls in the Adjustments panel to those for the Hue/Saturation adjustment.

Using Hue/Saturation adjustments

The Hue/Saturation adjustment is a full featured method for changing the saturation or the hue of all the colors in the image or of just targeted colors in an image. As I'm going to show you how to do in this movie. You can add a Hue/Saturation adjustment either as a direct adjustment from the Image menu or as an adjustment layer. I'm going to add a Hue/Saturation adjustment layer by going to the Adjustments panel and clicking here on the Hue/Saturation icon. And that adds this Hue/Saturation layer down on the Layers panel and changes the controls in the Adjustments panel to those for the Hue/Saturation adjustment.

The three sliders in this Adjustments panel represent the three qualities of color in Photoshop. If I click on the Hue slider here and drag to the right or to the left, I'll change the actual color of all of the colors in this image. And if I click on the Saturation slider, I'll change the intensity or saturation of all of the colors in the image. If I go the other way with the Saturation slider, I'll be desaturating all the colors in the image. If I go all the way to the left with this slider, I'll remove all color from the photograph making it look like a black and white image. This is one quick way to create a black and white conversion from a color image, but it's not the recommended way. You get a lot more control of your black and white conversions by using a black and white adjustment, as I'll show you how to do in a later movie.

So I'm going to move these sliders back to their defaults by going up to the Hue/Saturation Preset menu and choosing Default. There's another slider here, the Lightness slider, which you can use to alter the brightness of an image. But I tend not to use this slider because I get more control over Brightness using an adjustment like Curves, Levels or even the Brightness Contrast adjustment. As you've seen by default, the Hue/Saturation controls affect all the colors in an image. But there are several ways that you can limit these changes to just specific color ranges. One way to do that is with the new On Image feature that's been added to the Saturation adjustment in Photoshop CS4. This is similar to the On Image feature that I've already showed you in the Curves adjustment and which you also see in the Black and White adjustment.

To activate the On Image control, I'm going to go up to this icon right here, in the Adjustments panel and select it. And now you can come into the image and just click-and-drag on any color and if I go to the right, I'll be increasing the saturation of that color and related colors around it. And if I go to the left, I'll be desaturating. I can also use this On Image control to change the hue of selected colors. So let's say that I want to change the color or the hue of the orange tiles up here.

I'm going to hold down the Command key on a Mac or the Ctrl key on a PC. Click on one of those orange tiles and drag to the right, to change those to a green. Or I can go the other direction and make them pink. To get a sense of how I've changed those colors, take a look at the two Gradient Bars down here. The top bar represents the colors as they were before I made this adjustment. The gray bar beneath that identifies exactly which colors have been adjusted.

The darker part of that gray bar identifies the fully adjusted colors and the lighter gray portions of the bar, partially adjusted colors in a kind of transitional or fall-off area. And the other Gradient bar at the bottom here represents the adjusted colors as they currently are after I've made this adjustment. So you can see that the yellows and oranges have been changed to pinks and magentas. I think that this On Image Adjustment is the most intuitive way to change hue and saturation in the Hue/Saturation Adjustments panel. But there are a couple of other ways that I would like to show you.

So I'm going to go back up to the Hue/Saturation Presets and choose Default again. And I'm also going to disable the On Image Adjustment by clicking its icon again. Now notice that there's a drop-down menu here. Usually, this drop-down menu is set to Master so that whatever changes I make in the Hue/Saturation Adjustments panel, affect the entire image. But if I want to try to limit my changes to just a color range, I can go to this drop-down menu and choose from the Reds, Yellows, Greens or one of the other color ranges listed here.

I'm going to choose Reds in this case and then I'm going to come down to the Saturation slider and I'm going to drag it over to the right. And as I do, you can see that I'm increasing the saturation in just a reddish tones in the image, here in the dragon's mouth and up here in these orange tiles on the dragon's head. Now let's say that I don't want to include these orange tiles in this change. One way that I can try to limit the range of tones affected is by coming down to the Gradient bars at the bottom of the image and moving either the triangles at the edges of the fall off zones or these white bars at the edges of the darker area of the gray bar. I'm going to try moving the right hand triangle on this gray bar by clicking on that triangle and then dragging to the left and I can see that that's done a pretty good job of eliminating the orange parts of the image from this change.

Now let's say that I want to make a change to the blue tiles in the image. I'll go back up to that Master color menu and this time I'm going to choose Cyans because I think those tiles are actually more cyan than blue. To change the hue of just the cyan colors in the image, I'll move to the Hue slider and I'll drag that to the right and you can say that those blue tiles are becoming purple. Now, if I go a little further, all the way over to Magenta, I can see that I have actually missed a few tiles here because this tile here and this tile here must not be within the range of colors that Photoshop considers to be cyan.

And that's one of the problems with using that drop-down menu. It's hard to predict in advance, exactly which colors will be affected. I could try to include those blues in the affected color range by moving the sliders in the Gradient Bar. But another way to do that is to use the Eyedroppers here. If I want to add to the tonal range that's affected, I'll use the Plus Eyedropper. So I'll select that Plus Eyedropper and then I'll move into the image and I'll click on that blue tile right there and that automatically included those couple of tiles in the affected color range. One thing to note is that when I change the Master menu, I'm actually making cumulative changes.

So this is the change to the Cyans but if I go back and look at the Reds, I can see that I still have the changes that I made in the red range. So as you've seen the Hue/Saturation adjustment offers some useful options for changing either the hue or the saturation of an entire image or of targeted colors in an image. There is one downside to the Saturation control in the Hue/Saturation adjustment, and that is that it tends to over saturate colors that are already saturated as well as skin tones.

So if you're running into those kinds of problems, as an alternative to the Hue/Saturation adjustment, you can try out the new Vibrance adjustment, which I covered in a separate movie earlier in this chapter.

Show transcript

This video is part of

Image for Photoshop CS4: Image Adjustments in Depth
Photoshop CS4: Image Adjustments in Depth

48 video lessons · 16032 viewers

Jan Kabili
Author

 
Expand all | Collapse all
  1. 5m 39s
    1. Welcome
      1m 18s
    2. Using the exercise files
      59s
    3. Setting up a workspace
      3m 22s
  2. 21m 2s
    1. Creating and editing adjustment layers
      6m 38s
    2. Adjustment layers vs. direct adjustments
      6m 9s
    3. Using the new Adjustments panel
      5m 38s
    4. Reusing adjustment layers
      2m 37s
  3. 39m 57s
    1. Clipping adjustment layers
      4m 36s
    2. Including adjustment layers in a layer group
      3m 13s
    3. Including adjustment layers in a Smart Object
      7m 29s
    4. Using the adjustment layer mask
      5m 43s
    5. Using selections with adjustment layers
      4m 19s
    6. Using the Masks panel with adjustment layers
      8m 30s
    7. Using the Blend If sliders with adjustment layers
      6m 7s
  4. 49m 43s
    1. Reading the Histogram panel
      5m 23s
    2. Using the Levels adjustment for tonal corrections
      7m 42s
    3. Using the Curves adjustment for exposure
      8m 12s
    4. Using the Curves adjustment for contrast
      4m 14s
    5. Making On-Click Curves adjustments
      4m 0s
    6. Applying Shadow/Highlight nondestructively
      7m 59s
    7. Reviewing Brightness/Contrast
      3m 18s
    8. Dealing with exposure
      2m 22s
    9. Using adjustment layers with blend modes
      6m 33s
  5. 54m 36s
    1. Making Vibrance adjustments
      2m 22s
    2. Using Hue/Saturation adjustments
      7m 4s
    3. Understanding color correction
      3m 21s
    4. Using color samplers and the Info panel
      4m 25s
    5. Using Levels eyedroppers for color correction
      5m 54s
    6. Using Levels channels for color correction
      5m 7s
    7. Understanding Curves adjustments for color correction
      7m 21s
    8. Making Color Balance adjustments
      3m 49s
    9. Making Photo Filter adjustments
      3m 6s
    10. Making Variations adjustments
      6m 48s
    11. Using the auto-correction features
      5m 19s
  6. 13m 5s
    1. Using the Dodge and Burn tools
      4m 56s
    2. Dodging and burning nondestructively
      6m 38s
    3. Working with the Red-Eye tool
      1m 31s
  7. 16m 9s
    1. Applying Black & White adjustments
      7m 30s
    2. Making Channel Mixer adjustments
      6m 31s
    3. Understanding the Threshold adjustment
      2m 8s
  8. 25m 23s
    1. Colorizing with Hue/Saturation adjustments
      3m 9s
    2. Tinting with Black & White adjustments
      2m 8s
    3. Making a Gradient Map adjustment
      4m 18s
    4. Applying a Selective Color adjustment
      1m 49s
    5. Using the Replace Color adjustment
      4m 39s
    6. Making Match Color adjustments
      4m 24s
    7. Applying the Equalize adjustment
      4m 56s
  9. 42s
    1. Goodbye
      42s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop CS4: Image Adjustments in Depth.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.