How to Realistically Change Hair and Fur Color in Adobe Photoshop

Are you curious how you’d look with a different hair color? Do you want to know what colors fit you? You can easily check it with a few simple tricks in Photoshop.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

I will show you how to select your hair, and then how to experiment with its color with a few sliders. You can also use the same technique to create color variations in animals!

How to Realistically Change Hair and Fur Color in Adobe Photoshop

If you’re looking for help with your photo retouching projects, why not consider using ThemeKeeper Studio.

Tutorial Assets

You’ll need the following in order to complete this task:

1. How to Select Hair Only in Photoshop

This part is the most difficult, because hair can be very chaotic. To ensure the best result, use a photo with a contrasting background (possibly white), with your hair mostly in the back (or, if not possible, lying on a contrasting shirt), and remove any fly-away hair, for example with one of these techniques:

  • How to Realistically Change Hair and Fur Color in Adobe Photoshop
    Retouching
    3 Ways to Retouch Fly-Away Hair
    Daniel Sone

The photo should be high-resolution and sharp. Or, if you want to try this tutorial without your own photo, you can use the same picture as me, or some other stock photo that meets the requirements.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 1

Open your photo in Photoshop. Find the Lasso Tool on the toolbar and press it to reveal the sub-tools. Select the Magnetic Lasso Tool.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 2

Click somewhere over the outline of the hair, and then slowly move along it. Do your best, but don’t worry about a perfect outcome—we’ll fix it all in a moment. After you meet the first point, click it to close the selection.

How to Realistically Change Hair and Fur Color in Adobe PhotoshopHow to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 3

We have a selection now, but it’s not perfect. To fix it, click Refine Edge.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 4

A new window will show up, and the picture will change to present the edge of the selection. You can choose the way of presenting it. Overlay shows the best the picture outside of the selection (for example, hair that’s not selected yet), and On Black/On White shows the selected area most clearly. You can easily switch between them using the shortcuts.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Check Smart Radius and play with the slider below a little. Observe how it affects the edge of the selection.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 5

If you move your cursor over the picture, you’ll notice you have a special brush—it’s called the Refine Radius Tool. You can use it to show the program the places that should be carefully added to the selection. You can also hold the Alt key to remove certain parts of the selection, but keep in mind it’s based on a special algorithm and may not work exactly as you expect.

Be patient and feel free to experiment. If you mess up, you can always cancel and start with a clean slate.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Switch between the views to see the outcome better. You can “paint” in all the views, but in most of them you can’t see what’s not selected.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 6

When you’re done, change Output to New Layer with Layer Mask and press OK.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 7

A copy of the layer will be created. If you hide the original one, you should see the hair only.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

But as powerful as the Refine Edge tool is, it’s still program-based, so it can’t see everything. Let’s add some manual fixes.

Add a New Layer on the bottom and fill it with black using the paint Bucket Tool (G). Then lower the Opacity of the original picture to see the face only slightly.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 8

Go back to the copied layer. It has a Layer Mask: black areas on the mask tell the layer which areas should be transparent, and white tell it which should be opaque. If you click on the mask, you can paint on it to modify it using these rules.

Take a soft brush with a low Flow and carefully modify the areas next to the skin. The change between the skin and hair shouldn’t be too abrupt. Use black, white, or various shades of gray to make certain parts transparent, opaque, or in various levels of transparency.

You can learn more about this technique here:

  • How to Realistically Change Hair and Fur Color in Adobe Photoshop
    Adobe Photoshop
    Quick Tip: Layer Mask vs. the Eraser Tool in Adobe Photoshop
    Monika Zagrobelna

How to Realistically Change Hair and Fur Color in Adobe Photoshop

When you’re done, simply remove the black layer and drag the Opacity of the original picture back to 100%.

2. How to Change the Color of Hair in Photoshop

Step 1

Photoshop now knows what we want to change, so it’s time for the fun part! Open Window > Adjustments and select the Hue/Saturation adjustment.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 2

Clip the adjustment (Control-Alt-G) to make it affect only the hair. Check Colorize to have full access to all the options, and then play with the Hue slider to change the colors. This will allow you to explore the colors within your present shade.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

You can also easily make the color darker with this technique just by lowering the Lightness. So if you have blond hair, you’re lucky—you can get all the beautiful colors just by playing with the sliders!

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 3

If you want a more saturated color, and your hair is dark, there’s more work to do. First create a darker version of the color, and then duplicate the adjustment (Control-J) and create the color you actually want.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Right click the second adjustment layer and select Blending Options. Can you see the grayscale sliders below? You can use them to make certain parts of the picture transparent. I’ve explained it all in this quick tutorial:

  • How to Realistically Change Hair and Fur Color in Adobe Photoshop
    Digital Painting
    Quick Tip: the Magic of Photoshop’s Blend If
    Monika Zagrobelna

For now, you only need to know that if you drag the lower black marker to the right, the layer will reveal the darker parts of the layer below. If you hold the Alt key, the marker will split and the effect will be more gradual.

How to Realistically Change Hair and Fur Color in Adobe PhotoshopHow to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 4

You can use exactly the same method to add highlights. Just create a new adjustment layer with an extreme version of the same color…

How to Realistically Change Hair and Fur Color in Adobe Photoshop

… and remove most of it, keeping it visible only over the bright parts.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 6

What about bright colors, like blond? Just like with real dark hair, we need to bleach it first. Create three adjustment layers with no saturation: dark—brighter—bright, and use Blend-if to combine them.

How to Realistically Change Hair and Fur Color in Adobe PhotoshopHow to Realistically Change Hair and Fur Color in Adobe PhotoshopHow to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 7

When you’re done, you can adjust the shades to achieve a uniform result and even paint on the masks if something looks wrong.

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Step 8

Now you can easily add another adjustment layer with any bright color you wish!

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Good Job!

You can use this technique to create many beautiful shades, both realistic and unreal. Just keep in mind you need to control the contrast on your own—Photoshop won’t stop you from creating a fake effect.

If you want to share your results, don’t forget to adjust the original hair mask to make sure everything looks the best it can (for example, bright, vivid colors should reflect subtly on the face). Feel free to use other adjustments or blend various colors to create even more advanced effects!

How to Realistically Change Hair and Fur Color in Adobe Photoshop

The same technique can be used to color animal fur or other areas of the picture (as long as you select them properly). Experiment with this to learn it better—it’s real fun!

How to Realistically Change Hair and Fur Color in Adobe Photoshop