Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 49730 Viewers
117 Video lessons · 37006 Viewers
113 Video lessons · 81106 Viewers
65 Video lessons · 10326 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.
Your file was successfully uploaded.