Advance Hair Selection Tutorial – Masking Hair In Photoshop

Advance Hair Selection Tutorial – Masking Hair In Photoshop

Hey guys, welcome back for another very excitingtutorial here at the Photoshoptrainingchannel.


My name is Jesus Ramirez.

You can find meon Twitter @JRfromPTC.

In this tutorial, we'll look at two differenttechniques to remove hair from its background.

The first technique will work with almostevery version of Photoshop, while the second will only work if you have Photoshop CS5 ornewer.

For this tutorial, I wanted a challenge.

I was looking for an Image of a person whohad some wild, frizzy hair.

I, definitely, didn't want to make this easy for you guys.

The hair in this image does not seem it will be easy to mask, but as you will see in thistutorial, this is not the case.

If you follow along, you'll soon be masking hair like nobody'sbusiness.

And before you get started, you might want to pause the video and head overto my website, Photoshoptrainingchannel.

Com, if you're not already there, and downloadthe tutorial files so you can follow along.

Okay, guys, so I'll be showing you two differenttechniques of Masking Out hair.

The first technique is going to be applicable to prettymuch all versions of Photoshop.

The second will require Photoshop CS5 or newer.

So, letme show you the first technique.

We have the image of this woman here and wehave a background.

So this is the background we're trying to place her in.

As you can see,this is not an easy job, there's a lot of strands of hair going all over the place,so it's going to take a little bit of work.

But don't worry, it's not that hard to getthis woman into the background, and so before we get started, we're going to duplicate thewoman layer and that's because we're going to use one layer per technique.

So I'm justgoing to create on the woman layer and press Ctrl J, that's Command J on the Mac, to duplicatethat layer.

And then, we're going to talk a little bit about channels, in case you'renot familiar with them, since we will be using them for the first part of the tutorial.

So, each RGB Image is created with three channelsótheRed channel, Green channel, and Blue channel.

And without going into too much detail, thesethree channels help create the final RGB Image, and these channels can also be used as Selections.

So if I press Ctrl or Command on my keyboard and click on any of these channel icons, you'llload a Selection.

And just like with Layer Mask, white are the opaque pixels and blackare the invisible pixels.

So I made a Selection on this Blue channel.

I'm going to go back into the Layers panel, and by the way, this is not really part ofthe Masking Out process.

I just want to explain to you how channels work.

So I want to Createa New Layer and I'm just going to fill it with black, and I'm going to shut off thevisibility to the Layer just so you can see how that works.

I'm going to press Ctrl D,Command D, to Deselect the Selection, and you'll see that there's black pixels and nopixels here; that's because in the– Actually, I got to bring back this woman sowe can see the channels, that's because in the Blue channel, this section was white,which means the pixels are going to show, or, actually, gray, which is why it's self-paintedblack.

And this area here is black, which means it's going to hide the pixels.

So, that'swhy we get that result there, and to see it more clearly, I'm going to press Ctrl J acouple of times, just so you can see how it's, in fact, black here, and invisible here.

So now that we know that, we're going to usethe channels to select the hair.

So, in your image, select the channel that's got morecontrast between the hair and the background.

In this case, it's the Blue channel, so I'mgoing to duplicate that channel by Clicking and Dragging that over to the New Channeliconóthis icon here.

So, now, I can work on this icon.

You never want to work on theoriginal Red, Green, or Blue channels.

You just want to duplicate them.

Now that I have it duplicated, I know thatI don't want to select this white area.

I want to select the black pixels.

So I'm goingto turn the black pixels white and the white pixels black.

To do that, I'm simply goingto press Ctrl I, that's Command I on the Mac.

So now, we can see that we can select aroundthese white pixels here.

But these pixels are too light, so we have to darken thoseup and we also, obviously, want to keep the face, so we got to make this white.

The easiestway to do that is by grabbing the Lasso Tool.

You can just press L on the keyboard if youlike, and just go around this area here, and we can fill that with white.

And I'm goingto press Ctrl D, Command D to Deselect.

I'm going to press B on the keyboard for my BrushTool and I'm going to paint with white around the shoulder here and the other shoulder,and I'm not going to take too much time since we're mostly worried about the hair, of course.

Okay, so now that I painted everything insideof here white, I have to turn everything in the outside black.

The easiest way to do thatis by going into Image, Adjustment, Levels, and I can bring in the levels to the right,like so, making these pixels darker.

Now, you see these strands of hair here? You wantto make sure that you don't go too far and get rid of them.

You got to find that balance,so, maybe, somewhere around here, so you can still kind of see them.

We still have theones on the top; you still have the ones on this side.

So just press OK when you're done.

And now, we're going to use the Burn Tool,and we're going to set the range to Shadows and the Exposure.

We're going to keep thatvery low.

At 6% we'll be okay, and, as you can see, it will make the dark grays black,but if you paint on white, nothing would happen.

So when we start painting around this area,you'll see that it will leave the strands of hair intact, but it will make the backgroundblack.

So, it's going to do something like this; up here as well, and on this side, andI'm, probably, going a little faster than I normally would, just because I want thistutorial short.

So now that we've done that, we can, probably,go into the Image Adjustment Levels menu one more time and make it a little bit darkerhere.

Well, that's a little too much.

Maybe we'll make the mid tones just a little bitdarker; something like that, and then press OK.

Now, we can press Ctrl Command on theChannel icon here to make a selection out of the Blue channel copy.

We go back intothe Layers panel.

I can add a Layer Mask here.

Now, I'm going to shut off the visibilityto this Layer and if I bring up the bathroom background layer, you'll see the good jobthis did.

I'm going to Zoom In, just so you could see.

We did a pretty good job at selectingthe hair.

Now, there's a few problems that I'm goingto show you how to fix in a moment.

There are areas where I wish there was more hair,there was more density.

So what I want to do is select the woman copy and we'll justcall this "hair," just so we know what we're working with here.

We'll call that later "hair.

"And I'm going to press Ctrl J.

You'll notice that when I did that, it added more densityto some of the areas, like here and here, and this is looking pretty good.

So, anotherthing I can do is Create a New Layer, Select the Eyedropper Tool, and pick one of the darkerbrowns here, so, maybe, something like that.

Then press Ctrl Command on the Layer Maskhere to make a Selection out of that Mask, and I can fill that Mask with my foregroundcolor by holding Alt and Backspace.

That's Option and Backspace on the Mac.

I'm goingto press Ctrl D, Command D, to Deselect and I'm going to use this Layer to fill in someof the strands of hair that you see here on the bottom.

So I'm going to create a LayerMask by clicking on this icon here.

But before I do so, I'm going to hold Alt on my keyboardand that's going to create an Inverted Mask because I was going to hide everything.

Now, keep in mind that the pixels are onlywhere the Selection is, so we don't have to worry about staying within the lines.

So I'mgoing to enable the Layer again, and if I paint with the Brush Tool with white, you'llsee how the strands of hair started showing up, but let me Zoom In just so you can geta better view of that.

See these strands of hair? They're just slowly appearing, and Igot a little bit of the shoulder there, so just be careful when you're doing it.

I'mnot going to take time to delete it, because if you go too far into the image, you'll startcoloring, you'll start painting that color inside the image and you don't want to dothat.

So just be careful.

Anyway, so I'm just going to go around theimage, and I'm just going to bring some of those strands of hair back that got lost,like so.

Right over here, like so, and we'll get a few more up here.

So look at that.

Thatlooks beautiful.

And you know what? If you want to be more realistic in your image, I'mjust using one solid color just to show you how it works, but you can, obviously, pickdifferent colors that match the hair color better.

So, notice up here, when I paint itover, it doesn't really match, so I could do several things.

I could either choose anothercolor and then paint with it, or I could even use the Clone Stamp Tool and try to clonesome of those in there, but I'm not going to take the time to do that.

Feel free todo so in your image if you want to.

And, by the way, just now, I noticed I made a smallmistake when I was painting.

When I chose a different color, I was actuallyin the Layer Mask, not in the Layer, so when I painted it, I painted the same color, obviously,because I didn't move over into this layer.

But anyway, I'm sure you get what I'm talkingabout.

So I'm going to continue doing this and I'm going to go a little bit faster soI can show you the other technique if you have Photoshop CS6, actually CS5, CS6, orCC, and there we go.

And I got a little bit over the shoulder, so, actually, I'll justUndo that and paint again.

So, as you can see, this is the final image,and notice how it almost looks like she's really there.

Look at that hair.

I think itlooks great.

And it didn't take us that long to do this.

It took us so far about 9 minutesor so, but I've been talking and showing you channels and stuff like that.

If I wasn'texplaining how things were done, I could, probably, do this in just a couple of minutes,and I'm sure you can as well, as long as you remember the steps.

So I'm going to put allof these into one folder and Iím just going to call this folder "Channel" to remind usthat we created this extraction using the channel panel.

So, I'm going to do the samething again, but this time, I'm going to use a tool that I believe started in CS5.

I couldbe wrong.

If I am, just feel free to leave a message and tell me in what version it started,but I'm going to create a quick Selection with the Quick Selection Tool.

Oops, sorryabout that.

I'm in the wrong folder or Layer here.

I should have been in the woman layer,and I'm just going to press Ctrl Z to Undo all that and make sure I'm in the woman layer.

And I'm going to make a Selection around her using the Quick Selection Tool, but I needto make sure that after I'm done with the Selection, I go and remove some parts.

These parts, here, where there's no– andI'll Zoom In just so you can see, where there's no large clumps of hair, or just a few strands,we got to remove that.

So I'm going to hold Alt, and notice on the brush, when I holdAlt, you get a little minus sign.

Hold Alt.

When you see the minus sign, just Deselectthose areas like there and maybe here, and here.

Essentially, any area that's got thatgray because there's not enough hair to cover the entire background, so maybe these areashere, here, and, actually, I have to add the shoulder.

Okay, so I'm going to Zoom out,and, by the way, when I Zoom Out, I'm holding the Alt and using the mouse to Zoom Out orZoom In, and that's Option on the Mac.

Okay, so now that I got this Selection, Ican click on the Layer Mask icon and create a Layer Mask around that, and, obviously,this is not looking as good as the other extraction yet, but what we're going to do now is clickon Mask Edge, right here on the Properties for the Layer MasksóMask Edge.

And this isthe tool here, the Refined Radius Tool.

I think that was added in CS5, and as I saidbefore, if I'm mistaken, just leave a message down below and let everybody know what versionit started in.

Anyway, so, with this tool selected, I can change the size of this brush.

So for this particular case, something around 92 should work okay, and I'm just going tostart painting around the selection where the hair is, like so here, and notice thatI'm going really fast.

You don't have to be exact at all at this tool; you can just paintfairly quickly, like so here, okay? And then, just let go.

And look at the wonderful job this tool did.

It just pretty much got rid of everything that was gray.

When I press OK, I'm goingto Zoom In and you can see it did a terrific job.

And we can do what we did before withthe other tool.

Iím going to Zoom Out, and I can press Ctrl J to duplicate that Layer,to add more density, like so.

And I, of course, can create a Selection around the hair byclicking Command or Ctrl on the Layer Mask icon.

If I make the selection I can createa new layer, fill it with that same brown we were using before.

I don't need to selecta new color since we're using the same image.

I'm going to press Ctrl D to Deselect.

I'mgoing to create a new Layer Mask on that Layer, too, but I'm going to hold Alt to Invert theSelection, as we did before.

Press B on the keyboard to bring back my Brush Tool, andwith white, I can continue painting on those strands of hair to make it more [inaudible00:14:53], as we did before.

So as you can see, we're bringing some ofthose strands of hair back, and I'm sure you're looking at this right now and thinking, "Wow,I never thought I would be able to extract an image that look like this," but I purposelytook an image that had some really, really gnarly hair, so you could really see the possibilitiesof extracting hair with Photoshop and how easy it is to do.

For some reason, a lot ofpeople think it's hard, but it's really not if you know the steps, and, again, I'm goingfaster than I normally would, and I would, probably, select different colors and tryto match the highlights and all of that, but I don't think it's necessary.

I just wantedto show you how to make that selection.

So, I'm going to grab those and turn them intoa Group, and this will be "Refined Edge" because that's the tool that we used to create theSelection, and you can move her around and you see that, you know, she pretty much looksgood everywhere she goes.

Now, when you're working with your image,and remember that the background has a lot to do with how your image looks.

So a lotof times, some backgrounds would just not work, just because of the lighting and thetexture on the background.

So, don't feel too discouraged if your image does not lookas good as you're intending it to.

I'm actually going to finish up the tutorial with one thingthat I was not planning to do.

I'm going to click on the top layer here.

I'm going toadd Photo Filter, just so the entire composition has the same tone.

It makes these two imageslook as if they belong together.

So that's one little trick there for you.

After youfinish up your composition, just add a Filter.

You can do a warming one, a cooling one.

Inthis particular case, I just think the regular warming filter works, so as you can see, itjust sort of makes everything look like it belongs, and you can bring the Opacity down,if you want.

But in this particular case, I think, 100% works fine.

So, thank you for watching.

I hope you enjoyedthis tutorial.

If you have any comments, leave them down below.

Also, remember to go to mywebsite and enter your email on the sidebar, so you can become a Photoshop Training Channelnewsletter subscriber and receive email notifications every time I put up a new tutorial, and, also,receive subscriber only tutorials.

Thanks for watching and I'll talk to you guys againnext time.

Source: Youtube