58683 Subscribers

Blog.SpoonGraphics

Handy Techniques for Cutting Out Hair in Photoshop

Read the article

When trimming out images in Photoshop, human hair or animal fur always proves troublesome and can be tricky to achieve a realistic look. Here are two techniques I use on images with both plain backgrounds, and those with a varied background tones, each achieving pretty decent end results.

Technique One: Images with Plain Backgrounds

The best photos are those professional studio type shots that are taken against a plain white background. These shots make it much easier to find the edges of the subject, but trimming out fine hairs can still be a little tricky. In this example we’ll be using the common Channel technique to trim out this lovely lady.

Open up your image in Photoshop. This particular image doesn’t have a pure white background, but it is a plain colour and has good contrast between the subject and grey backdrop.

Head over to the Channels palette and review each of the Red, Green and Blue channels. Each one will be made up of slightly different tones, pick the one with the most contrast between foreground and background. Drag this channel onto the new channel icon to duplicate it.

With only the new channel selected, adjust the Levels (CMD+L) to dramatically increase the contrast between light and dark areas. However, don’t go too far, as you’ll notice some horrendous pixilation appearing in the fine areas.

Due to the slight variation in tone of the background, it appears grey in the darker areas. Use the Dodge tool set to a low Opacity to target the highlights and brush over this background area to really brighten it up.

Switch over to the Burn tool and target the shadows to dramatically darken down the inner areas of the image to pure black.

Use the brush tool to finish off the blacks by painting over the remaining areas of the inner section of the image.

Inverse the image to switch over the black and white areas (CMD+I), and give a quick check for any stray areas that may have been missed by the brush.

CMD+Click the Channel thumbnail to load the selection, then turn back on the visibility of the original channels. Head back over to the Layers palette and copy the selection. Paste it on a new layer and hide the original to see the cut out image against transparency.

The selection has managed to trim out even the finest of hairs to give a realistic cut. Paste the photo against an alternate background. Zoom in and check for any light coloured fringes around the edges, especially if placed against a darker background. These can be reduced using the Burn tool set to Highlights and gently brushed over the outline of the image.

Technique Two: Images with Detailed Backgrounds

The Channels technique is all well and good for studio photography with plain backgrounds, but it gets a little more difficult on standard shots with detailed backgrounds getting in the way.

Open up your image in Photoshop. This image has a decent contrast between foreground and background, but certain areas of the hair do blend in with the darker tones of the backdrop.

Start by trimming out the clear edges with the Pen Tool, but when you reach the hair simply create a rough tracing.

Around the hair portion, aim to include only solid areas of hair that aren’t merging with the background, otherwise the lighter tones will mess things up later.

Make a selection with a feathering of 0.2 pixels to remove any harsh edges then paste onto a new layer. Reduce the transparency of the image so that the original hair line can just be seen.

Here’s where the fun begins! Use the Smudge Tool to draw in areas of new hair, using the original outline as a template. Begin with a 4px brush to flesh out the thick base hair and disguise the jaggy lines from the path. A Wacom Graphics Tablet really comes in handy here to speed up the process and help add varied line thicknesses.

The new hair will soon flesh out the image back to its original appearance. It doesn’t look too bad at this stage, but repeating the process with a thinner brush will draw in those individual hairs.

Use a 2px brush with the Smudge Tool to draw thin stray hairs in varied directions to add realism to the image.

The photo can then be placed on any background with ease, and displays a crisp cut-out with no fringing or loss of fine detail.

Subscribe by Email

Don't miss an update! Have new content delivered straight to your email inbox.

Written by Chris Spooner

Chris Spooner is a designer who has a love for creativity and enjoys experimenting with various techniques in both print and web. Follow Chris' daily design links on Twitter, and be sure to check out his second blog over at Line25.com.

85 Comments

  1. Marco says:

    Loved this one Chris – well done! It’s always a huge pain in the *** to cut out hair, but this might do the trick.

    Thanks for sharing!

  2. Anaska says:

    Thanks a lot. I too have faced the difficulty many times.

  3. Heeectooor says:

    Really useful techniques, it would be very interesting and richer if you include an example of an animal picture, maybe a a squirrel (they very tricky to cut).

  4. Great tricks, this kind of techniques are really important in photoshop, I use really often the first one, but it doesn’t work all the time so thanks!!!

  5. These look like interesting alternatives to the very annoying Extract filter. Thanks, Chris.

  6. WilhelmR says:

    This just shows there’s no magic button in photoshop. And cutting out hair with a 50 pixel blured brush won’t cut it (:P)

    Nice tutorial! wish i had a wacom… :/

  7. George says:

    First method is awesome, I’m definitely gonna use it!

  8. Max says:

    Really nice tutorial! But isn’t it easier/faster to use >select>color range for the studio photo?
    anyway thx for this very useful tut!

  9. Matt Hill says:

    The channels technique is cool, have been using that for years after learning it from the crazy Russell Brown; nice to see it published again for the next generation :-)

  10. Nice one Chris!

    Pretty awesome :) – the second technique is a novel way – don’t think I’d have thought of that!

    Thanks :) really enjoyed going through this one.

  11. very nice tip! thanks for sharing.

  12. om ipit says:

    GREAT…tips n trick here,,,,
    thanks for share…

  13. tebe says:

    thanks for sharing, great tutorial (again!) :)

  14. vik says:

    Thanks (from Italy!)

  15. Cheryl says:

    I use the first technique all the time. I’d suggest a layer mask instead of copying and pasting the selection (Load Selection> Layers Panel > Add Layer Mask. That way, you can paint and smudge the mask to refine the knockout, and it’s non- destructive

  16. I would have never thought of using the smudge tool to simulate hair. What a fantastic idea!

  17. Ryan says:

    I use the first technique most of the time with one additional step. Using the Filter>Other>High Pass filter before the levels adjustment puts a ghostly halo around the figure that really separates it from the background. It makes the selection that much easier.

  18. e11world says:

    Thanks for those tips. I used extract to do this and got some really good results before.

  19. tommy says:

    big up for chris!

  20. The second is pretty cool! I’ve seen something like this on masking fur. To many more techniques on masking I recommend Photoshop CS4 Channels and Masks authored by Deke MacCleland, on Lynda.com. ;)

  21. nOeL says:

    Sweet! Can’t wait to try these out on my next project! Thanks, Chris!

  22. Simon says:

    These will come in really handy, coz here in Hong Kong everyone’s got crazy mental Dragon Ball Z haircuts!!!!

  23. finally hair cuts……..

  24. Laura says:

    Wow it can see these techniques coming in useful for other things too, like grass and trees. I particularly liked the second technique, its a very novel idea and seems to work really well!

  25. Phaoloo says:

    Hey, cutting out hair in photoshop is one of the most difficult task. But it seems you do it without any effort :D. Thanks for the tutorial.

  26. Steven says:

    Awesome. This might actually make me do some cutting myself instead of shipping it to China :)

  27. Odaddy says:

    Awesome tut bro thanks a lot :)

  28. very clever stuff. thx

  29. Wow! This is probably one of the best and easiest tutorials for cutting out hair in PS. I love it!

  30. jaime says:

    thanks for the tips! we always just used a half-assed feather at my last job, because nobody know what else to do lol. can’t wait to try it out!

  31. Thank you so much for this! Super useful not only for cutting out hair, but for putting it back on the heads of people who, ahem, want to take off a few years – in house creatives who get stuck with ‘tweaking’ pictures of the Board: you know what I’m talking about ;)

  32. This will save a ton of time, thanks so much.

  33. Joe says:

    What a create tutorial! Oh…if every picture was only taken in front of a green screen…perfect picture everytime!

  34. WOW….!!!
    it´s is wonderfull…!!!
    Very nice men.

  35. Lovely :D Nice and easy!
    ~~
    ty for share :D

  36. mattyk says:

    Fantastic as always!

  37. Peter says:

    Cool!

  38. joanna says:

    Oh thanks! I needed it!

  39. Great Tutorial, Thanks!! I’m constantly cropping out perople for work and these will come in handy

  40. shalvius says:

    wow, thx!

  41. heymeca says:

    Wow..i was looking for something like this..This is great!

    Awesome job man!

  42. Thats mental! Cutting out hair has always been an issue for me. Not any more! Thank you for sharing :)

  43. 3pix says:

    Wow! great lesson! I didn’t know about smuge tool

  44. Covered rather well. always a pleasure to read.

    thank you

  45. trCreative says:

    Great techinque, used the first one without any problems. Thanks!

  46. dbriders says:

    great tutorial will try them out. thanks.

  47. Tareq says:

    WOW, thats is so cool i needed this so much, thanx Chris ;)

  48. kaiyum says:

    wonderful work

  49. The second method is new to me in this form but seems to be really handy. Thanx for sharing!

Comments are now closed