• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Change Hair Color In Photoshop – EASY Yet POWERFUL Techniques!

How To Change Hair Color In Photoshop – EASY Yet POWERFUL Techniques!

5k
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

Learn this powerful technique to change hair color in Photoshop!

Keep in mind that when doing hair color changes in Photoshop it is a lot easier to go from light hair colors to dark.

The biggest reason is that lighter hair tends to have more detail and therefore you can make those areas darker while keeping the detail. Going from dark hair to light hair is much more difficult because of the lack of detail in the darker areas.

Keep in mind that everyone’s hair color is different. The numerical values for any adjustments that we use with this photo may not work for your photo. Use the values in this tutorial as a starting point, and adjust accordingly for your image.

The techniques in this video are all non-destructive, which means that you can always come back and edit your adjustments!

Table of contents

  • Tutorial Image
  • Dealing with Flyaway Hair
  • Work Non-Destructively with Smart Objects
  • Make a Selection Our The Hair
  • Use Select and Mask to Refine The Selection
  • Create a Group and Apply The Selection as a Mask
  • Why You Shouldn’t Use JUST The Hue/Sat Adjustment
  • Use the Color Balance Adjustment Layer to Change Hair Color
  • Making The Hair Color Red
  • Change Hair Color To Black
  • Change Hair Color To Blonde
  • Bring The Highlights Back
  • Refine the Image to Get The Best Hair Color Change as Possible

Tutorial Image

  • You can get the tutorial image from Adobe Stock

Dealing with Flyaway Hair

Start by creating a New Layer.

On the Toolbar, select the Spot Healing Brush tool.

On the Options bar, make sure the box is checked for the Sample All Layers. Then, start using the Spot Healing brush tool by painting over the flyaway hairs to remove them.

To set a sample source, hold the Alt (Windows) or Options (macOS) key and click on it.

Work Non-Destructively with Smart Objects

Hold the Shift key as you select both the Background layer and the New Layer.

Then, right-click > Convert to Smart Object so you can start working on this non-destructively.

This means you can add Filters, Adjustment Layers, other distortions while keeping the Smart Object editable for any further adjustments. 

To open the Smart Object, double-click on the Smart Object so it opens on a new tab, and you can start editing. 

To save the changes you apply, choose File > Save or press Ctrl S (Windows) or Command S (macOS).

Make a Selection Our The Hair

Use the Quick Selection tool to create a loose selection of her hair as you will have time to fine-tune it later.

To subtract from the selection, hold Alt (Windows) or Option (macOS) as you click-and-drag over areas that don’t need to be part of the selection.

Use Select and Mask to Refine The Selection

Once you have a more defined shape of the hair as a selection, go to the Options bar and click on the Select and Mask button.

On the Properties panel of the Select and Mask workspace, set the View mode to On White.

On the Toolbar, select the Refine Edge tool, which helps you refine the hair’s edges and further fine-tune the selection down to the individual strands. 

Click-and-drag the tool along the edges to allow Photoshop to create a selection on the finer details.

The results will not be perfect, but you always have the opportunity to refine them with the Global Refinements later.

If you want to know more about Select and Mask Watch this video!

Select the Brush tool, and on the Options bar, click on the plus icon, so the command sets it to add to the selection. 

Then, click-and-drag over the areas to add them to the selection. 

Since the View mode is On White, white areas mean, they are not part of the selection, and if it includes some parts of the hair, paint over them to retain them in the selection. 

To subtract from the selection, click on the minus icon from the Options bar and repeat the process for areas you don’t want to be a part of the selection. 

To output this as a selection, scroll down along the Properties panel until you see the Output Settings.

Set Output To as Selection. 

Then, press OK so you can save the changes and go back to the working document. 

Create a Group and Apply The Selection as a Mask

On the Layers panel, create a New Group and click on the New Layer Mask icon to apply the Layer Mask that group.

By doing so, you will be able to use the Layer Mask on multiple layers within the Group. 

Rename the Group into “Hair Color” so you can keep things organized and easier to find. 

Why You Shouldn’t Use JUST The Hue/Sat Adjustment

While the Hue/Saturation adjustment layer is easiest tool to use  to change hair color, it certainly is not the best tool for it.

To illustrate it, if you quickly change the Hue of the hair into a bright purple, you may notice how it affects the shirt in the photo by turning the shadows into green. To summarize, it applies colors into areas where it’s not supposed to.

If you check the box for Colorize, it shows better results without affecting other areas. However, the results do not look realistic.

Use the Color Balance Adjustment Layer to Change Hair Color

Click on the New Adjustment Layer icon and select Selective Color.

On the Colors drop-down, set it to Neutrals.

In the Properties panel, you’ll see the Cyan, Magenta, Yellow, and Black (CMYK) sliders that you can use to adjust the colors in the image.

To illustrate, dragging the Cyan slider to the right turns the object into the cyan.

If you drag the slider to the left, it turns the object into the opposite color of Cyan, red. Dragging the sliders to the left always shows the color into the color label’s complementary color.

With that shown, reset the Selective Color. 

Drag the Cyan slider to the right.

Drag the Magenta slider a bit to the left to reduce the magenta.

Drag the Yellow slider to the left to reduce the yellow.

Those recent adjustments turned the hair color into a similar purple shade shown earlier on how Hue/Saturation applies to this type of editing. 

But unlike the Hue/Saturation, it doesn’t affect the color of the shirt or any other object surrounding it. 

Making The Hair Color Red

Reset the adjustment layer so you can start turning the hair color into red.

With the Colors still set to Neutrals, drag the Cyan slider to the left.

Drag the Magenta slider a little bit to the right.

Drag the Yellow slider to the right to increase the yellows more.

If you achieve a color that is too saturated for your preference, you can always create a Hue/Saturation adjustment layer and use it to adjust the saturation of the colors.

Change Hair Color To Black

If you want to turn the hair color into black, you can easily achieve that effect with the Hue/Saturation adjustment layer by dragging the Saturation slider to the left to decrease any traces of saturation in the object selected. 

Then, you can create a Levels adjustment layer and use the sliders to adjust the hair’s luminosity.

The Levels adjustment layer works by having individual handles for Shadows, Midtones, and Highlights to help you accurately adjust the luminosity in the image. 

Meanwhile, the Output Level slider below dictates how dark is the darkest pixel and how bright is the brightest pixel.

With that in mind, use the Levels adjustment layer to determine the luminosity of the black hair. 

Change Hair Color To Blonde

Create a Selective Color adjustment layer.  

Create a Selective Color adjustment layer

On the Properties panel, set the Colors to Neutrals.

Use the Cyan, Magenta, Yellow, and Black sliders to create your color mix for that realistic blonde hair.

You can start with the Yellow slider and drag it to the right to increase the yellows.

Adjust the Cyan slider to the left to bring down the cyans in the image.

Adjust the Black slider to brighten up the darker pixels if you want to achieve a lighter blonde. For this type of effect, you can also create a Levels adjustment layer for more accuracy and control.  

In the Levels adjustment layer, adjust the Midtone to control the contrast and decrease the Output Level slider for the highlights. 

Select the Blue channel from the drop-down.

From the Output Level slider, drag the white point to the left to add more yellow to the shadows. 

Then, switch into the Red channel in the drop-down. Go to the Output Level slider and drag the black point to the right to add more red to the shadows.

Then, create a Hue/Saturation adjustment layer. 

Decrease the Saturation, and you can adjust the Hue slider to achieve the right shade of blonde. 

Bring The Highlights Back

With all those intense adjustments, you may start losing the fine highlights of the hair. To bring them back, start by disabling the Group.

With only the original image layer active, press Ctrl Alt 2 (Windows) or Command Option 2 (macOS) for Photoshop to select the brightest pixels in the image.

Then, press Ctrl J (Windows) or Command J (macOS) to duplicate the highlight’s selection. 

Place this layer inside of the Group on top of the layer stack.

Change the Blending Mode to Screen. You can also adjust the Opacity to control the intensity of the highlights. 

Refine the Image to Get The Best Hair Color Change as Possible

Zooming into the hair and seeing how the selection is imperfect, you can always fine-tune this by selecting the Brush tool and setting the Foreground color to white (#ffffff).

Then, start painting on areas of the hair you want to include in the selection.

To subtract from the selection, set the Foreground color to black (#000000) and paint as usual. 


And that’s how to change hair color in Photoshop and make it look realistic! If you also want to learn how to change eye colors, click here!

Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Reader Interactions

Comments

  1. Nayim says

    February 23, 2018 at 5:28 am

    Awesome tutorial. I need more tutorial on this channel.

    Reply
    • Photoshop Training Channel says

      March 6, 2018 at 3:01 pm

      Thank you, Nayim!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Blur Backgrounds in Photoshop [FAST & EASY]...
    M
    141 Shares
  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    106 Shares
  •  
    Make Better Cut-Outs in Photoshop with These 3 Amazing Tricks!...
    L
    89 Shares
  •  
    Photoshop 2021: Color Grading in Camera Raw...
    60 Shares
  •  
    How To Remove a Background In Photoshop [For Beginners!]...
    L
    50 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.