Add shading to a drawing with Photoshop: Deke’s Techniques

Published by | Tuesday, July 2nd, 2013

Last week Deke showed you how to transform his father-son drawing into a monster of serious proportions with some volumetric layer effects. Now learn how to add shading around his mouth to give him more expression. This technique uses a combination of shape layers and layer masks in Adobe Photoshop. members will have access to the exercise file, which includes a number of predrawn layer comps, or you can follow along and apply the lessons to your own artwork.

1. Start off with the Bloodshot eyes.psd file. Now there are a ton of layers, layer groups, and paths in this document. Here’s a quick tip to isolate what you need to work with in complicated documents like this.

• First, Cmd- or Ctrl-click on any layer to close all the layer groups.
• Select the layer/group you want to work with and make sure it is visible and expanded.
• Choose Select > Isolate Layers.

This option prevents you from accidentally changing anything on another layer, and makes the panel temporarily less cluttered.

2. Activate the mouth layer. This includes hand-drawn paths that Deke added with the Pen tool. The intersection creates the mouth shape that you see.

3. Reduce the Fill to 30% by pressing Shift+3. The shape’s fill opacity will be reduced, without affecting any layer effects you add.



4. Choose the Marquee tool and click the fx icon at the bottom of the Layers panel. Choose Inner Shadow.

5. Click the swatch to enter the Color Picker and change H to 210, S to 100%, and B to 15%. (This is the same shadow color we used for the eyes in last week’s technique.) Click OK.

6. Back in the Layer Style dialog, reduce Opacity to 70% and increase Distance and Size to 28 pixels. Click OK to add this interior shading to the mouth.

7. Now select the upper lip layer. Reduce Fill to 0% and then click the fx icon and choose Drop Shadow.

8. In the Layer Style dialog, do the following:

• Click the swatch and dial in H 210, S 100%, and B 15%, and click OK.
• Turn off Global Light
• Change Angle to 160 degrees
• Increase Distance to 24
• Change Size to 36

Click OK to add a kind of strange looking upper lip. You’ll add a mask in the next step to fix it.



9. Click the Add layer mask icon. Then select the Brush tool and confirm Hardness is set to 0%. Increase the brush size to 150 or so pixels by pressing the right bracket key two or three times. Now paint away the lines on the top and to the left of the mouth, as shown in the image below.

10. To remove the shadow or “mustache” your brushwork leaves behind, click an empty area of the upper lip layer to open the Layer Style dialog. Turn on Layer Mask Hides Effects and click OK.

11. Paint away a bit of the corners of the monster’s mouth as well. Use your own discretion here.

12. Next, click the lower lip layer and make it visible. Reduce the Fill to 0%.

13. Choose the Marquee tool and click the fx icon. Choose Inner Shadow and then:

• Click the swatch and dial in H 210, S 100%, and B 15%, and click OK.
• Reduce Opacity to 45%
• Increase Distance to 24
• Change Size to 24

14. Before you exit the dialog, click Drop Shadow and follow these steps:

• Click the swatch and dial in H 210, S 100%, and B 15%, and click OK.
• Reduce Opacity to 55%
• Turn off Use Global Light
• Change the Angle to 70 degrees
• Increase Distance to 16
• Change Size to 20

Click OK to apply the inner shadow and the drop shadow.



15. Now it’s time to mask the lower lip layer and start painting some of the excess lines away.

• Click Add layer mask
• Select the mask icon
• Press B to switch to the Brush tool
• Paint away the corners of the mouth as shown in the image below



16. Click an empty area of the lower lip layer to open the Layer Style dialog and turn on Layer Mask Hides Effects. Click OK.

One last thing to add: the mouth creases. Are the steps familiar to you yet? Deke’s going to show you a shortcut this time.

17. Select the mouth crease layer, choose the Marquee tool, reduce the Fill to 0%, and click the fx icon. Now Alt- or Option-drag the Drop Shadow from the upper lip down to mouth crease to copy the layer effect over. It’s much less work to duplicate the effect this way.

18. Double-click the Drop Shadow name and change Angle to 70% and click OK.

19. Click Add layer mask. Choose the Brush tool and then paint away the “inside” of the crease.

20. Double click an empty portion of the mouth crease layer to open the Layer Style dialog and choose Layer Mask Hides Effects.

21. Turn on the tooth layer. Choose the Direct Selection tool and select the upper lip path outline. Copy it, switch to the tooth layer, and paste the path outline there.

22. Click the Path operations icon in the Options bar and choose Intersect Shape Areas to make the tooth path and the upper lip path interact properly.




23. Switch to the Marquee tool. Alt- or Option-drag Inner Shadow from lower lip to tooth, and then Alt- or Option-drag Drop Shadow from upper lip again to tooth, to copy those effects over.

24. Double-click the Drop Shadow under tooth and change Distance to 8 and Size to 12.

25. Before leaving the Layer Style dialog, turn on Inner Glow. Click the color swatch, dial in H 210, S 100%, and B 15%, and click OK. Change the Blend Mode to Multiply, reduce Opacity to 50%, and increase Size to 16 pixels. Click OK to apply the Drop Shadow change and the Inner Glow.

And that’s how you create shading with vector-based shape layers and pixel-based layer masks. In the follow-up movie for members, learn how to create a convincing fabric texture on our character’s shorts with pattern overlays.

Next week, learn to colorize the background of the scene. A useful technique for drawings of all kinds, not just the monster ones.

Stay tuned for more Deke’s Techniques, each and every week!

Interested in more?

Start your 7-day free trial to today
The entire Deke’s Techniques collection

Adobe, Illustrator, and Photoshop are registered trademarks of Adobe Systems Incorporated.

Share this:Share on Facebook8Tweet about this on Twitter4Share on Google+0Pin on Pinterest0Share on LinkedIn0 - start learning today

Tags: , , , ,

Leave a Reply