The Ultimate Photoshop Resource

Cut out hair and difficult Images in Photoshop Tutorial


In this tutorial we are going to learn the best way to cut out difficult images from their background in Photoshop. I’m not talking about solid shapes and people against green screens. I’m talking about hair and irregular edges against less-than perfect backgrounds. You know, the kind of thing that you have to deal with in the real world, not just for tutorials. As you know, here at photoshopCAFE we are all about keeping it real and tackling real-world stuff rather than eye-candy that you can’t actually use.

For a simpler method to get you started, see  how to Cut out Photos using Quick select and refine edge method

So let’s have a stab at extracting a woman wearing a feather head dress. To make it more fun, we will use a colored background that is similar in color to the feathers… one one side, and completely different on the other side. Sound challenging enough? Let’s do it!

Watch the video right here (new), or read the step by step tutorial.


Refine Edge in CS6 and earlier We also have another method of extracting in this free video tutorial 

I have made an updated tutorial below for Photoshop CC 2019+

Making selections and cutting out hair in photoshop CC

The advanced method of making selections

Step 1

masking-1

Make a duplicate layer of the image. This way the original is preserved on the background and we are working on a duplicated layer. Hide the background by clicking off its visibility icon.  Choose Select>Color Range from the Menu. When the Color Range Dialog box open, choose the Left Eye Dropper tool and click on the background color in the image window (pink). You will see the selected color turn white in the dialog box. Move the Fuzziness slider until the image is mostly black and the background is a clean as you can get it. Tip: To add a color to the selection click on the eyedropper tool with the plus sign and click in the image. Click ok

Step 2

masking-2

With the selection active, switch to the Channels palette. Click the save selection as channel button, it’s the second one to the left on the bottom of the channels palette. A new alpha channel will now be visible. Press “Ctrl/Cmd+D” to Deselect and click on Alpha 1 in the channels palette. The main window will now turn black and white. The advantage of using a channel is the ability to fine tune the selection without effecting the original image. Black represents the areas that we want to keep and white, the areas to be discarded.

Step 3

masking-3

Notice that there are areas of gray, these would be semi-transparent and need to become solid black and white (except for areas that should be semi transparent such as soft edges). There are tiny dots also visible, there will make for a very messy selection. Here is a quick solution that I have come up with: Click Image>Adjustments>Levels..
In the levels Dialog box, click the black point slider on the left and drag it to the right until the gray areas have become a solid black, Slide the White point slider to the left until the whites are nice and clean and the grainy effect has gone. Click ok to apply.

Step 4

masking-4Time to fine tune the mask. Choose a black brush and make the edge hard. Paint over all the areas that belong in the object to mask out. Use a larger brush for large areas and a smaller brush for finer detail such as around the feathers. Use a white paint color to paint out the areas that should be removed.

Step 5

masking-5Sometimes it can be hard to guess which part of the image belongs in the foreground and a peek at the original image is needed.  Click on eye icon to the left of RGB at the top of the Channels palette (Fig 5). The original photo is now visible and the mask appears as a reddish color. Click the eye icon to go back to the mask view. The mask can also be hidden by toggling the eye (visibility icon). Keep going until you have a clean mask.

Step 6

Hold Cmd(Ctrl PC) and click on the Alpha 1 thumbnail. You will now see an active selection. Click on RGB to see the color image. Open the layers palette.

Select the working layer and add a layer mask. The masked area of the backround will now be removed to reveal a nice clean masking effect.

Screen Shot 2014-10-22 at 4.27.10 PM

If it looks the opposite, click on the layer mask and press Ctrl/Cmd+I to invert the mask. You can touch up the mask by painting with black or white to add or remove portions of the image.

At this point In am only worried about removing the pink background on the left.

Step 7

If there are areas that still need to be removes such as on the right side of this image, repeat the proceeding steps. Because each image is unique, some will need several passes and some can be done in a single pass. As you can see, this technique is very effective and the image can be dropped onto any background. Look at the top left of the image to see how precise the cut out is on the detailed feathers. Try that with the pen tool!

masking-Final

Refine Edge and Quick Selection to cut out a photo easily

How to cut out a photo quickly using quick selection and refine edge. (easy)

How to cut out photos in photoshop CC

USEFUL RESOURCES

Download Layer Blending Modes e-book:

Tutorial on Blending Modes: 

Tutorial on Curves:

Photoshop CC for Digital Photographers course:

 

Photoshop CC Selection Secrets

New Course by Colin Smith

Stop struggling with selections. Learn how to select and cut out anything from people, hair, trees, complex shapes and even transparency.
Discover how to get perfect edges, without halos and jaggies. Colin shows you exactly how in 18 lessons.
All the images are included for you to follow along.
You will be able to select and cut out anything: faster and cleaner. 

selections and masks in Photoshop CC

More info here



 


PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free


78 responses to “Cut out hair and difficult Images in Photoshop Tutorial”

  1. This is excellent–a very clear explanation of the various steps. But the background doesn’t seem that difficult to extract–it’s all a single color after all. I’d love to see steps to extract a difficult subject from a difficult background, where many of the colors are shared by both. Is that possible to do, ahem, cough, “easily”?

  2. Hi Colin, thanks you so much for this tutorial. I’m trying to clean up a graphite drawing (i.e. as a grayscale image) and lift the image from a slightly toned background to be able to print it onto t-shirts, and it’s definitely proving to be quite a challenge. I will try the tips you’ve shown here, but do you think you might possibly create a tutorial on how to mask complex drawings with shading to drop the background? Haven’t found anything like that on the web so far.

      • Hi Colin, thanks for getting back to me! Here is the image I need to transform, a drawing I just recently completed. Sending you a low res, hope that’s ok. I’m considering I might be happy with just creating a contour to the image to drop it onto white t-shirts, but am also considering dropping some parts of it so they’ll become transparent, such as the palest parts of the face and hair so I can transfer onto coloured t-shirts as well. I don’t know if that is at all possible since there is so much tonal range.

        I also want to separate the hand-drawn type and drop it onto the drawing in reverse so it’ll appear as white, possibly as a semi-transparency, though I need to try versions to decide on this.

        p.s. Anybody considering reposting this, I’m fine with that, but please do indicate the original artist’s name along with it (i.e. me)! Thanks!

          • I don’t want to turn the work into just black and white, so if that’s just the mask you’re showing me, I guess that would be what I want to do. I’ll try to find something to show you if that’s not the case. What’s for certain is I want to keep my tonal range and not posterize the image, though I suspect you already know that.

            eta: that was super fast by the way! Thanks for responding so quickly! 🙂

          • Please bear with me, I hadn’t started this drawing with the intention of creating t-shirt art until some people expressed interest in it, so as I look around I see maybe my expectations are a bit off in terms of transferring the image onto a colour background, in which case there isn’t much choice BUT to transfer it into b/w art.

            So let’s sort of start over taking it from the top:

            1. For WHITE t-shirts only I want to create a complex clipping path around the image and keep all the tonal range. A mask that will allow me to keep in all the subtle details of the fur and strokes (looking a lot like what you’re showing me above, in fact, so maybe you’ve already done what I was looking for?). We’ll forget about transparency in this case.

            2. For colour t’s, see example below for a colour t-shirt with an illustration that preserves the image, though my clipping path would need to much more subtle, but I’ll forget about dropping parts of the image, other than the strokes at bottom, which you’ve done beautifully and exactly as I want to achieve!

              • You probably want to trace it in Illustrator if you need color separations, otherwise you could color it in Photoshop and do a process print. The next step is a whole different topic. If you give me permission to use your lion, I can make a tutorial on making it into line art.

                • Interesting. I like the idea of you creating a tutorial on creating line art, though not sure that’s what I want to do for this specific t-shirt project as I really do want to use the original art with the least mechanical transformations as possible. It is intended to contribute to an awareness campaign to contribute to non-profit organizations and I have a traditional drawing series in mind. Could we take the discussion offline so I can raise a couple of issues?

                    • Maybe that would be better since I intend to make semi-commercial use of my original artwork. Back to my original question then, would you mind looking at the 2-part question I posted 2 hours ago which includes a colour t-shirt example? I’m not handy with photoshop and don’t know how to proceed to create a fine-detailed mask. Would like to know how to create a mask close to what you showed me in your 2nd example.

                    • Colin, I’m posting another sketch I’m ok with you working from, as well as a different drawing altogether, since I’m curious to see what you might do with it. If you end up using either one, would you consider giving me a credit for the original image on the site?

  3. There’s still instances that crop up every now and again where even the very best techniques don’t work, take this image for instance, looks easy right as its on a white background but you try extracting the hair without a halo and placing it on a purple background for instance. I’ve been trying this for a while now and just can’t get a satisfactory result. Any tips would be very welcome. Thanks.

  4. Hi Colin, I do night photography ( Star Trails ) and I’ve had to resort to using GIMP to extract the foreground ( Joshua Trees ). And it does a poor job i might say. I’ve been trying to figure out how to mask the foreground on a Alpha layer so I can process the background ( Stars ) but the foreground is so close in color to the sky I’m finding it difficult to accomplish my task. Hence I’ve had to use GIMP, which sucks. Is this tutorial the one that will help me with my processing ?

  5. Hi Colin, this is a great tutorial, thank you!
    I publish a free, monthly photography magazine here in New Mexico. I would love to be able to share this information with my nearly 5,000 readers, giving you full credit, of course. Would this be possible? Thank you!

  6. Hello ,
    Cut out hair and difficult images step by step tutorial in Photoshop it’s a very useful and important tutorial . This tutorial is more useful for beginner graphic designer .

  7. Masking on Photoshop really hard job and it’s essential too for a graphic designer. Thanks for sharing this excellent tutorial. You explained the steps perfectly but I think need lots of practice to make perfect output.

  8. It is excellent Photoshop image masking tutorial. It will be helpful for newbies who want to learn photo editing. Photoshop masking is not as easy as we think. It really need to practice a lot to make photo masking perfectly and only expert photo editor is needed for perfect image masking. This detailed tutorial will help to create good masking.

  9. Really this tutorial is more details step by step, so that it is easier to learn for any one who want to create something
    new in any picture by photoshop. Thanks for sharing.

  10. Photo Masking is one of the most important and heard service on Photoshop.Every designer are confused when she create a mask.I hope your tutorial must be helps for all Photoshop designer…….

  11. actually making is hard work of photoshop. but every day i am handling 70+ masking image for my client. i am expert of this work and giving service from my website

  12. please tell the smart technique or features for color correction for more than one photos for digital album making.

  13. This tutorial was fantastic! I could never figure out how to cleanly make difficult images have a transparent background. My background eraser skills weren’t cutting it here LOL. Thank you so much for this!

  14. I’ve loads of images of my granddaughters with very fine hair that require cutting out & this video is what I’ve been looking for after trying unsuccessfully other techniques. Will be putting this method to the test & report back once tried, hopefully this time with success. Thanks again for a great tutorial.

  15. Tried to use this method, but I only have Photoshop Elements 13 & the first problem is that there is no Color Range item under the Select menu. From this, can I assume this method cannot be used in PE13?

  16. Colin thanks for the tutorial man i was facing some problems but now its solved thanks to your tutorial.

  17. Photograph Masking is a standout among st the most vital and heard administration on Photoshop.Every fashioner are confounded when she make a mask.I seek your instructional exercise must be helps after all

  18. For me – a challenging tutorial. Am generally familiar with masking, the Refine-Edge tool (which I find in CS6 sometimes works great and sometimes doesn’t) and editing in Edit-Mask-Mode (a favorite) – but I’m pretty much a dummy with working with channels. I’ll need to mirror your tutorial probably a number of times to really get it, and would love to have the image you are using for this tutorial so that I can repeat your process step-by-step. If I pick an unrelated image, it will be more difficult to follow along with your process.

    Just a thought! Your tutorials are extremely helpful and appreciated!

  19. One of my biggest problems is cutting out backgrounds from photos… You have made this such an easy task… Thank you so much for the tutorial 🙂

  20. Hi this may sound silly but I cant understand you when you say your clicking a q key or something? In your notes it says to press Cmd(Ctrl PC) what is that? I have tried the Ctrl key, I have tried the windows button key and I cant get this to work for me, what am I meant to press please

  21. Excellent and informative tutorial. I just want to say ”Awesome”. Excellent work. Keep it up. Thanks for sharing.

  22. new in any picture by photoshop. Thanks for sharing.
    eally this tutorial is more details step by step, so that it is easier to learn for any one who want to create something

  23. This tutorial was fantastic! I could never figure out how to cleanly make difficult images have a transparent background. My background eraser skills weren’t cutting it here LOL. Thank you so much for this!

  24. These are some great tips. I think that it is important to get some great photographs whilst on holiday. You are making memories after all, so getting the right shot is important. Not just the usual legs on a generic beach shot that tells you nothing about the place you were visiting!

  25. Photoshop is a powerful image-editing tool that can be used to create stunning images. With its wide range of features, it can be daunting for the uninitiated. However, one of its most useful features is the ability to cut out hair and difficult images from photos. In this tutorial, we have learn essential tips. Thank you for your tutorial.

Leave a 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.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource