Change Your Hair Color in Photoshop

In this quick Photoshop tutorial, you’ll learn how to change your hair color using a mask. You’ll learn to use the Quick Mask, the Hue/Saturation adjustment and the “Lighten” Layer Blending mode. The method we’ve outlined in this tutorial can be used for both strands of hair or for the entire thing.

We’re currently using Adobe Photoshop CS5, but this can be done in earlier versions of Photoshop just as well. We’ve toned down our result but you can use any color or intensity.

The Preview

Changing Hair Color - AfterChanging Hair Color - After

1/3 Initial Preparations


Open your image (thank you, Captain obvious)

Changing Hair Color - new document

Before you start working on your image add a surface blur. To do that go to the “Filter” menu, “Blur” submenu and click on “Surface Blur…”

Changing Hair Color - Surface Blur

You can use the settings below. A small amount of blur will do. Click OK when you are done.

Changing Hair Color - Surface Blur settings

2/3 The Mask

Select Photoshop’s “Brush Tool” {brush tool}. The size of the brush depends on the size of your image, or on how much hair you want to color. Select a soft brush tip.
Changing Hair Color - Brush selection

Click on the “Edit in Quick Mask Mode” {Quick Mask} button, which is located at the bottom of your toolbar, and then, using the brush, paint over the portion of hair you want to modify. You should end up with something like this.

Changing Hair Color - Quick Mask

Now click on “Edit in Quick Mask Mode” {Quick Mask} button again, to exit the quick mask mode. The result is a selection of the whole picture, except the parts you want to color. You should remember this as the tool is used a lot in Photoshop.

Changing Hair Color - Quick Mask selection

The next step is to select the hair only. In order to do that, go to the “Select” menu and click on “Inverse”.

Changing Hair Color - Inverse selection

3/3 Dye it!

To change the hair color in a non-destructive way, we will create a new layer from the selection. Press ctrl+c to copy the selection and ctrl+v to paste it in a new layer.

Changing Hair Color - copy to layer

With your new layer selected, go to the “Image” menu, “Adjustments” sub-menu and click on “Hue/Saturation…”.

Changing Hair Color - Hue/Saturation

Play with the sliders until you have the desired color. Remember to check the Colorize button. We recommend choosing an intense color shade.

Changing Hair Color - Hue/Saturation settings

The last thing to do is change the blending mode of the newly-dyed hair to “Lighten”

Changing Hair Color - Layer - Lighten

Sonunda

Aaand, you’re done. You can play around with the options to get different results or you can use this method to dye entire hairdos. Sometimes, you may need to apply a small amount of Gaussian Blur to the colored layer.

Changing Hair Color - AfterChanging Hair Color - After

More Info:

Author:  Andrew C.

Original photo:  Kimberley Joanne Sinclair

Keytags:  , , , , , , , , ,

Related Stuff:

Essential Photoshop Keyboard Shortcuts

Comments disabled for maintenance. Use the contact form for questions.

About the authors:

Tudor:

Programmer and 3D enthusiast. Teaches web design, builds games and maintains this site in his spare time.

Personal portfolio

Iulian:

2D/ 3D artist. Loves game& product art.

Personal portfolio

Vlad:

2D/ 3D artist. Works as a print designer and does 3D art in his spare time.

Personal portfolio