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. 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!
You'll need the following in order to complete this task:
- Your own photo!
- Optional: woman portrait
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:
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.
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.
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.
We have a selection now, but it's not perfect. To fix it, click Refine Edge.
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.
Check Smart Radius and play with the slider below a little. Observe how it affects the edge of the selection.
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.
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.
When you're done, change Output to New Layer with Layer Mask and press OK.
A copy of the layer will be created. If you hide the original one, you should see the hair only.
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.
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:
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
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.
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.
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!
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.
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.
You can use exactly the same method to add highlights. Just create a new adjustment layer with an extreme version of the same color...
... and remove most of it, keeping it visible only over the bright parts.
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.
When you're done, you can adjust the shades to achieve a uniform result and even paint on the masks if something looks wrong.
Now you can easily add another adjustment layer with any bright color you wish!
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!
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!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post