Join Deke McClelland for an in-depth discussion in this video Brushing along a path outline, part of Photoshop CC 2018 One-on-One: Mastery.
- [Instructor] 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 stretched 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 OK. 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 Eyedropper 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%, and then a Brightness value of 40%.
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 0%, as it is in my case. We want an Opacity value of 100%, so I'll just go ahead and tap the 0 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%, like so. All right, 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 0%. And I might increase the size of my brush and then 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. And I actually want to paint away a little more shadow as well.
And now I'll 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. All right, 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 a Mac.
Now I came up with some different values. I'll go ahead and change the Hue to 10 degrees this time. I'll take the Saturation up to 50%, and I'll take the Brightness value down to 20% 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% to produce this effect here. All right, 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. I'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 OK. And then I'll press the Alt key or the Option key on the Mac to get the get the Eyedropper tool and lift a 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%, and a Brightness of 80%, 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 bit 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 new layer by pressing Control + Shift + N or Command + Shift + N on the Mac.
I'll call this layer chin. Turn on that Clipping Mask checkbox, and click OK. 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%. 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 'em. 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 OK. And then I'll press Control + V or Command + V on the Mac to paste that path into place. Now you want to return to 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 any time 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. So 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 a 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 gonna work. I'm gonna stick with the Brush, however, and I'm gonna turn on this guy, Simulate Pressure, and click OK.
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 value down to 60%, which is gonna 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 could just press the E key to switch back to the Eraser tool.
And 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.
For the 2018 version, Deke has added all-new tutorials and exercise files, so there's something new for even long-time fans.
- Top-secret tricks for shortcut enthusiasts
- Assigning and converting color profiles
- Using Smart Filters for creative effects
- Turning a cityscape into a tiny planet
- Hunting down seams with the Offset filter
- Distorting an image with the Glass filter
- Using blur and noise to focus attention, simulate motion, and more
- Reducing noise in Camera Raw
- Using alpha channels as layer masks
- Masking subjects on a green screen
- Tracing and drawing with the Pen tool
- Creating panoramas
- Editing video
- Adding soundtracks and voiceovers
- Creating layer comps
- Using the Libraries panel
- Actions and batch processing