Hue Saturation « Effect « Photoshop Tutorials

Home
Photoshop Tutorials
1.3D
2.Animal Creature
3.Animation
4.Background Cover
5.Color
6.Design
7.Effect
8.Hardware
9.Holiday Event
10.Human
11.Image Format
12.Logo
13.Nature
14.Object
15.photography
16.Shapes
17.Text
18.Textures
19.Tools
20.UI Controls
21.Web
Maya Tutorials
3ds-Max Tutorials
Illustrator Tutorials
GIMP Tutorials
Photoshop Tutorials » Effect » Hue Saturation 

We?re in the home stretch of the Photoshop Blending Modes series (good heavens, that means I have to come up with more topics to write about!), and today?s blog looks at the Saturation Blend Mode.

So, here?s yet another way to turn a color image into black and white: Add a black?or white?layer and set it to ?Hue? mode:

Create a new Hue/Saturation adjustment layer (Layer> New Adjustment Layer> Hue/Saturation). When the Hue/Saturation tool appears, reduce the saturation to -100. Click OK when done.

Submitted by Martin on 2006-03-27 16:01:46. Since then read 16966 times. Scored 4.32 points out of maximum 5 by 25 votes.

It is essential to understand and master the power of layers. You can gain this mastery with the Basic Photoshop DVD Training program. To top the simple training exercise off, try changing the blending mode of the top layer of the monument. Now you've cut out a background and put in a new one! The possibilities are limitless, believe me.

I have been using the Hue and Saturation Adjustment tools that Photoshop provides for a long time. Usually I am just making overall image adjustments, but from time-to-time there is a specific area of an image that needs adjustment when the rest of the image should stay the same. Here's how to do that.

First, create a duplicate of the layer. Press Ctrl+J or choose Layer > Duplicate layer. We will be using two saturation boosting techniques and a special Photoshop technique called adaptive saturation which we will describe later.

This is cool because, if you'll notice that the wall is still retaining its 'texture' and isn't just being 'filled' with a solid color. This makes Hue/Saturation a great adjustment tool. You can use it a lot for such things as changing the color of people's clothes or hair. By moving the saturation slider to the right you are increasing the density of the color and moving it to the left de-saturates ultimately at grey itself with a setting of zero. Experiment around with changing the hue and saturation of your selection.

The Power of Hue and Saturation Adjustment I have been using the Hue and Saturation Adjustment tools that Photoshop provides for a long time. Usually I am just making overall image adjustments, but from time-to-time there is a specific area of an image that needs adjustment when the rest of the image should stay the same. Here's how to do that. Above I have a photo. I would like to change the hue of the pill in the foreground from green to blue. But I don't want to mess with the rest of the image too much. So how do I do that? We first thing to do is to open the Hue and Saturation adjustment box. Go Image->Adjust->Hue and Saturation. Above is the dialog box that appears when you have done the previous steps. I have already made some adjustments but let me explain what I did. 1) The first thing I did was to change the color edit drop down menu to Greens. This will allow me to make adjustments to the green pixels in the image. 2) Once I have selected green as my editing choice, I can use the ink dropper tool that Photoshop automatically provides me to select the green in the pill. I had to try a few times to get it in the right place. 3) Once I had selected the correct green hue, I just made some Hue adjustments by sliding the Hue slider to the right. I also made some slight adjustments with the other sliders. The actual adjustments are up to you, of course. Above you can see my results. Using the Hue and Saturation tools to adjust images is a very powerful way of making subtle changes to an overall image. It can also save you a lot of time if you have a single entity like this one that needs changing. Play around with this idea and see what you can do with it. It's a lot of fun.

Tip If you feel the curves adjustments, or adjustments in any dialogue box, are going wrong and you want to make a fresh start, hold the Alt key. The Cancel button changes to Reset; click on it; the existing settings are cancelled but the dialogue box stays on the screen. Other uses for Hue and Saturation can be found in Photoshop In A Day ; for example, when an image is colourized with Hue and Saturation, the colour can be chosen in advance and the image will take on that colour. With this function, the colours in different images can be matched up. Back to the top of the Hue and Saturation page

This way, with your color already chosen before selecting Hue/Saturation, there's no need to mess with the Hue slider at all! All you need to do is select the Colorize option in the bottom right of the Hue/Saturation dialog box and Photoshop will automatically use your Foreground color to colorize the image:

6. Move the corner adjusters in approximately one square, you may wish to adjust them more or less depending on the photo.

So, here's yet another way to turn a color image into black and white: Add a black - or white - layer and set it to "Hue" mode:

3. This dialog box will pop up. Near the top there will be a drop down menu, from this menu chose whatever is closest to the color of your car picture. Since my image is bright yellow, I will chose the "Yellows" Family.

Recall how the Hue blending mode kept everything the same on the base layers, but applied the hue (color) from the blend layer. Saturation mode is similar, where everything stays the same on the base layer, except the saturation from the blend layer is applied.

Above I have a photo. I would like to change the hue of the pill in the foreground from green to blue. But I don't want to mess with the rest of the image too much. So how do I do that? We first thing to do is to open the Hue and Saturation adjustment box. Go Image->Adjust->Hue and Saturation.

9. Duplicate the Background layer again, bring it to the top, and going to Image > Adjustment > Hue/Saturation increase Saturation of the image.

3. Check Colorize in the Hue/Saturation panel and adjust Hue and Saturation until you have the color you want in the desired place of the image (Hue will change color, Saturation - its intensity). Don't bother about the rest of the image, we will deal with it in the next step.

2. Open Hue/Saturation dialog (Image > Adjustments > Hue/Saturation...). Unlike Color Balance, this dialog uses HSB (hue-saturation-brightness) model of the color presentation.

Photoshop, of course, includes a color saturation adjustment (Image->Adjustments->Hue/Saturation) however sometimes it's range is too limited, and worse, with digital photos it tends to distort the colors if you use more than a little boost. Sometimes I have photos where I want to punch up the color without getting this distortion. This becomes more of an issue if you intend to print enlargements of your photos. Here's an example:

Main source (a picture that I have taken and changed the background to black): If do you have an image/source Black & White(grayscale), you need to change it to RGB image>mode>RGB:

The hue and saturation can both be adjusted to change the color of a photo. In this video tutorial, you will learn how to adjust the hue and saturation of an image's color in Photoshop CS3.

w___ww__.j_av_a___2_s__.___co___m___ | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.