Join Deke McClelland for an in-depth discussion in this video Brushing along a path outline, part of Photoshop CC 2017 One-on-One: Mastery.
- [Narrator] In this movie, we'll do a better job of blending the boy's face with the body builder's body. And so for example, we have some abhorrent greens and purples down here at the bottom of the face. We need a darker edge along the chin, and we need to cast a few shadows as well to create an effect more like this. And we'll be doing so using a combination of conventional painting as well as painting along a path outline. And so I'll go ahead and switch back to our image in progress here. And I'll click on this stretch layer and I'll scroll up a little bit as well.
And I'll create a new layer by pressing control shift N or command shift N on the Mac, and I'll call this layer shadow, and click okay. Then, I'll switch to the brush tool which I can get by pressing the B key. And I'll press the alt key, or the option key on the Mac to get my eye dropper on the fly. And I'll click on one of the shadow colors to load it up. And then I'll go up to my color panel, bring up the flyout menu, and switch to the HSB sliders. And in the end, I came up with a hue value of 350 degrees. A saturation value of 30 percent, and then a brightness value of 40 percent.
And I'll press the enter key, or the return key on the Mac to accept that change. Next you want to right click inside the image window, and make sure the hardness is set to zero percent, as it is in my case. We want an opacity value of 100 percent, so I'll just go ahead and tap the zero key and I'll paint over here like so in order to add a little bit of shadow. That's actually a big bit of shadow, but it should work out okay. Assuming that I change the blend mode from normal to multiply in order to darken up the background and then I'll go ahead and take the opacity value down to 60 percent like so.
Alright so that's a little bit harsh, so I'll switch to the eraser tool which I can get by pressing the E key. I'll right click inside the image window, crank the hardness value down to zero percent and I might increase the size of my brush, and paint away some of that shadow over here on the right hand side of the image. Then reduce the size of my brush and paint away the shadow along the left hand side of the neck. I actually wanted to paint away a little more shadow as well. And now press the B key to switch back to the brush tool and I'll paint some shadow into the hair like so.
And then I'll zoom in on this left hand ear. And I'll take the cursor size down and paint in a little shadow behind the ear both up here at the top and down here at the lobe. Alright now at this point, it struck me that the shadow below the neck needed to be a little darker. So I'll create another new layer by pressing control shift N or command shift N on the Mac, and I'll call this guy darkness and press the enter key or the return key on the Mac. Now I came up wit some different values, I'll go ahead and change the hue to 10 degrees this time. I'll take the saturation up to 50 percent and I'll take the brightness value down to 20 percent and press the enter key to accept that change.
And I'll just brush underneath the neck like so. Just a little bit. And then I'll change the blend mode to multiply once again, and this time I'll take the opacity value down to 30 percent to produce this effect here. Alright now we need to take care of this green stuff inside the baby's face. So I'll go ahead and select that face layer and press control shift N or command shift N on the Mac once again. We'll call this layer coloring, and this time I want to turn on use previous layer to create clipping mask, so that I'm painting exclusively inside the face layer, at which point I'll click okay.
And then I'll press the alt key or the option key on the Mac to get the get the eyedropper tool and lift the color from the kid's face. And the specific color I ended up with has a hue value of 10 degrees, a saturation of 30 percent and a brightness of 80 percent. At which point I'll just go ahead and paint inside that face, trying to avoid the lips by the way. SO I'm painting inside the chin and then up into this region right here a little but as well. And then to better blend that effect with the kid's face, I'll change the blend mode to color, which produces this effect here.
It actually looks pretty darn nice and you can paint in more by the way, if you want to. And then finally, we need to add an edge along the bottom of the chin. And I want to do that by painting along a path outline and I'll show you why. I'll create yet another layer by pressing control shift N or command shift N on the Mac. We'll call this layer chin, turn on that clipping mask check box and click okay. And I'll dial in those HSB values I used just a moment ago that is to say a hue value still of 10 degrees, a saturation value of 50, and a brightness value of 20 percent.
And then I will brush along the bottom of the boy's face and you can see that, that's a little bit thick. It's starting to look less like an edge and more like a kind of hobo's beard or something like that, which is not what I want. So I'll press control Z or command Z on the Mac to undo that change, and I will switch to the face layer. Specifically, I'll click on the vector mask thumbnail for that face layer and then so I can see the mask, I'll go ahead and switch to the white arrow tool. The direct selection tool if you prefer, and I'll marquee these anchor points.
And I want these guys too, so I'll shift marquee them. SO all five of these bottom anchor points and I'll go ahead and press control C or command C on the Mac to copy them. Now I'll go to the window menu and choose the Paths command to switch back to the paths panel. And I'll create yet another new path. Notice that I've created a bunch in advance for you. But I'll create yet another one by alt or option clicking on the little page icon at the bottom of the paths panel. And I'll call this guy chin, and click okay. And then I'll press control V or command V on the Mac to paste that path into place.
Now you want to return the layers panel, and once again click on the chin layer. Then switch back to the paths panel, so a little bit of back and forthing here. And then select the brush tool. Again, you can get it by pressing the B key and let's go ahead and take the size of this brush down to just 20 pixels as you're seeing up here in the options bar. And now all you have to do in order to paint the path outline with the brush, is press the enter key or the return key on the Mac. It's that simple. So anytime you have a brush active, just press enter or return to brush along the selected path outline.
Which is great, because it gives you a ton of control. Unfortunately, notice that the brush stroke begins and ends rather abruptly. I don't want that, so I'll press control Z or command Z on the Mac to undo that change. I'll once again select the chin layer. And this time, I'll drop down to the little stroke icon at the bottom of the Paths panel. Now if I were to click on it, I'd get the same result I got before. I don't want that, so I'll press control Z or command Z on the Mac. Instead, I want to change a setting here by pressing the alt key or the option key on the Mac, and clicking on that stroke icon.
Which will bring up the stroke path dialogue box. Then you can switch to a different tool if you like. So notice, you can paint along a path outline with the spot healing brush. So any of the paint or edit tools is going to work. I'm going to stick with the brush however, and I'm going to turn on this guy, simulate pressure, and click okay. And notice that causes the brush stroke to begin very gradually, and end very gradually as well, as we're seeing here. And now just switch back to the layers panel, I'll change the blend mode to multiply, and I took the opacity volume down to 20 percent.
Which is going to produce a pretty abrupt transition. If you don't like that, then you can do some more manual brushing if you like, like so. I also went ahead and brushed into the cheek just a little bit. And if I ever feel like I've gone too far, then I can just press the E key to switch back to the eraser tool. I'll reduce the size of my cursor a little bit and paint that away, and I might paint a little bit into that chin as well to produce this effect right here. And so to give you a sense of what we've been able to accomplish, this is how the image looked at the outside of the movie, and this is how it looks now.
Thanks to our ability to paint in a few shadows, as well as smooth out the color transitions. Both by manually brushing and erasing as well as brushing along a path outline here inside Photoshop.
- Top-secret tricks for shortcut enthusiasts
- Assigning and converting color profiles
- Turning a cityscape into a tiny planet
- Hunting down seams with the Offset filter
- Distorting an image with the Glass filter
- Using the Libraries Panel
- Batch-processing an entire folder of images
- Adding motion to text, or any other layer
- Adding soundtracks and voiceovers
- Actions and batch processing