Cutting Out Hair

User avatar
Kernie
HiRes Uber Member
Posts: 5395
Joined: Sat Nov 24, 2007 3:52 pm
Contact:

Post by Kernie »

Today we're going to learn how to extract an image with a lot of wavy, flowing hair from its background. This only really works well if your subject is against a flat colored background, it probably won't do you any good if your model is standing in the middle of forest or some other busy backdrop.

Before we begin, make sure you have a basic knowledge of Photoshop (working with Levels, Hue/Saturation, and Layers) and some idea of Layer Masks and how to create a Layer Mask using Photoshop's "Quick Mask Mode" feature.

Okay, so open your hairy image in Photoshop ( :D :D :D ) and duplicate the layer so that you have the original layer underneath the layer that we're going to turn into our mask.

[attachment=16618:01.jpg]

On the upper layer, go to Hue/Saturation and start dropping the Saturation and Lightness on all of the individual color channels. This is almost the same as running the Black & White filter or dropping the Master saturation, but I've found that controlling each color channel separately darkens everything just a bit more and it works better when trying to create your mask.

[attachment=16619:02.jpg]

Okay, after you've dropped the Saturation and Lightness of every color channel (Red, Yellow, Green, Cyan, Blue, and Magenta), you may want to adjust the levels, just to help crush the Blacks and brighten the Whites a bit more. Adjust the Black and White arrows on the Levels graph until you think you've got a fairly good amount of solid Black and White in your image (don't go too crazy because it will start to pixellate the edges of your model).

[attachment=16620:03.jpg]

Then, using the Burn and Dodge tools, Burn the Shadows (this will darken dark gray areas of your image) and Dodge the Highlights (this will brighten the light gray areas of your image), bringing you one step closer to having a black silhouette against a white backdrop.

[attachment=16621:04.jpg]

After you have Burned, Dodged, and adjusted the Levels as much as you possibly can, take a Brush and paint in (with flat Black) any areas that Burning/Dodging didn't take care of. This might involve some zoomed-in scrutiny of the image, depending on how perfect you want your mask to look. You also have the original image on the layer below, so you can toggle the mask layer on & off to determine what spots need to filled in with black. You also might want to tweak the Levels again, just to brighten any remaining light gray areas and darken any dark gray spots.

[attachment=16622:05.jpg]

Now that you have a black silhouette against a white background, we're ready to create your mask. Invert the colors so that the model is white and the background is black and then Select All to select your entire canvas (*selecting the entire canvas is important when creating the mask, so don't just select a portion of the work area). With the entire canvas selected, Copy the selection (on mac: command-C, on PC: control-c... I believe :shrug: ).

[attachment=16623:06.jpg]

Now it's time to enter Quick Mask Mode. The button for Quick Mask Mode is located at the bottom of your Toolbar, just beneath the Color Picker. Click the Quick Mask Mode button.

[attachment=16624:07.jpg]

Select All to select your entire canvas again and Paste (on mac: command-P, on PC: control-P). Remember, it's important to Select All or else what you paste might not align properly to the original image. Once you paste the silhouette within Quick Mask Mode, you'll see how the black areas become a deep Red color (this indicates the areas that will be masked out).

[attachment=16625:08.jpg]

Exit Quick Mask Mode by clicking the button on the Toolbar again. You'll see that after you exit, the white area of your mask is selected.

[attachment=16626:09.jpg]

With the area still selected, hide your Mask layer by turning off the "Eye" in the Layers palette and select your original full-color image layer.

[attachment=16627:10.jpg]

Create layer mask on your original image layer (you may need to make sure this layer is unlocked and not set to "Background," usually double-clicking on the layer will allow you to unlock it by bringing up a "New Layer" window). To create the layer mask, you can go to Layer>Layer Mask>Reveal All or click the "Add Layer Mask" button along the bottom of the Layers palette. The mask will drop out the background leave you with something like this (the White/Gray checkboard in Photoshop indicates a transparent background, if your Preferences are set to display transparency this way)...

[attachment=16628:11.jpg]

Find a new background and put it behind your model...

[attachment=16629:12.jpg]

If you notice that the hair has a "halo" around it isn't quite as crisp as you'd like it, you can duplicate the layer and paint Black onto your Layer Mask to isolate the edges of the hair on one layer, and the body on a separate layer. Set the hair layer's Blend Mode to "Multiply" and place it beneath the Body layer and above the background layer.

[attachment=16630:13.jpg] [attachment=16631:14.jpg]

Turn on all the Layers and you should get something like this...

[attachment=16632:15.jpg]

Is this a perfect extraction and will it work on all images? Absolutely not, but I hope this gives enough info to help folks who may have been struggling with cutting out hair (don't try to do it manually with the Pen Tool or Lasso, you'll go nuts!). If you're a perfectionist, you can go over the masks with a fine-toothed comb and fix any areas where this whole process didn't quite work properly, but often times, the above extraction will be sufficient.

I hope this was informative. Any questions or comments (if something is unclear or you need further explanation), just post a reply in the thread below.

Enjoy!! :D :D :D
You do not have the required permissions to view the files attached to this post.
Last edited by Kernie on Thu Jan 14, 2021 11:31 pm, edited 1 time in total.
User avatar
Demonology
HiRes Uber Member
Posts: 1546
Joined: Mon May 22, 2006 11:16 pm
Location: Wales,United Kingdom
Contact:

Post by Demonology »

Nice tutorial Kernie will keep this in mind for future reference.
User avatar
Paris
HiRes Uber Member
Posts: 3257
Joined: Sat Sep 19, 2009 6:40 pm
Contact:

Post by Paris »

Perfect mate, great tutorial!
My gallery: HERE
User avatar
MrHenryDog
HiRes Uber Member
Posts: 1968
Joined: Sat May 13, 2006 7:43 pm
Location: England
Contact:

Post by MrHenryDog »

Nice tutorial kernie, will give this a go
Sorry for my English, i'm from Leicester innit?
User avatar
felipe-11
HiRes Uber Member
Posts: 1622
Joined: Sat Dec 15, 2007 1:49 am
Location: Washington DC
Contact:

Post by felipe-11 »

Great tut Andrew, thanks!

But now what if the image background is a forest or something busy? Any tips on that or should we just try hard to avoid them :grinod:
User avatar
Kernie
HiRes Uber Member
Posts: 5395
Joined: Sat Nov 24, 2007 3:52 pm
Contact:

Post by Kernie »

felipe-11 wrote:
QUOTE (felipe-11 @ Jul 16 2011, 08:10 PM) <{POST_SNAPBACK}>
Great tut Andrew, thanks!

But now what if the image background is a forest or something busy? Any tips on that or should we just try hard to avoid them :grinod:

Then you're f***ed!!!!

You may be able to brighten the greens of the forest and darken the others, but try to avoid complex backgrounds whenever possible, or you're going to need to use the pen tool or lasso to extract the non-hair parts and use a hair brush to recreate the hair as best as possible.
User avatar
MrHenryDog
HiRes Uber Member
Posts: 1968
Joined: Sat May 13, 2006 7:43 pm
Location: England
Contact:

Post by MrHenryDog »

Thanks Kernie, from this I worked out how to do it in paintshop, need some fine-tuning but not bad for a first try
You do not have the required permissions to view the files attached to this post.
Last edited by MrHenryDog on Sun Jul 17, 2011 8:45 am, edited 1 time in total.
Sorry for my English, i'm from Leicester innit?
User avatar
bazzah
HiRes Uber Member
Posts: 23743
Joined: Wed May 03, 2006 5:03 pm
Location: Home
Contact:

Post by bazzah »

Great stuff Kernie! For those wondering about complex backgrounds, you would need to draw the hair in yourself.
User avatar
JollyRoger
HiRes Uber Member
Posts: 13911
Joined: Thu Aug 16, 2007 11:43 pm
Location: Denmark
Contact:

Post by JollyRoger »

Bazzah wrote:
QUOTE (Bazzah @ Jul 17 2011, 02:27 PM) <{POST_SNAPBACK}>
Great stuff Kernie! For those wondering about complex backgrounds, you would need to draw the hair in yourself.



Precisely. Not all pictures I normally use are promo pics. For those busy pictures a good hair brush (in several colours (highlight area colours/shadow area colour) taken from the characters hair) on several layers both beneath and above the image masked is essential.
I use several hair brushes, but prefer Ron's (from the Ron's series of different hires brushes).
Last edited by JollyRoger on Sun Jul 17, 2011 5:29 pm, edited 1 time in total.
A designer knows he has achieved perfection - not when there's nothing left to add - but when there's nothing left to take away

- Antoine de Saint Exupéry

https://www.hirescovers.net/gallery/thu ... &uid=15084
Post Reply

Return to “Advanced guides”

Who is online

Users browsing this forum: No registered users and 0 guests