Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When people want to change a color in an image, I think their first instinct is that they need to select that color, when in fact, there is a much easier way to do this. And that's with the Hue and Saturation Adjustment layer. I will go ahead and select that on the Adjustment panel. You can see that we can change the Hue, the Saturation, or the Lightness of any of our colors. But by default, it's set to Master, so when I change the Hue, all of the colors in the image are changed. If I want to reset that, I can double-click on the word Hue to reset that slider.
Now instead of affecting all of the colors in the image, I prefer to select a color range, so I can use the dropdown menu here to isolate and only adjust one color at a time. I will start with the reds and we can see that by moving the Hue, we are only targeting the reds. If we look down below, there are two rainbows or strips of color. The top one are the originating colors and then the bottom strip will show you what you have remapped those colors to. And in between the two white bars here, that area gets adjusted 100%, and in between the white bars and the gray bars, that's the fade range where the colors start being less and less affected, because without that fade range there would be an abrupt transition and you would definitely be able to see what was changed and what wasn't.
So not only can we change the Hue, we could also change the Saturation and we could change the Lightness values. When you're using the Lightness slider however, I would recommend that you don't go too far because the image will tend to get flat. All right! Let's reset this by clicking on the Reset button down here at the bottom of the Hue/Saturation panel. Now in order to show you this next feature, I want to use the Eyedropper tool here, but when I use the Eyedropper tool and I click in the image area, the panel would automatically hide.
So I am going to right-mouse click where it says Properties and I am going to turn off the option to Auto- Collapse the Iconic panels. That way I can show you this feature and we can watch interactively as the colors move without the Properties panel auto-collapsing. So I am going to select blue as my range to start with. But now because I have this Eyedropper selected, if I click in the blue area of my image, we will notice that this area that's been affected might have a subtle shift. You can see how it's just moved over to the left a little bit.
So what I've done is I've redefined the blue range and I've told Photoshop whatever blue I click on, that should be the center color that I am adjusting. So this will enable you to not just pick a generic blue range, but a specific range based on a color in your image. So now we can change our Hue slider if we want to, we can change our Saturation making it more or less saturated, and change our Lightness value. If we want to extend the range, we can either extend the range that's been affected 100% or extend the fade range.
We can do that by clicking on the white bar and then moving it over, or we can click on this little gray dot and scoot that over. So that extends the fade range, and now this whole distance here between the two white bars are being completely changed by the changes that I've made above. All right! Let's go ahead and bring those back in, I don't really want all of those colors affected, I want the narrower blue range to be affected. But you can see it's very customizable. Not only can I use the Eyedropper to choose a specific color, I can also then expand or reduce the range that I want affected.
Now once you understand how this panel works, there's a really cool tool right here called the Targeted Adjustment tool. And in fact, if I use this flyout menu right here, I can tell Photoshop to Auto-Select the Targeted Adjustment tool so that when I come into this panel, the tool is already selected. This tool enables me to click in my image area on any color. Let's pick a different color this time, I will select red. I will click and if I drag to the left, it will desaturate that color range.
If I click-and-drag to the right, it will increase the Saturation. And if you want to change the Hue instead, all you need to do is hold down the Cmd key on Mac, Ctrl key on Windows, and then as I click-and-drag to the left, you can see the Hue slider moving to the left. If I click-and-drag to the right, we'll move the Hue through the color wheel to the right. So there you have it, a very easy way to make very precise changes to different color ranges without ever having to make a selection in Photoshop.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 77077 Viewers
64 Video lessons · 94875 Viewers
86 Video lessons · 62250 Viewers
103 Video lessons · 31690 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.