Pencil Sketch to Smooth Digital Shading

By Troy Packer

Tutorial Links: Page 1 | Page 2 | Page 3

Digital Art Tutorial Recommended for Intermediate Level Photoshop Users

I am a digital artist, however, I tend to start a lot of my concept art as a pencil sketch. The following tutorial is a step by step look at how I develop a pencil sketch using Adobe Photoshop. This technique is quick and very easy to apply and is great for all of you people out there who need to add a professional touch to your portfolios.

Remember this tutorial is designed for intermediate level Photoshop users, so I’m not going to bog down the page with explanations on how to do every little function.

1) The Pencil Sketch

The first thing to do is to scan your pencil sketch into Photoshop. You can do a bit of tidying up at this stage if you like.
Completely desaturate the image (Ctrl + Shft + U).

Photoshop Tutorial Smooth Digital Shading 01

The image above is my pencil sketch that I’m starting with.

A good way to check proportions of your artwork is to flip the image horizontally (Edit >> Transform >> Flip Horizontal). This approach should be used as much as possible.

2) The Start of the Smudge Tool

Next we go to the smudge tool and go about blending the pencil marks together. I use a soft brush for this as the blending is much smoother.

Photoshop Tutorial Smooth Digital Shading 02

3) A Few More Pass

This is what we have once we blend all of the pencil marks. I know it doesn’t look like much, with a few more passes it will start to come together.

Photoshop Tutorial Smooth Digital Shading 03

4) Adjust Levels

The next step is to adjust the levels to give it more contrast and bring out some more tones in the mid range.
Hit Ctrl+L to adjust the Levels.
You can now see that the first smudge pass needs a bit of a tidy up.

Photoshop Tutorial Smooth Digital Shading 04

5) Smoothing the Mid Tones

Now we do another smudge pass to clean up and smooth it all out. Be sure to even out the tones. This stage really brings out the forms of the face.

Photoshop Tutorial Smooth Digital Shading 05

6) Adjust Levels Again

We do another Level adjustment here to give the image more depth. It is starting to come together now, and the form of the face is much clearer.

Still working on the same layer, I also go over specific areas with the Dodge and Burn tools to add a little more contrast.

Photoshop Tutorial Smooth Digital Shading 06

7) Obsession with Detail

Now is the time to add in more detail. Details such as: wrinkles, cuts, scars, veins and other imperfections can be applied to break up the smoothness. How long you spend on this stage is up to you. If you are creating a masterpiece obviously you want to really concentrate on this stage. Again use the smudge tool, along with the Dodge and Burn tools.

You will notice in the picture below where wrinkles already existed around the eye, I have added a lot more smaller scaling down wrinkles. The lips have become more realistic with more creases added.

Photoshop Tutorial Smooth Digital Shading 07

The picture below is the end result of the smudge technique. I ended up adjusting the face proportions a little, again just using the smudge tool.

I’ve increased the shade values a little in some areas and decreased it in others…just a lot of tweaking.

Photoshop Tutorial Smooth Digital Shading 08

This tutorial continues on the next page >>