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

1/3 Initial Preparations

Open your image

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…”

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

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.

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.

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.

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

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.

With your new layer selected, go to the “Image” menu, “Adjustments” sub-menu and click on “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.

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

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.

About these ads

About Mahfuz

I'm a Normal Human...But Web Addicted! A web developer, blogger & WordPress enthusiast. Interested in everything web related: HTML, CSS, SEO and Web Design.
This entry was posted in Photo Effects, Photoshop Tutorial and tagged , , , , , , , , , . Bookmark the permalink.

22 Responses to Change Your Hair Color in Photoshop

  1. Is there anyway to add hair if you are going a little bald? I am starting to lose hair and my hairline is receding! :)

  2. wladimir says:

    pretty much your site and your work. tchau,bye.

  3. I am very impressed, i was working on photo shop as following your guide, worked wonderfully except for the last step, it didn’t work for me well, cause i could not see where you had your pull down menu coming out of which icon. Also my streak is florescent pink lol…i guess i gotta work on it again to get the hang of it. Yours is perfect looks like real hair. can you clarify the last part for me plz.

    Thanks great site.

    Rain

  4. Amin says:

    Hello!I am very glad.I want to learn the photoshop, but I have not any time.

  5. ekkem says:

    one of the trick that i gotto try :)

  6. pwoodeecoo says:

    Mahfuz, you have a really cool blog :) You are super talented on knowing how to do all this cool stuff, too :)

  7. ONN says:

    I’m attempting to put colors onto an old black and white photo. Is this method usable for that purpose? By my common sense it does, but I’m afraid if the color texture spoils the original photo pixels or… something…

  8. Inge says:

    Hi Mahfuz. Thank you for your vote and very nice Adobe Photoshop blog. :)

  9. Lady Seda says:

    Awesome… love learning new things. Will have to give this a try.

  10. CarolW says:

    Hi Mahfuz!
    What a great site and a really brilliant tutorial…especially for an old dinosaur like me who has only just learned how to find Photoshop! I can’t wait to get rid of the grey in my hair. Just wanted to come and say hello and than you for the vote but have lingered a while and will be back for more advice. Really pleased to ‘meet’ you.
    Kindest regards.

  11. Great tutorial! Easy to learn. Thanks!

  12. Kristy says:

    This is very cool! Can’t wait to come back & really sit down and dig through this stuff :)

  13. janekreski says:

    Cool stuff.

  14. oh nice i love Photoshop and designing
    nice tutorial i will make my hair brown
    thanks !!!

  15. It’s really easy way to change hair color. However I don’t like to change my hair color.

  16. lunaticg says:

    Thanks for the free tutorial. Its been a very long time since I touch my photoshop software. I almost forgot how to do many thing in Photoshop and a little bit shock when you say its already C5. Maybe will be going back in here when I need a free tutorial again.
    See you around.
    Regards:
    lunaticg.
    via bloggers.com.

  17. Fatima says:

    Hi mahfuz! This is really cool! Now, I will be able to use Photoshop installed in my computer! Thanks!

  18. Diana Stevan says:

    I like your web site. Fun! I’ll visit it again.

  19. Pingback: 10 Beautiful Change Hair Color In Photoshop Tutorials « Free PSD Tutorials for Photoshop, Graphics,Freebies

  20. Jael says:

    Very nice! You’re so great thanks for sharing this. =)

  21. shahanara says:

    Hi mahfuz! This is really very cool……..

  22. Arnab says:

    Great post thanks for sharing this info.Will come back to check all your tutorials.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s