Monday, March 2, 2020

How to Realistically Change Hair and Fur Color in Adobe Photoshop

Final product image
What You'll Be Creating

Do you want to learn how to change hair color in Photoshop? In this tutorial I will show you how to change the color of an object in Photoshop using a very versatile technique. I'll teach you how to select an object and how to adjust its colors without affecting the original image.

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

Follow along with us over on our Envato Tuts+ YouTube channel:

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.

The photo should be high-resolution and sharp.

woman portrait hair stock

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.

magnetic lasso tool

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 select hair with magnetic lasso tool
selection

Step 3

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

how to refine edge of selection

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.

refine edge view options

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

refine edge smart radius how to change

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 separate hair from background 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 select hair in photoshop

Step 6

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

how to create selection from refine edge

Step 7

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

how to create selection from hair

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 clean up hair

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 cut hair to a new layer

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 an Image 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 add new adjustment

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 colorize hair

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 darken hair in 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 change hair color in 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:

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 use blend if
how to create saturated hair color
Blend-if lets you create a nice contrast without adding any new adjustment layers.

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 changle hair saturation

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

how to create mutliple color adjustments

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 bleach hair in photoshop
how to create grey hair in photoshop
how to create brighter hair color in 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 adjust adjustments

Step 8

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

how to turn hair color to blond in 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 change hair color in 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 really fun!

invert colors photoshop

If you want to learn more about creating Photoshop effects, try these tutorials as well:

No comments:

Post a Comment