Transcript:
Hello, and welcome to how to style hair and beards in Photoshop. Hello, and welcome to Phlearn. My name is Aaron Nace. And you can find me on Phlearn dot-com where we make learning fun. Today’s episode is all about hair. We’re gonna show you some stunning techniques to fill out existing hair and beards. You can also shape hair as well as add. New hair included in this episode is a custom. Photoshop brush that you can download on Phlearn calm as well as a sample image to practice, we had a great tutorial. Let’s jump into Photoshop. The first thing we’re gonna do is use our pen tool to create an outline of where our subject’s hair is going to be. So let’s go ahead and start off with our subjects. Head up here, We’re gonna click and drag with the pen tool there. We go now if you find you need any help at all with the pen tool. Check out our Pro tutorial. How to master the pen tool in Photoshop? We even have free tutorials on the pen tool. So the pen tool is basically just clicking and dragging. This is how we’re going to wind up, making the shape of the hairline and the beard of our subject. There we are, let’s click and drag that to create a little bit of a curve there. I’m going to hold alt or option to simply just drag this up and there. We go follow along now. The great thing about the pen tool is that you are not really restricted at any point to the original shapes that you can make. You can change them at any time. It’s very, very easy to do. We’ll show you how to do that. In just a second, there we go first. I just want to make sure I outline my entire subject’s. Hair line there. We go so this is what I would consider like our proof of concept stage. So my suggestion here is to zoom out. Okay, we’re gonna make a new layer and now with the pen tool still selected. I’m gonna right, click, and we’ll go to make selection. We’re just gonna feather this by about five pixels and hit. OK, now what I’m gonna do is just kind of rough in what the hair and beards are gonna look like. I’m not super! I’m not trying to do to any detail work. I just want to know. Is this the actual shape that I want to go with? So I’m just gonna simply grab the brush tool. Be for the brush tool, lets. Choose our sample color here. So I’m going to sample the color from the hair. I’m gonna hold Ctrl or command and hit H. That’s just gonna hide our selection and then I’m gonna paint in here with this color. So we’re just gonna again paint in with this color, and my goal here is not at all. This is not supposed to be final, okay. This is not going to be. Hey, this is what the hair looks like. This is just for the shape. Okay, just for the shape. If I like the shape, I can continue moving forward if I don’t like the shape, not a problem. So in this case, you’ll see. I’m gonna hit Controller Command H again to unhide the selection. We selected out the hair, but I also want to add a little bit of a line in here. Okay, what I’m gonna do is go to select and down to inverse flips. My selection We’re gonna hide this and now. I’m gonna sample his skin color instead of the hair color, and we’re gonna paint this back in there to get that line going. There we are and again. This is only for like visualization purposes. I’m not at all gonna gonna make this final. I just want to see like do. I generally like the shape and you want to be fairly zoomed out to see, you know, like if you know if this works for you, so I think we’re looking pretty good. I think the angle here and here we can. We can just smooth those a little bit there, and I think this we need to bring this up a little bit here. So now that we’ve kind of like filled this in, that was just so quick and easy to do, lets. Go back to our pen tool and we’re just gonna change our path a little bit, so let’s click on our path there. We go, then you want to make sure you hit your pen tool so? P for the pen tool and then hold ctrl or command and just simply click on any of your points. So for instance, we said this one. I want to smooth out a little bit. I’m gonna hold alt or option and click and drag there and we’re just going to turn that into a point from a point to a curve. Same thing here, click and drag out from a point into a curve, okay. We mentioned we want to bring this up a little bit higher, so let’s hold ctrl or command and click there. There we are, and I want to kind of bring that out a little bit too, and there we go perfect and that’s looking really good, so we’re using the information from the last selection. Let’s just do this one more time. We’ll make selection. We’ll feather it by 5 pixels on my new layer there. We go kind of paint this in and see how that looks alright. I think we’re looking really, really good. So that whole point was to just save you time because you don’t want to go in here and outline the hair and beard and everything like that and then realize you don’t like the shape later. So I recommend doing that set now. We haven’t wasted any time because we need our pen path to move forward. Because that’s what’s gonna outline our hair. Our next step here is to actually create a realistic brush that looks like hair jumping into. Photoshop we’re just going to make this layer invisible. There we go and we’re actually going to use the pen tool to create a single hair, so let’s double click here and call this hair outline, just saving our existing pen path. We’re gonna make a new pen path and I’m gonna make this look like hair, So we’re just gonna kind of click there there. We go and something like that. We just want a little bit of some variation. Maybe let’s hold ctrl or command there. We go! That looks pretty good. Actually, that looks like an individual hair. So what we’re gonna do now is? I’m gonna go to back to my layers. We’re gonna create a new brush, So let’s just hit B for the brush tool. We’re just gonna make a small small brush with a hardness of about 50% So let’s go bring our hardness to 50 and lets. Bring our brush down to like, Oh, let’s say 4 pixels in this case. There we are now. The next thing I want to do is go to window and down to brush settings. We want to make sure to turn on shape dynamics super important here, and we want to make sure that the control says pen pressure, okay. What that’s gonna make it do is it’s gonna start off small and get larger and get smaller again now. I am using a pressure-sensitive tablet, but you don’t need one for this technique. In fact, I’m going to just use the mouse here, so we need to create an individual hair. If I just use my mouse, you can see that does not look like hair. But our pen tool will actually allow us to stroke this pen path with a brush and simulate pressure. So we’ll show you how to do it. Let’s go to our paths. We’re gonna right. Click hidden here and go to stroke path. It’s gonna stroke that path with my brush and simulate pressure, so let’s hit. OK, and just click off of that real quick and we can see. In fact, it did start off small and get larger and get smaller again now in this case. I think it was just a little bit too large in the center, so I’m gonna make my brush a little bit smaller and let’s bring our minimum diameter up and let’s try stroking that path again. Click off there and see there’s our individual hair, and that actually looks great for an individual hair. How do we turn this individual hair into a custom brush that we can use to paint more hair on our subject? It’s actually very easy to do, and we’re going to include this hair in the download for this tutorial, so let’s grab a solid color fill layer. We’re gonna go all the way up to white and put that right under my individual hair. Now what we have to do is make a selection. I’m going to use my marquee tool to make a selection around the hair. We’ll go to edit down to define brush preset and well. Just call this hair 0 1 there. We are now at this point. We’re looking pretty good. We’ve got hair. Oh, 1 let’s go ahead and create a new layer and hit B for the brush tool and see what this looks like again. I’m just gonna use my mouse to show you. You don’t need a tablet now. Harro, one at this point just looks like this. The individual hairs. They’re looking pretty good, but we need to do a little bit more work with our brush settings, go to window and down to brush settings. Make sure that’s checked. First thing we’re gonna turn on is our shape dynamics, and we’re gonna bring our size jitter all the way up. Some of these will be larger. Some of these will be smaller. We’re gonna flip our X jitter as well. There we go and we’re also going to flick our Y jitter now. This is just making this more and more variable, so it’s going to look more natural. We’re gonna give a little bit of an angle jitter as well. There we are, and we’re gonna add some scattering both axises and just a little bit of scattering, and now we’re starting to get something That looks like hair. If you want it to be more dense, you can decrease your spacing. If you want it to be less dense, you can increase your spacing, so we’ll start right about here. Get the hair, nice and dense, so let’s go ahead and save this out and we’re gonna include this in your download. We’ll go right to our menu here. We’ll go to new brush preset and we’ll call this hair and beers there. We are now that we have our hairbrush. We’re ready to reactivate our selection and then fill that hair in, so let’s go back to our paths dialog now. Here’s the pen path for my hair outline. We’re gonna right. Click and go to make selection and this time. We’re gonna feather this radius by zero pixels. Now this will give the edge of the selection, a hard edge in just a second. We’re gonna use a quick mask and a Gaussian blur to soften that edge. It’s a very great technique. Let’s hit OK and go back to our layers now. I’m gonna hit Q for the quick mask. You can also hit this button right here. In your tool menu? A quick mask will simply turn a selection into an editable mask. Now, in this case, you can see. This is a selection. Q this is the quick mask. In this case. What my goal is to blur the edge of my selection, Just a little bit and the reason is. I want it to look more realistic and fit with this photograph, so we’re gonna go to filter down to blur and over to Gaussian blur, and I’m gonna choose my blur. Now now the reason. I’d like to do this rather than just choose feather edge when I make a selection in on my paths, so I can see what I’m doing. I have a very good idea of what a 27.5 radius looks like versus a 5 radius. There’s a lot better more information when choosing your blur here. So this is my preferred technique when blurring any selection. I prefer to do this in a quick mask. There we are now! This actually looks pretty good. Let’s go to 6 pixels blur, and that does look pretty good. It looks like it fits with our image as a whole, so let’s hit. OK, now we’ve blurred the edge of our quick mask. I’m gonna hit Q again and it’s gonna transfer back to my selection, so we have this as our selection. My next tip is to hit Ctrl or command. H which is gonna hide our selection temporarily. Now if this is your first time hitting ctrl or command H. It may ask you to hide Photoshop or hide. Extras, hit, hide extras. So we actually are ready to start painting this hair so on. I layer here. We actually don’t need any. Does any of these other layers, so we’re just going to delete them for now? Click on all those and hit delete on this new layer. Were gonna hit B For the brush tool. We’re going to use the brush that we just made. I’m gonna sample some hair color here, and we’re gonna simply start painting in right here where our subject’s hair is now off the bat. I’m seeing we need to just increase our spacing a little bit. The hair is too close together. There we are, that’s looking good, and we’re gonna need to increase our scattering just a little bit because the hair is again. A little too close together. We want it to kind of fill in naturally, that’s. That’s the goal here now. I’m actually picking hair from these existing image, I’m picking the color of the hair from the existing image by holding alt or option on the existing hair. There we are and you can see we’re able to just kind of fill this in really naturally, okay, and that actually looks pretty good for the first layer of our beard now. I say first layer because you’ll want to make sure you do this. In a few different layers, for instance, we have one color of beer hair. Going on, you know what we’re actually gonna do one more thing, which is actually pretty cool. The last thing we’re gonna do is. I’m gonna bring in color dynamics and we’re gonna bring in brightness jitter, and that’s gonna make some of these hairs brighter and some of these darker. Okay, we’re gonna go ahead and apply this particular color there. There we go so as I paint, you’re gonna see. We just have a little bit here. We are just work on our settings, just a little bit, all right, there we go and we’ll just bring in a little bit of saturation jitter as well. So some of these hairs each. Basically, my goal here is. I want each of these hairs to be a little bit different as I make them so now. Each of these hairs is a little bit different, lets. Go ahead and zoom out here. I’m gonna go to my brush tip shape, and we’re just gonna change the angle of our brush to kind of fit in with what we’re doing here there. We are, that’s looking really nice, lets. Just make our brush a little bit larger, and you can see that each of these hairs is just a little bit different. Make our brush a little bit smaller. All right, and lets. Choose a little bit of a brighter color here for the hair after all, hair is incredibly varied. So you don’t want it to all. Look the same there we go, and that’s starting to look really good now. That looks pretty good for our first round here now. My next round we’re just going to add a little bit of a dark area into the beard as well because we want to add a little bit of depth, so let’s create another layer. We still have our selection active. We’re just gonna choose a darker color. There we go and we’re gonna kind of bring this in as a little bit of a darker color. Now here’s a great tip. I’m gonna hit ctrl or command L for our levels and here with our levels. I can choose my dark point to get either darker or lighter, So this is gonna help me just blend in with the rest of the image. That looks okay. I’m gonna get cue for my quick mask again and I’m just gonna paint right over here because I want. I want to be able to kind of fade this in with the rest of the beard. All right, let’s hit. Q for a quick mask again and kind of fade that in so that looks pretty good, so we can see we have our first layer starting to look good. Our second layer adds a bit of realism. We can just lower the opacity there. Let’s create one more layer and this time we’re gonna add some highlights. There we go so. I’m pulling in the like natural highlights from this image. There we go and just kind of placing them right back over there where they might get some light. Now that’s a little too visible. We’ll, just lower the opacity, and that’s starting to look a little bit better. Okay, now last we’re just gonna grab the skin color here, and I’m just gonna paint in a little bit of skin color. There we go same brush by the way, Same beard brush, just a little bit of that skin color. It’s gonna kind of fade that in a little bit more, and we’re just gonna lower the opacity. Here just helps to make it look a little bit more realistic okay now. All of this looks great, and we did all this with the same brush. Let’s go ahead and just we did some changes to the brush. I’m gonna go to new brush preset and we’re gonna call this here and feared. Oh, -, so this is my new hair and beard brush. Now, remember when we first created our path. Let’s just go ahead and click on our path again. We defined the beard, but we also defined the area in the part up here, so now it’s time to inverse our selection and take care of our part. Let’s go back to our layers. We’re gonna create a new layer here. I’m gonna hit B for the brush tool and this time, remember? I’ve got my hair and beard, o -. I can get back to that at any time now. I’m just gonna go back to a regular layer here and we’re gonna start painting. Now you want to make sure to inverse your selection. You’re gonna be painting like that. Okay, so we’ll go to select and down to inverse there we go and now instead of selecting the hair area, it’s selecting the skin area, so we’re gonna use our brush tool at a pretty low flow flow of about 20% we’re gonna hold alt or option and sample this color from our subjects skin and then paint that back in there. Okay, so I need to kind of define this part, Just a little bit better, right, so we’re kind of painting that back in there. There we go and that looks pretty good, alright? I just painted over his eyebrow a little bit on accident, so we’ll just erase that away. There we go, so we’ve taken care of that part. Now we’re gonna inverse our selection again. We’re gonna create a new layer. Let’s go back to our other hair and beard brush and let’s just fill this in a little bit and make it look a little bit more realistic now because we have a little bit of a blur on our there. We go because we have a little bit of blur on our selection. It’s gonna allow us to kind of like. Add this hair right to the edge there, and you know what? I’m actually gonna do select, so let’s hit ctrl or command. D let’s make our brush smaller. I’m gonna turn off scattering here and we’re just gonna go right to the edge. There we go lets. Choose our brush tip shape. We’re gonna just change our angle a little bit because I just want to get a little bit of there we go. I want to get a pretty natural bit of hairline going on there. All right, you can even grab some of the skin color there and kind of paint it in here. It’s just gonna help it. Make it look more realistic. Basically, that’s at the end of the goal at the end of the day. That’s that’s my goal! We want this to look realistic. Now it’s a little too sharp for this picture, so we’re gonna need a blur it, but you can see there’s the before and the after so the before just kind of looks like a blurred mess the after you can see, it’s getting to be a lot more realistic, and we’re definitely looking better. We’re almost done. Our last step is to add a few flyaway hairs with a small brush, so lets it be for the brush tool again. Now you can choose to use this hair and beard brush. I’m just gonna go back to a regular regular brush. Here we’re just gonna choose a small brush again about 50% opacity. And I’m gonna choose my brush size to be. We’re gonna go 3 pixels now here. I’m just gonna kind of go in here and zoom in sample some colors, and we’re just gonna kind of paint something like flyaway hairs and this is. Just, you know, these are hairs that just don’t follow the rules, right, and that’s that’s gonna just help everything. Look more realistic! You know, you don’t want it to be just too too perfect or it’s just gonna look fake. Alright, so you can see here. I’m just kind of painting in these are just like. Hey, these are the hairs that are doing their own thing. Alright, and I am on a new layer, so we can kind of see how that works there. I did the same thing up there as well. Alright, let’s go ahead. Looking good, make that visible, grab some beard hair there. See, these are just like they’re kind of doing their own thing. A little bit there. We go! If you don’t like something. Just erase it, cuz. We’re on we’re on, you know, a new layer here. Grab a couple like super light hairs there, and that’s not necessarily to say that this person has white hair. It’s it’s more for catching light and making that look realistic there. We go so just a few more flyaway hairs. Grab some skin color and kind of paint it in down here, grab some beard color and painted it up there, just adding a little bit more randomness, and that randomness is what’s gonna make it look realistic. Okay, so let’s zoom in and well. Just turn this off and on so you can see. This looks like pretty calculated pretty. All the hair’s going about the same direction. Turn this back on and we can see, you know, it’s looking looking. Just a lot more random and a lot better. So this is just individual little brush strokes, okay. Now we’re actually looking really, really good. Let me go ahead and take all of these layers, so you can see there’s our before and after with the hair, we’re gonna go ahead and take all those layers and merge them together. We’ll hit ctrl or command E to merge them together. Okay, and then? I’m gonna put a layer mask on this layer. There we go and we’re gonna paint black on our layer mask over top of, for instance, the glasses or any other area? We don’t want this to show up now. We’re almost done the last thing we want to do is match the resolution of all that hair to the image itself. We just need to blur it a little bit and add a little bit of noise to make the hair really just blend into the image, so we’re gonna start by converting this layer into a smart object. Well, right, click on the layer itself, go to convert to smart object, and then the first thing we’re gonna do is add a blur. We’ll go to filter. We’re gonna go to blur and I’m gonna go down to box blur because it’s my favorite blur, okay, and a blur of two pixels Looks pretty good, let’s hit! OK there now. The reason we made this? A smart object is check this out. I can take my blur off and on at any time, very cool. I can even double. Click here on this box. Blur and decide to give it more or less of a blur at any time. The next thing we’re gonna do is add a little bit of noise. We’ll go to filter down to noise and over to add noise there. We go unclick monochromatic. We want a little bit of color noise. And this is again you too much. Obviously it’s gonna start to look super fake, but just a little bit of noise is just gonna kind of help. Blend it in with the rest of our image. Alright, in this case, we’ll choose about five percent noise. There we go so again. Let’s just zoom in and we can take it. Look at turning this noise off and on you can see. It just helps blend in with the rest of the image and all in all, make the image look more realistic, and there we have it. Let’s take a look at our before, and after here’s our before and the after that’s all There is to styling hair and beers in Photoshop. Don’t forget you can download the brush. We use in this episode as well as this sample image, so you can follow along. Just click on the link right down below, and if you want to learn more about cutting out hair in Photoshop, check out our Pro tutorial how to cut out hair in Photoshop? If you liked this episode, give us a big thumbs up and hit that subscribe button right now. We’ll send you free. Photoshop tutorials every single week. Thank you so much have a great day. I’ll phlearn you later. Bye, everyone [Music]!