Photoshop Beginner: Hue/Saturation Adjustment Layers (aka change one color of an image) | Benjamin Halsall | Skillshare

Photoshop Beginner: Hue/Saturation Adjustment Layers (aka change one color of an image)

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (10m)
    • 1. Class Introduction

      0:31
    • 2. Hue/Saturation Adjustment Essentials

      2:02
    • 3. Disabling & Enabling Adjustment Layers

      0:28
    • 4. Desaturate Color Selectively

      1:32
    • 5. Defaults Options & Mixing Adjustment Layers

      1:11
    • 6. Working with Levels & Hue/Saturation

      4:15

About This Class

Need to work with the colour of your images, create a certain look or feel, change only one colour in your project.

Then Hue/Saturation adjustment layers are definitely a tool you will want to understand and work with.

This beginner tutorial give an in-depth overview of how to work with Hue/Saturation adjustment layers in easy to follow classes.

You will learn how to:

  • Add & Work with Hue/Saturation Adjustment Layers
  • Isolate & modify one colour in an image
  • Learn how to mix multiple adjustment layers
  • User layer masks to refine and modify the look of your project
  • Create web-backgrounds that are perfect for overlaying text onto

Transcripts

1. Class Introduction: so we'll be looking at here in this beginner Photoshopped. Teutul is how we can use hue and saturation adjustment layers to change the look and feel of an image, but also to change specific colors. So, as you can see here, we're changing the colors off these two chairs on having a look at how we can do that in a couple different ways using adjustment layers, which is great because a nondestructive way of working in at over Photoshopped. 2. Hue/Saturation Adjustment Essentials: so the first thing we're gonna go ahead and do is obviously open up our image on. Then the adjustment layers could be added from a couple of different spots. The first is if we click into our layers panel, and if you don't see the layers panel, just go to window layers and that will bring up your layers panel. In fact, if you close down any of the panels in Adobe Photoshopped in the quickest way of reopening them all up is go to window workspace. Make sure you're in the essentials default mode on, then click reset essentials. Now, if you do that before you start working through and following through with May, you'll see exactly the same panel out I have on the right hand side here. So once we have that, we have our adjustments here in the middle and outer layers panel down at the bottom, so add a hue saturation adjustment layer. We can do it in the middle here, or we can come down to this little black and white circle and add a hue saturation adjustment layer. Essentially, what this does is it adds a layer to our Photoshopped document. We can see that in the layers panel here now and essentially. What that does is it allows us to make adjustments to the layers or layer below. So you can see here is I'm cycling through its changing the colors of those chairs. Now, most of color in this file is in these chairs. So as I'm dragnets to the right and to the left, we're getting a lot of change in these chairs. But not too much change in the background because quite de saturated as part of the image, so is a good image toe work with? As we're trying this, we can also drop down the saturation off this layer on had just the lightness of the layer as well. Okay, now, just in the likeness of the layer is a great way of just softening the image so that you can lay text over the image, for example, And then if we come down here, we have this colorized option which allows to do something different. If we check that box, it's actually going to cull, arise the image. So at the moment we're cauterizing a yellow, and if we drag this slider for the hue to the right, you can see we moved through the different hues that we have available to us in the color palette. 3. Disabling & Enabling Adjustment Layers: So now the nice thing about this is that if we making a mistake or we've messed up in somewheres, we're adjusting our colors. This is a nondestructive way of working. So if I click on the little eyeball here on my layers panel, you can see that I can turn that on enough. Now, this has a number of cool properties. It means that we can a different adjustment layers to our document. But it also means we can try out different things. So I'm gonna leave this one off for the moment. 4. Desaturate Color Selectively: and I'm gonna add another hue saturation adjustment layer by clicking on the adjustment layers here in the middle. Now, once that's up, I'm gonna get brand new hue saturation adjustment layer, and I'm gonna have a look now at this little finger that we can see here. So we hover over the finger, you can see it tells us that we can click and drag in part of the image to modify the saturation. So what that means is that if I click for instance, on this red share, once I've turned that on on drag to the left, it's just gonna be de saturating that part of the image or saturate in that part of the image so you can see him pulling all the color out of that red part of the image. Okay, Just gonna undo that command and said to undo now the other option that we get here is that if we hold down command or control on the PC when we click here, it will modify the hue. So if I click here and drag the left, it's going to modify the hue of only that read share on the right hand side on. What you can see is happening here if we look at the bottom is that we're grabbing just those reds and oranges from the top Calabar here that we have at the bottom of our hue saturation adjustment layer on which changed them to green. Okay, so we can tweak and we can work with this toe kind of modify how much red were grabbing on within the image. And you can experiment with that as you go through. So that's another way of working with the hue and saturation adjustment layer. So we get these kind of nice, different options for tweaking and adjusting the colors in our layers. 5. Defaults Options & Mixing Adjustment Layers: Now again, I'm gonna turn this layer off on more. Just come back down to the bottom here and at another hue and saturation adjustment layer. And in this example, we're going to be having a look at some of the defaults that we have here. So if you look here, we can pick out summers. Some defaults like saying a type, increasing the saturation so bumping that saturation up on old style on which is gonna drop down the color a little bit. And then things like CPR as classic kind of looks that you sometimes I have one in your images. Now the nice thing about this as a layer as well is that because it's a layer, we can moderate the intensity of that. So if I come across to my layers panel here for the CPR, I can pull back in a bit of color just by dropping down the rapacity so you can see here. If I drop the opacity, it's just letting a little bit that color creep back in. So we've got to nice options here for working with the hue and saturation adjustment layer for modifying changes to colors, and here you can see if I dropped down the saturation here. It's going to moderate that intense green to a slightly less intense green, a little less saturation, so we can really kind of modify these layers. 6. Working with Levels & Hue/Saturation : I'm just gonna delete thes three layers. I've added on Just drag these to the trash for the moment. So now I want to do is actually show you how we can use a levels adjustment layer on a hue saturation adjustment layer is in the colorized option toe. Create an image that's great for the web. For a background of which you want a lace and text, I'm going to come to my adjustment layers here, and I'm gonna pick out the levels adjustment lap. Now. I'm not too worried about adjusting the levels in here. What mostly focused on here is changing these output levels. So I'm going to stop there being any complete blacks. I'm gonna pull the whites back in so we get this nice, muted image and you probably recognize this now from a lot of websites which use this kind of muted image to drop the image back so they can overlay text over the top. So now we're gonna do is come up to our middle here and had a huge saturation adjustment layer turn on colorizing because we've meted that image. Now, when we change this image color, you can see we've got a lot less contrast in that image. That's great for laying text over the tops. If I turn this levels adjustment off, you can see we get all that contrast back in here. So, as an example, if I just grab my type tool from the toolbar crossing the left hand side here, Andi, I just drop some text over the top, which will make White and I just push the size of this up So you can see now that texts it's beautifully over the top of that muted image in the background. Whereas if we take that levels layer off, we start to get a little bit of fight between some of the color that is in there, too. This muted image just allows upto kind of pop out a little bit more on all the time. We've got the ability to come into our hue and saturation adjustment layers on moderate the color in the background. So we're almost mixing things together, these different colors and layers in the same way that you might mix of music track. So we're just moderating, adjusting things as we go through. We can also as well work with this layer mask here as well. So if you've worked with Leia Mass before, and you'll know that you can add black and white to that layer mask to actually drop back or reveal parts of this layer. So with a hue saturation adjustment layer, the way this works, something a grabber, a brush here. Okay. And I just increase the size of my brush. All right. Click. Just pull the size of my my brush up to a nice big brush. Okay, so now if I flip this to black and I'm gonna drop my capacity here, so I'm not painting a full black you can see now, I can just kind of gradually paint back in some of the color. So I'm just gonna soften that. Take a couple of steps back here, just going to right, click and soften that brush off. And now you can see that if I increase my brush size, I'm just using the square brackets on the keyboard, which are just to the left of the return key on the keyboard to increase that brush size. So if I brush in there now, you can see that I'm really just allowing that color to kind of poke through at the bottom of the image. But then it fades up through to the top of the image that we can get this nice kind of mix of color and tone. Okay, and you can see in my a mask my layer mask. Here. It's actually just dropping back that hue saturation adjustment layer a little bit and revealing a bit of the color in the layer behind. Okay, so I had That's been useful. A quick introduction to working with Hue, saturation adjustment layers on looking at how you can modify and change the color and look and feel of an image by using these thes hue and saturation adjustment layers.