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

Shifting colors with Hue/Saturation

From: Photoshop CS5 Essential Training

Video: Shifting colors with Hue/Saturation

So, if I had to pick one adjustment layer as my favorite, it may actually end up being Hue and Saturation, because it turns out to be a very, very handy tool, because you don't have to actually make selections before you can make choices in changing color. What do I mean? So, take a look at this image here. I've got a very red flower in the center, and I want to make it less red, or I want to make the sky bluer, or the green of the leaves a little bit more green and less yellow. Those are all perfect examples of why and when you would want to use Hue and Saturation to shift those colors around.

Shifting colors with Hue/Saturation

So, if I had to pick one adjustment layer as my favorite, it may actually end up being Hue and Saturation, because it turns out to be a very, very handy tool, because you don't have to actually make selections before you can make choices in changing color. What do I mean? So, take a look at this image here. I've got a very red flower in the center, and I want to make it less red, or I want to make the sky bluer, or the green of the leaves a little bit more green and less yellow. Those are all perfect examples of why and when you would want to use Hue and Saturation to shift those colors around.

Now, new users of Photoshop, they tend to think I have to make selections first. If I want to make this flower less red, I have to somehow figure out a way to select the flower first. They will start out with saying something like the Magic Wand tool. Then they'll start Shift+Clicking to try to get a selection of that flower. That's just a waste of time. You don't need to do that. Let's do a deselect, Command+D, Ctrl+D. It turns out that Hue and Saturation has built-in selection tools for you. So, let's go to the Adjustments panel, and we'll click on Hue/Saturation. A lot of people don't discover them at first because they're not paying attention to this word up here where it says Master.

So, you've got Hue, Saturation and Lightness sliders. The default is set to Master. So, if I take that Saturation slider and drag it right or left, what I'm doing is I'm increasing the overall saturation of the entire image. So, Master means global. Change the saturation of every color in the image by the same amount. So, if I take it all the way to the right, you can see - whoa! I get some really toxic colors because they're becoming oversaturated. So, I'm going to ahead and click the Reset button at the bottom right of the Adjustments panel, to get us back to where we started.

I don't want to do a global adjustment for this particular image. I just want to change specific colors. So, your first way to do that is to click where it says Master, and you can see I have access to individual colors in the image. So, if I want to change the intensity of the sky, make it even more cyan or blue, I'm going to go ahead and choose Cyans from the list. So, now when I take the Saturation slider and start dragging it to the right, Photoshop knows to only increase the Saturation of any pixels that are cyan in the image.

It ignores all the other colors. So, here, I'm just boosting the color of the sky and not changing the Saturation anywhere else in the image, and notice I did not have to make a single selection or create a mask or anything of that sort. Very cool! Now my goal was to decrease the saturation of that flower. Well, what color is the flower? It's red. So, let's go change the pop- up list from Cyans to Reds. You've just learned that you can actually change multiple colors in the same image with the same adjustment layer. You just switch back and forth between the different colors that you want to adjust.

So, when I switch to reds in the Saturation slider now, I'm able to adjust just the reds in the image. Now if I want to not only decrease the Saturation of that flower, but also shift its Hue from Red to say more Magenta, I have a separate slider for that. That's the Hue slider. Where it gets a little confusing for new users is, take a look at where the Hue slider is currently positioned. It looks like it's under Cyan. This is just a generic label on this little color strip here. It's just kind of generic strip of which direction the colors are on the color wheel.

What you really need to be paying attention to is the color ramp at the bottom. This is actually showing you the color range that's currently going to be adjusted when you start messing and using the Hue and Saturation sliders. So, you can see where the dark gray of this little ramp is, this color strip, that's showing you the before color, so it's really dialed in on the Reds. As I start adjusting the Hue slider up here in the top, you'll see that bottom strip of color is showing you what the colors they're shifting to. So, if I take this over to say Purple, you can see above this middle gray strip, it was Red, and it's shifting to Purple.

So, look down here to see what reality is. This is just kind of a generic label. So, you can see here, on Reds, now it went to Purple. So, I'm going to take that Hue slider back to the right and get it more towards a Magenta. Then I can play with the Saturation in conjunction with that, to really dial in the color change I want. Now you'll see in this image there were other areas that had some red in them, not just the center of the flower. So, there was this bottom right-hand corner of some leaves here of another plant, and then there's this color strip here in the background of the building that's behind this that also has some red.

So, those adjusted colors as well, and you probably didn't want that to happen. Well, again, the benefit of an adjustment layer is that all adjustment layers have built-in layer masks. So, if you want to limit where this adjustment is being taken place on this particular image, we just need to get our Brush tool. I'm going to press the letter B for brush, and it gives me a nice big brush here. I can make the brush a little bit bigger with my Right Bracket key. As long as I paint with black on this adjustment layer, I can hide where that red shift was happening in that particular area. So, I've just painted over that right- hand corner, and now I'm back to the original color of those particular pixels, and same thing with that strip of color in the building here.

I can just wipe over here, so that I'm dialing in that effect to only be occurring where that flower is occurring, pretty handy! All right. Let's change the intensity of the leaves as well. So, those, you'll find out that most greenery is actually made up of yellow and green. So, if I take the Greens and shift their Saturation slider, you'll see only a part of the leaves are going to be changing. You can see that there. Now if I switch over to Yellows as well and play with that Saturation, you can see the other part of leaf is changing.

So, trees, grass, leaves like this, typically, it's not just green. It's actually made up of yellow and green, and you can dial it in and adjust it. Again, if I want to make the leaves more green and less yellow, then I can take the Yellow colors and shift the Hue slider right or left. I'm going to switch it back over toward the right to make it more green and less yellow. I'm going to go ahead and reset this to get us back to where we were at the very beginning. To do that, I'm just going to delete the entire adjustment layer. It says, "Do you want to do this?" Yes, I want to get rid of it. Let's do the Hue and Saturation adjustment layer one more time.

Because now that I have taught you that there are these individual colors from the Master pop-up list here that you can choose from, there's an even easier way to adjust the image directly using something called the Targeted Adjustment tool. In the Adjustments panel, in Hue/ Saturation, there is this little tool that gives you the finger. It gives you a cursor with a double arrow on it. I'm going to go ahead and click that, and now I have a new tool that can be used in conjunction with the Hue/ Saturation adjustment layer. What this tool lets you do is click and drag in the image directly to adjust the color.

So, for example, I don't really know, is this sky cyan or is it blue? If I go to the Master list, I have to choose one or the other and hopefully guess right. With the Target Adjustment tool option chosen, which I've got here, all I need to do is click and start dragging in the image directly, and Photoshop will figure out if it's Cyan or Blue. You can see, I've got my mouse down and my finger is showing there, the Targeted Adjustment cursor. But if you take your eye and look over the Adjustments panel, you'll see the Master switch pop-up turned to Cyans. So, it automatically knew that that was the cyan that I clicked on, not blue.

Now if I want to increase the Saturation, I just start dragging right or left. If I drag to the right, I'm increasing the Saturation. If I drag to the left, I'm decreasing it. So, I can actually convert it all the way to grayscale if I want. Take all the Cyans in the image and desaturate them. Drag it to the right to bring back some color boost just to the sky area. That was just a lot easier than having to figure out which color to choose from that pop-up list and how far to use the individual sliders below it. I can just click and drag in the image directly. Now without having to switch anything, I've still got the Targeted Adjustment tool.

I'm going to click right on the red of the flower and again, Photoshop looks at that and says, "Oh! You must want me to start changing the Reds!" I'm going to click and start dragging to the left to desaturate the red of the flower, and then same thing with the green leaf. If I click and drag in the middle of the green leaf, if I drag it to the right, I'm increasing the Saturation. If I drag it to the left, I'm decreasing Saturation. What about Hue changes? I want that red flower, again, to go to be more Magenta instead of Red. Here you need to hold down a modifier key. So, on the Mac, you would hold down the Command key, and on Windows, you would hold down the Ctrl key.

Now when you click and drag with the Targeted Adjustment tool, instead of shifting Saturation, you're shifting Hue. So, I can drag left or right, just like before, and you'll see that Hue slider moving in the Adjustments panel there. I can just drag it left or right to change the color of that particular region that I initially started clicking and dragging on. So, I'm going to drag this to the left and make it more purple-ish magenta. Great! I want those leaves to be more green, less yellow. So, again, I'm holding down the Command key on Mac, Ctrl key on Windows and clicking and dragging in the leaf itself, and dragging it to the right to make it more green or drag it to the left to make it more yellow.

So, I think this is actually the most intuitive and fun way to be working on your images directly using that Targeted Adjustment tool. Then you don't have to think about the UI as much. You're just doing direct manipulation. It's actually kind of fun!

Show transcript

This video is part of

Image for Photoshop CS5 Essential Training
Photoshop CS5 Essential Training

154 video lessons · 95215 viewers

Michael Ninness
Author

 
Expand all | Collapse all
  1. 6m 10s
    1. Welcome
      1m 47s
    2. What is Photoshop?
      2m 49s
    3. Using the exercise files
      1m 34s
  2. 28m 29s
    1. What is Adobe Bridge?
      1m 54s
    2. Getting photos from a camera
      3m 39s
    3. A tour of the different workspaces in Adobe Bridge
      4m 58s
    4. Customizing how thumbnails are displayed
      3m 35s
    5. Changing obscure camera file names with the Batch Rename command
      2m 36s
    6. Adding basic metadata to every image with metadata templates
      3m 36s
    7. Creating and applying keywords to images
      4m 6s
    8. Viewing images in Full Screen Preview mode
      4m 5s
  3. 23m 4s
    1. Using Review mode to filter out rejects
      5m 27s
    2. Protecting the keepers by saving them in collections
      3m 18s
    3. Rating images
      3m 15s
    4. Using the Filter panel to view different subsets
      4m 43s
    5. Viewing final choices in a slideshow
      2m 12s
    6. Organizing groups of images into stacks
      4m 9s
  4. 30m 50s
    1. Raw vs. JPEG files
      5m 13s
    2. Why you should start in Camera Raw instead of Photoshop
      5m 9s
    3. A tour of the Camera Raw user interface
      6m 44s
    4. Previewing before and after adjustments
      4m 2s
    5. Toggling onscreen Shadow/Highlight clipping warnings
      2m 37s
    6. Choosing output settings
      2m 45s
    7. Saving a copy without going to Photoshop
      4m 20s
  5. 41m 34s
    1. Eliminating red-eye with the Red Eye Removal tool
      1m 13s
    2. Improving composition with the non-destructive Crop tool
      3m 33s
    3. Correcting a rotated horizon line with the Straighten tool
      3m 5s
    4. Fixing color casts with the White Balance tool
      2m 13s
    5. Fixing blown-out highlights with Recovery
      2m 36s
    6. Revealing hidden shadow detail with Fill Light
      1m 47s
    7. Reducing distracting color noise with Noise Reduction
      5m 37s
    8. Removing color fringes with Chromatic Aberration
      2m 36s
    9. Sharpening the details
      8m 59s
    10. End to end: Taking a so-so photo and making it great
      9m 55s
  6. 39m 5s
    1. Fixing blown-out skies with the Graduated Filter tool
      4m 34s
    2. Retouching blemishes with the Spot Removal tool
      5m 41s
    3. Making local adjustments with the Adjustments Brush
      4m 28s
    4. Quick portrait retouching technique using Clarity
      4m 33s
    5. Converting to black and white
      3m 36s
    6. Editing images directly with the Targeted Adjustments tool
      4m 18s
    7. Easy sepia and split tone effects
      2m 35s
    8. Adding digital film grain texture effects
      2m 46s
    9. Adding vignettes and border effects
      2m 13s
    10. Saving variations within a single file with Snapshots
      4m 21s
  7. 15m 48s
    1. Copying settings from one file and pasting across another in Adobe Bridge
      3m 7s
    2. Processing multiple files in Camera Raw
      2m 28s
    3. Saving and using a library of Camera Raw presets
      5m 33s
    4. Using Image Processor to batch process multiple files
      4m 40s
  8. 30m 39s
    1. Opening files from Adobe Bridge
      3m 1s
    2. Opening files from Mini Bridge
      3m 28s
    3. Customizing the Mini Bridge panel
      2m 57s
    4. Changing Mini Bridge so it auto-collapses
      1m 20s
    5. The Application frame
      2m 16s
    6. The Application bar
      1m 16s
    7. Switching and saving workspaces
      4m 23s
    8. Panel management
      5m 31s
    9. Switching tools using the keyboard
      3m 18s
    10. Customizing the keyboard shortcuts
      3m 9s
  9. 16m 12s
    1. Tabbed documents
      2m 1s
    2. The Arrange Documents widget
      1m 38s
    3. How to stop Photoshop from tabbing documents
      3m 34s
    4. Pan and zoom
      5m 21s
    5. Cycling through the different screen modes
      3m 38s
  10. 36m 59s
    1. File formats
      13m 6s
    2. What resolution does your image need to be?
      10m 15s
    3. Resize vs. Resample
      9m 40s
    4. How big a print can you make with your image?
      3m 58s
  11. 42m 17s
    1. Crop options
      4m 12s
    2. Hide vs. Delete for the Crop tool
      3m 30s
    3. Bringing back hidden pixels with Reveal All
      1m 34s
    4. Making the canvas bigger with the Crop tool
      6m 1s
    5. Making the canvas bigger by a specific amount with Relative Canvas Size
      1m 39s
    6. Correcting perspective with the Crop tool
      3m 5s
    7. Straightening a crooked image
      50s
    8. Scaling, skewing, and rotating with Free Transform
      4m 12s
    9. Nondestructive transformations with Smart Objects
      4m 2s
    10. Warping images
      3m 40s
    11. Preserving the important elements with Content-Aware Scaling
      9m 32s
  12. 54m 42s
    1. The Background layer
      5m 14s
    2. Using a layer mask instead of deleting pixels
      4m 12s
    3. Loading multiple images into a single Photoshop document as layers
      1m 30s
    4. Naming, hiding, creating, and deleting layers
      4m 18s
    5. Changing the stacking order of layers
      2m 51s
    6. Selecting layers without using the Layers panel
      6m 28s
    7. Transforming layers
      7m 16s
    8. Aligning and distributing layers
      3m 51s
    9. Changing the opacity of layers
      2m 57s
    10. Organizing layers into groups
      2m 55s
    11. Saving variations with layer comps
      5m 3s
    12. When to merge and rasterize layers
      5m 0s
    13. Flatten vs. Save As (a Copy)
      3m 7s
  13. 1h 4m
    1. Using the Marquee and Lasso tools
      7m 23s
    2. Transform selections
      2m 40s
    3. Quick Mask is your friend
      4m 31s
    4. Converting a selection into a layer mask
      6m 33s
    5. Using the Quick Selection tool
      3m 1s
    6. Re-selecting a previous selection
      1m 35s
    7. Improving a selection with Refine Edge
      4m 21s
    8. Touching up a layer mask with the Brush tool
      12m 7s
    9. Changing the opacity, size, and hardness of the painting tools
      2m 59s
    10. Blending images with a gradient layer mask
      4m 53s
    11. Swapping heads in a family portrait
      3m 53s
    12. Combining multiple exposures with the Blend If sliders
      6m 26s
    13. Replacing the sky in an image
      4m 19s
  14. 1h 1m
    1. Introducing adjustment layers
      7m 57s
    2. Starting with a preset
      4m 25s
    3. Improving tonal quality with Levels
      10m 28s
    4. Increasing midtone contrast with Curves
      5m 4s
    5. Removing a color cast with Auto Color
      5m 56s
    6. Changing the color temperature with Photo Filter
      2m 55s
    7. Shifting colors with Hue/Saturation
      9m 0s
    8. Making washed out colors pop with Vibrance
      2m 46s
    9. Converting color to black and white
      5m 49s
    10. Controlling which layers are affected by an Adjustment Layer
      7m 28s
  15. 11m 32s
    1. Shadow/Highlight
      9m 3s
    2. Matching color across multiple images
      2m 29s
  16. 34m 12s
    1. Removing blemishes with the Spot Healing brush
      6m 21s
    2. Quick technique for smoothing skin and pores
      8m 23s
    3. Taming flyaway hair
      4m 47s
    4. Making teeth bright and white
      1m 43s
    5. De-emphasizing wrinkles
      4m 41s
    6. Removing unwanted details with Content Aware Fill
      4m 26s
    7. Body sculpting with Liquify
      3m 51s
  17. 21m 6s
    1. Creating panoramas with Photomerge and Auto-Blend
      7m 20s
    2. Combining multiple frames of an action sequence
      8m 30s
    3. Combining group shots with Auto-Align
      5m 16s
  18. 25m 36s
    1. Overview of filters
      4m 6s
    2. Applying filters nondestructively with Smart Filters
      4m 45s
    3. Giving an image a soft glow with the Gaussian Blur filter
      4m 41s
    4. Adding noise to an image with the Add Noise filter
      3m 34s
    5. Sharpening an image with Unsharp Mask
      4m 12s
    6. Giving an image more texture with the Texturizer
      1m 17s
    7. Applying a filter to multiple layers
      3m 1s
  19. 30m 44s
    1. Cycling through the blending modes
      4m 43s
    2. Three blending modes you must know
      6m 41s
    3. Adding a lens flare effect with Screen
      3m 33s
    4. Making a cast shadow more realistic with Multiply
      4m 33s
    5. Creating a diffused contrast glow effect with Overlay
      6m 2s
    6. Sharpening an image with High Pass and Overlay
      5m 12s
  20. 21m 39s
    1. Character (point) type
      8m 19s
    2. Paragraph (area) type
      4m 42s
    3. Type on a path
      2m 54s
    4. Clipping an image inside type
      2m 24s
    5. Warping type
      3m 20s
  21. 20m 35s
    1. Adding a drop shadow effect
      4m 43s
    2. Adding an outer glow effect
      3m 13s
    3. Adding a border around an image
      2m 53s
    4. Copying layer effects and applying them to other layers
      2m 3s
    5. Saving layer styles and applying them in other documents
      2m 42s
    6. How (and when) to scale layer effects
      5m 1s
  22. 16m 6s
    1. Creating PDF contact sheets
      6m 41s
    2. Exporting web photo galleries
      6m 8s
    3. Saving for the web
      3m 17s
  23. 1m 19s
    1. Goodbye
      1m 19s

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 CS5 Essential Training.

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 preferences from 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.

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.