A Car of Many Colors

If you’ve ever seen a Photoshop demo, you’ve probably watched someone change the color of a car (or other object) using the well-worn method of targeting and shifting colors with the Hue/Saturation command. Problem is, while this technique is straightforward and even sexy, it rarely works as advertised.

In this article, we’ll change the color of a car. However, instead of applying Hue/Saturation in its relative mode, we’ll employ it in its absolute mode to achieve not just successful but stellar results. Then we’ll use a channel, a mask, and a couple of blending options to turn the car black. The original car (red) and its alternatives appear below.

The original red car from the Fotolia image library
The same car, rendered in gold in Photoshop
That same car again, this time made black in Photoshop

Today’s article is based on Deke’s Techniques 054 and 055, presented by lynda.com. The base image comes from the Fotolia image library.

In case you’re unfamiliar, here’s the standard routine for changing one color in a photograph independently of others: Add a Hue/Saturation adjustment layer, select a color range from the topmost pop-up menu, and then modify the Hue setting as desired. Photoshop shifts the targeted hues on a relative basis, adding or subtracting some number of degrees to or from the original color. When the technique works, it does so because the color you want to change doesn’t mix much with the other colors in the image. But when the colors overlap, as is almost always the case, the results disappoint, as exhibited by the example below.

hue saturation relative adjustment

In this case, pushing the Hue slider any further to the right will begin to shift the tones that are already gold into the greens before the remaining rose turns gold. This is the case even when you adjust the color range selection sliders at the bottom of the panel.

The more effective method is to apply the Hue Saturation layer in the Colorize mode. That mode looks at the underlying luminosity of the image and applies colors in an absolute fashion. To use it, you click the Colorize checkbox in the Adjustments panel and select the appropriate Hue and Saturation settings. However, the mode shifts the colors of everything and there’s no option to target specific hues. You can see that the targeting menu is set to Master and is grayed-out:

hue saturation layer gold colorize mode

So, we need to create a mask to constrain where the adjustment is applied within the image. To do that, we’ll use the Color Range command to make a selection and then turn that selection into a mask. If you’re following along, and you’ve just created a Hue/Saturation layer, click its eyeball icon to turn it off.

To invoke the Color Range command:

  1. Click on the Background layer to select it.
  2. Choose Select > Color range from the menu bar to bring up the dialog.
  3. Set the Fuzziness to 40
  4. Be sure the bottom radio button is set to Selection
  5. Set the Selection Preview to None.
  6. Click in the image area to sample some of the red. You’ll see an area of white appear inside the dialog. The white that you’re seeing will become the white areas of your mask, which is where the adjustment will be applied. The black areas will not be affected by the adjustment.
initial color range sample
  1. Hold the Shift key and drag in short to medium strokes to select more reds.
    color range select more colors

    The white area in the dialog will expand to show the areas being selected. Be careful with the etremely bright or dark areas — they can cause your color range to spill over into areas you don’t want.

    reset color range dialog

    If you go too far, you can immediately undo with Control/Command + Z, or you can hold down the Alt/Option key to convert the Cancel button into a Reset button and then click it to start over.

  2. Optional: In some cases, you can refine the selection by increasing the Fuzziness setting slightly.
  3. Make sure the Invert check box is off.
  4. Click OK to create a selection of marching ants.
selection after color range

When we create a new Hue/Saturation layer, the selection will automatically be converted into a mask that localizes the adjustment to the selected area.

add hue saturation adjustment layer
  1. Select Hue Saturation from the menu inside the black and white circle icon at the bottom of the Layers panel.
  2. Click the Colorize check box in the Adjustments panel, then set the hue to 40 and the saturation to 65.
adjust hue saturation panel

Do not adjust the Lightness setting! That setting almost invariably ruins your image!

To further refine your color conversion, you can change the blending mode of the Hue/Saturation layer to Hue, which produces a more lustrous effect:

hude mode colorize adjustment

It’s worth pointing out that this technique for altering color in your images is not only more effective, it’s more flexible.

“Painting” the car black

To turn the car black, we can’t rely on the colorize option, since black is not part of the hue wheel. Instead, we’ll start by looking at the Channels panel to find the one that provides the best starting point for a black car and use blending techniques to create a believable, lustrous effect.

If you’ve been following along with your own file, we’re going to begin work as though the file has only the background layer. You can simply turn off the Hue/Saturation layer and ignore it for now.

  1. Click on the background layer to activate it.
  2. Activate the Channels panel and click on each one to to determine which provides the best version of a black car. In this case, the green channel is a clear winner.
channels panel starting point
  1. Click on the RGB thumbnail in the Channels panel to reactivate the color image.

Now, we’ll use the Apply Image command to convert a copy of the Green channel into a layer.

  1. Activate the Layers panel
  2. Use Ctrl/Command + Shift + N to create a new layer.
  3. In the New Layer dialog, name the layer “black” and click OK.
create new black layer
  1. Select Image > Apply Image from the menu bar. The Apply Image dialog will appear.
  2. Set the Layer menu to Background, the Channel menu to Green, and the Mode menu to Normal. (The Source menu will default to whatever name you have given your working file. You don’t have to change it.)
apply green channel

The result is a layer in black and white that dominates the image. We’ll use a mask to apply the black where we need it.

  1. Click the eyeball icon on the black layer to temporarily turn it off.
  2. Click the background layer to select it.
  3. Use the Color Range command to select the red parts of the car, just as in the case of colorizing above. After you click OK, you’ll have a selection of marching ants as before.
  4. Click the black layer to select it and click its eyeball icon to make it visible again.
  5. Click the Add Layer Mask icon at the bottom of the Layers panel.
prepare to add layer mask

Close inspection may reveal that there are some small holes in your mask, where the underlying red color shows through in areas that are supposed to be black. If that’s the case, you can click on the layer mask thumbnail to select it and then use the brush tool to fix any holes. Set the foreground color to white, and both the opacity and hardness to 100%. You can make the brush fairly small and apply brush strokes to white-out any holes in the mask and make the red disappear.

To make the color of the black car more believable, we’re going to infuse a bit of the sky color into the car. We’ll sample the sky color to figure out what values to use.

  1. Click the eyeball icon to switch off the black layer
  2. Tap the letter I key to activate the eyedropper tool
  3. Click in the area of the sky to sample the color
  4. Activate the Color panel (If you don’t see it, select Window > Color from the menu bar).
  5. If you can’t see the HSB sliders in the panel, use the fly-out menu in the upper right corner to switch the display.
  6. Make note of the H and S values
color panel with hsb sliders

Now we’ll use those values to colorize:

  1. With the background layer selected and the black layer invisible, hold down the Alt/Option key and select Hue/Saturation from the New Adjustment Layer menu at the bottom of the Layers panel.
  2. When the New Layer dialog appears, name it “blue sky” and click OK.
  3. Turn on the Colorize checkbox in the Adjustments panel and then set the Hue and Saturation values: We’ll round off the hue to 225, but use a low saturation value (after all, the surface of the car isn’t a mirror) — in this case, 15%.
add color infusion

To apply the colorization to the body of the car only, we’ll duplicate the layer mask from the black layer:

  1. Hold the Alt/Option key and drag the thumbnail of the black mask onto the blue sky layer.
  2. If a confirmation dialog appears, click Yes to replace the existing layer mask.
duplicate layer mask
layer mask applied

Now, to integrate the pieces: We’ll use the Multiply blending mode to integrate the black layer and a Luminance slider to bring out a touch more of the blue sky highlights.

  1. Click the black layer to select it and click its eyeball icon to make it visible.
  2. Change the blending mode of the layer to Multiply.
multiply mode black layer
  1. Double-click the blank area above or below the label text on the black layer to open the Layer Style Blending Options dialog.
  2. Drag the right-hand slider on the Underlying Layer control toward the left to reveal highlights from the layer below. At first, the transition will be abrupt.
reveal underlying highlights blend if
  1. Hold the Alt/Option key down and drag the right edge of the slider to the right to separate it into two pieces. Once the pieces separate, you can release the key.
    split slider
  2. The for this image, we dragged the right half all the way back to 255 and moved the left half to 50:
    underlying highlights settings
  3. Click OK to apply the Layer Style and reveal the final result:
final black version

And that, friends, is the more elaborate but also more reliable way to adjust a discrete range of colors in Photoshop. Whether the object you want to colorize is a car, a coat, or a Christmas ornament, it works wonders. Thanks for reading, and Happy Holidays!

Next entry:Photoshop Masking & Compositing: The Free PDF Companion

Previous entry:Deke’s Techniques 088: Masking with Photoshop’s Blunt Instruments

  • Great Tutorial

    As always there is something new i can learn from you Deke..

    I love the black car thing.. Thumbs up for the Photoshop Master :)

  • Great

    One more amazing tutorial. Greetings from Spain.

  • Great tutorial.

    Great tutorial.

  • Great tutorial

    Thank you…...amazing tutorial

  • Fantastic goods from you,

    Fantastic goods from you, man. I’ve studied your stuff ahead and you’re just, well, amazing. I enjoy what you’ve got here, adore what you’re putting out there and the way you say it.

  • WOW!!!

    I where looking for this tut!!! GRACIAS Super Deke!

  • HDR

    This is amazing - I’n new to photoshop. I did watch your HDR video and is so cool but unfortunetly I try to do it and did get as result a black image not sure why? I’m using cs6

  • It is very good tutorial for

    It is very good tutorial for free online user. Any one can easily learn Photoshop through this of blog post. I am very appreciate for this blog.

  • Amazing!

    Amazing! I admire the talent you got dudes. From every contribution like this I try to to take the best, you are amazing teachers. Thanks God you share your knowledge.

  • wow

    awesome, as always.  thanks for sharing.

  • That is the easiest way to

    That is the easiest way to change color to a different color. Best tutorial I’ve ever had. I get new interesting things to do aside from reading mystery novels.

  • unbelievable

    U’re the best ever man , believe me .


  • Amazing

    Very detailed, not confusing and very helpful. Thank you very much I appreciate your effort.

Comments