There are several color changing tools in Photoshop. Match Color, Replace Color, Hue / Saturation Adjustment are the three most prominent. The problem is they don’t do a perfect job. Why? The color they match, replace or hue change is a color that can contaminate the end result. There is a more versatile way although can seem a bit cumbersome.
Dealing with Color Contamination
The color change tools in Photoshop have to work with the underlying color. It can contaminate the result. The Hue / Saturation adjustment works the best of any I have found. It’s still limited. For instance, changing the color of something like this black velvet dress like the one Jennie’s wearing. There is no hue in black. There is a small color cast. The first step takes care of that.
Select the dress or color to be changed
Let’s stat by accurately selecting the dress.
- Use your favorite selection tool to make a selection of the dress. I used the Pen tool.
- Press Command (PC: Control) + J to jump the selection to a new layer.
- Name this layer Grayscale.
- Choose Image > Adjustments > Desaturate or press Command (PC: Control) + Shift + U. This removes any color by turning the selected area into black and white.
- Press Command (PC: Control) + J to duplicate the Grayscale layer. Rename it Mulitply.
Make Smart Objects
Now let’s work nondestructively.
- Press Command (PC: Control) twice to make two copies of the Smart Object Layer Multiply.
- Rename Multiply copy 1 to Overlay and copy 2 to Color. The layers are now named from top to bottom Color, Overlay, Multiply, Grayscale and whatever the background layer is named.
- Change the blending mode of each of the top three Smart Objects to Color for Color, Overlay for Overlay and Multiply for Multiply. The keyboard shortcuts are (with the Move tool active) Shift + Option (PC: Alt) + C (for Color), Shift + Option (PC: Alt) + O (for Overlay) and Shift + Option (PC: Alt) + M (for Multiply).
- These three layers show they are at 100% opacity. Change them to 50%.
Initial color change
For the first color let’s use red.
- Press B for the Brush tool.
- Hold down the Option (PC: Alt) key then click on Jennie’s red lipstick to sample the color.
- Double click on any one of the Smart Objects. It opens up in Photoshop.
- Select Edit > Fill > Foreground Color from Photoshop’s menu bar.
- Next choose File > Save then File > Close or from the keyboard Command (PC: Control) + S then Command (PC: Control) + W.
Brightening color
There’s red where before was only dark gray shadows. This isn’t quite red enough.
- First lower the opacity of the Multiply layer to 10%. That’s a bit better.
- Next click on Grayscale. Duplicate it by holding down Command (PC: Control) +J.
- Choose the Move tool (V) then tap 5 to make Grayscale copy 50% opacity.
- Change the blending mode to Screen, Shift + Option (PC: Alt) + S on the keyboard.
- Finally name the layer Grayscale Screen 50%. The result is still too dark for my eye.
- Duplicate Grayscale Screen 50% two more times. Sometimes using multiple copies is the best way to create a realistic color change.
The screen layer brighten the underlying Grayscale layer. To make it darker, just click an eyeball or two off.
Blue velvet
It’s super easy to change to another color.
- Double click the foreground color to get to Photoshop’s color picker.
- Choose a blue. I used R:80, G:67, B:204. D
- ouble click any of the three Smart Objects.
- Fill it with the foreground color, save and close. Done.
The Overlay and Color layer help finesse the tone and purity of the color. 50% is a solid beginning setting. Adjust these to get exactly the shade you want. Remember Multiply controls the brightness. Lower opacity is lighter while a higher opacity will be darker overall.
nice one!
There’s a lot of great tips in this blog. I just discovered it today and I like ti already.
wonderful photoshop color correction tutorials and step by step process is very helpful for learn .thanks for sharing with us!!
Kevin Ames, have you any video tutorials about advanced photoshop tutorial smart object color changes? Although your gif and jpg screenshots help me to do perfect color changes. But I think video tutorial should help me to make better. So, I am waiting for a video tutorial.
Kevin Ames, I followed this tutorial and I have made exactly like as your screenshot you have provided in this post. But the problem is Higher opacity. How do I do it lower? I asked you because I think its make me feel better if I use lower opacity. So, I am waiting your answer.
There’s a lot of great tips in this blog. I just discovered it today and I like ti already.
wonderful photoshop color correction tutorials and step by step process is very helpful for learn .thanks for sharing with us!!
nice one!
Kevin Ames, have you any video tutorials about advanced photoshop tutorial smart object color changes? Although your gif and jpg screenshots help me to do perfect color changes. But I think video tutorial should help me to make better. So, I am waiting for a video tutorial.
Kevin Ames, I followed this tutorial and I have made exactly like as your screenshot you have provided in this post. But the problem is Higher opacity. How do I do it lower? I asked you because I think its make me feel better if I use lower opacity. So, I am waiting your answer.