Mask hair

Design ideas, tips & insight from some of the best designers on the web.
User avatar
bazzah
HiRes Uber Member
Posts: 23743
Joined: Wed May 03, 2006 5:03 pm
Location: Home
Contact:

Post by bazzah »

This technique will only work with simple backgrounds, but it is a great way of masking detailed hair.

Start by placing the image you want to mask over your background image.

[attachment=46533:addbackground.gif]

Now select your subject layer (zendaya) and then select the Selection Tool (W)

With the Selection Tool selected, you will now see an option at the top of your Photoshop window that says Select and Mask...

[attachment=46543:selectandmask.jpg]

Click Select and Mask... and then click Select Subject. On the right hand side you will see View Mode. In the View drop down box, select Onion Skin and turn the Transparency up to 100%. You also have two Refine Modes available. Color Aware and Object Aware. Try selecting the different modes to see which works best with your image. I am using Object Aware

[attachment=46532:viewmode.jpg]

Back up at the top of your screen, you will notice an option called Refine Hair. Try selecting this. If it doesn't improve the hairs mask, press CTRL/CMD Z to undo.

Most likely there will still be a lot of the background showing through the hair. So now we need to refine the hair selection, and remove the background that is showing through.

Select the Refine Edge Brush Tool ( R) and make sure the + symbol is selected as well as a soft brush. You can experiment with different brush sizes and softness.

[attachment=46534:refinetool.jpg]

Now select a dominant piece of the background showing through the hair by left clicking and holding down your mouse button. With your left mouse button still selected, draw across the edge of the hair. Any of the background layer that is of the same colour and brightness as your selection will be erased.

[attachment=46536:refineselection.jpg]

Now change the View Mode to Overlay. Repeat the step above with any more background that you can see.

When you are happy with the results, click OK. Now select Add layer mask, in your Layers window

[attachment=46537:addlayermask.jpg]

The mask will now be added, but the results may still not be perfect.

[attachment=46538:bgstillshow.jpg]

If some of the background is still showing, create a new layer above your subject and clip it to your subject layer (Right click on the new layer and select Create Clipping Mask). Name it something like Hair Fill. Now select your Brush Tool (B) and reduce the brush opacity and flow rate. Select a darker colour from your subjects hair, by holding ALT to bring up your Eye Dropper Tool.

[attachment=46540:brush_selection.jpg]

Now gradually paint over the parts of the hair that are still showing the background, until you can no longer see the background though the hair.

[attachment=46541:touchuphair.gif]

Once you are happy with your results, select your subject and hair fill layers, and turn them into a Smart Object. Now you can make your usual adjustments to blend the masked image with the background.

[attachment=46545:finish.gif]
You do not have the required permissions to view the files attached to this post.
Last edited by bazzah on Wed Jan 12, 2022 3:09 pm, edited 1 time in total.
User avatar
sauron
HiRes Uber Member
Posts: 12541
Joined: Sun May 14, 2006 12:17 pm
Location: United Kingdom
Contact:

Post by sauron »

Nice job! I always seem to get mixed results when using select and mask, especially with the refine edge brush.
User avatar
bazzah
HiRes Uber Member
Posts: 23743
Joined: Wed May 03, 2006 5:03 pm
Location: Home
Contact:

Post by bazzah »

sauron wrote:QUOTE (sauron @ Jan 12 2022, 02:39 PM) Nice job! I always seem to get mixed results when using select and mask, especially with the refine edge brush.
I really think it depends on the background. You need a solid colour background, that doesn't have the same colour as the hair. But even if you cannot get the best results from this method, you can use this way and then manually brush in hair afterwards
User avatar
sauron
HiRes Uber Member
Posts: 12541
Joined: Sun May 14, 2006 12:17 pm
Location: United Kingdom
Contact:

Post by sauron »

Bazzah wrote:QUOTE (Bazzah @ Jan 12 2022, 02:44 PM) I really think it depends on the background. You need a solid colour background, that doesn't have the same colour as the hair. But even if you cannot get the best results from this method, you can use this way and then manually brush in hair afterwards
Yep that's a good suggestion! I think I'm too lazy to paint in the hair haha
User avatar
Fidi
HiRes Uber Member
Posts: 3117
Joined: Thu Jun 13, 2013 6:07 am
Location: Ansbach, Germany
Contact:

Post by Fidi »

Nice tutorial Baz. :cheers:

Beside a good concept for an artwork the most difficult thing when it comes to designing a cover.
I personally have to say most of the tutorials on Youtube only work when your background (the one you'll cut out the hair from) is easy and only a color which gives you a good contrast to the hair.

I'm using a pen tablet everytime I use Photoshop and since a while I paint the hair by myself after a rough cut out. It might not be perfect but for me it works a lot better then all the ways described in the tutorials. :)
My MD Gallery
User avatar
VincentLupo
HiRes Uber Member
Posts: 3103
Joined: Thu Sep 06, 2007 12:36 am
Location: Olympia, Washington - U.S.A
Contact:

Post by VincentLupo »

Good tutorial Baz.
User avatar
ctaulbee
HiRes Uber Member
Posts: 8220
Joined: Wed May 03, 2006 5:03 pm
Location: The Realm of Nightmares
Contact:

Post by ctaulbee »

sauron wrote:QUOTE (sauron @ Jan 12 2022, 10:39 AM) Nice job! I always seem to get mixed results when using select and mask, especially with the refine edge brush.
Me 2!
Fidi wrote:QUOTE (Fidi @ Jan 12 2022, 11:09 AM) I'm using a pen tablet everytime I use Photoshop and since a while I paint the hair by myself after a rough cut out. It might not be perfect but for me it works a lot better then all the ways described in the tutorials. :)
That is how I get the best results as well.
Last edited by ctaulbee on Wed Jan 12, 2022 9:10 pm, edited 1 time in total.
ImageImageImageImageImageImageImageImageImageImage
My Gallery • Please leave a like and short comment if you download my work, thanks. • My Criterion Collection
User avatar
Speedz0r
HiRes Uber Member
Posts: 6167
Joined: Sat Jun 24, 2006 10:36 am
Location: Norway
Contact:

Post by Speedz0r »

Nice guide. I'm just using the pen tool, leave out some of the unnecessary edges of the hair and use a very small eraser to remove the unwanted background. It' definitely not the best way, but I feel like it works for me.
Image
Please keep my covers on this site and this site only!
User avatar
ripley
HiRes Uber Member
Posts: 3510
Joined: Wed Jul 15, 2020 7:01 pm
Location: belgium
Contact:

Post by ripley »

Fidi wrote:QUOTE (Fidi @ Jan 12 2022, 04:09 PM) I'm using a pen tablet everytime I use Photoshop and since a while I paint the hair by myself after a rough cut out. It might not be perfect but for me it works a lot better then all the ways described in the tutorials. :)
i'll second that too :p
i've used a Gaomon Pen Tablet on Amazon in 2020.
Now i have a Wacom Intuos Pro Medium, much easier to work with that than a mouse...
But hair is still a very hard work to do but, with practice and tutorials like this one, maybe one day, it will be a child's play :p

Thanx a lot Baz'
Last edited by ripley on Fri Jan 14, 2022 6:13 pm, edited 1 time in total.
Image
User avatar
bazzah
HiRes Uber Member
Posts: 23743
Joined: Wed May 03, 2006 5:03 pm
Location: Home
Contact:

Post by bazzah »

You're welcome :)
Post Reply

Return to “Tips & Tricks”

Who is online

Users browsing this forum: No registered users and 1 guest