Click here to return to main page.

 
Smooth-shading Demonstration

I have gotten a few questions about how I do my smoothshading, so I thought I'd put up this demonstration (I wouldn't call it a tutorial...it's not extensive enough for that). There really isn't much to it, except using a tablet and putting in a lot of work.

Note: A digital drawing tablet will be extremely helpful in preventing you from going insane. If you're serious about doing digital arts - get one. However, you can do this with just the mouse - it will just take longer, since you need to put the brush opacity really low, and make many passes before it starts to produce results. If you need advice about digital drawing tablets, read my recommendations here.

I did this in openCanvas, but it can be done with just about any painting software.

If you don't have a suitable project to try on, grab any old sketch or line art drawing you have and start shading. Here I am using a loose sketch of a surreal Mini Cooper.
 

Preparation:

The line art (or sketch) should be in its own layer. The same goes for the background and the flat colors. Lock those layers - you don't want to mess them up by accident. Make a new layer for the shading. It doesn't matter if you use an ambient light color in a multiple layer, or hand picked colors in a normal layer - the same technique applies.

 

Stage one:
 
Start shading. Don't be too concerned about making it look good just yet - we'll even it out later.

Look at the image to the left. This is typically what my shading looks like after the first few passes with a soft brush. Notice how the shading looks irregular. We want it to be even and smooth. This is especially important when painting cars, because even the slightest error will look like a smudge or a dent on the car's body.

 

Stage two:

Pen window - blur brush.

Now I select a blur brush with a radical blur strength. I go over the shading to even it out a bit. You can see the result to the left. But while it looks a lot better already, it's still very untight. Notice how the blur brush has washed out the shadows along hard edges (like the bottom of the door and around the fenders). This means we have to paint some shadow back in.

Stage Three:

If you look closely at the image to the left, you'll notice that I've filled in the shadows in several places. I used a soft brush for it.

If it turns out you've painted in too much and cannot undo it, just use a soft eraser brush and carefully dab with the stylus over the affected areas.

Now that we have repaired the shadows, we need to go over the image with the blur brush again.

Stage four:

Pen Window - Blur Brush.

I chose a smaller blur brush this time, with a moderate blur strength. Be aware that I haven't gone over the entire vehicle with it - just the select areas that needed smoothing out.

Stage five:

Here I have gone back to filling in the shadows and carefully dabbing the eraser over certain areas. It's starting to look like something doesn't it?

This is the essence of the workflow that I use for shading and highlighting. I go between the paint brush, the eraser brush and the blur brush, and just keep at it until I'm satisfied.

A good way of testing your shading job, is to turn the line art layer off and see if your shading can "stand on its own". Does the shading do a good job of defining the shapes of the object? Is it detailed enough to make the fine details show?

As you can see, this vehicle needs plenty more work, but it's definitely going in the right direction. =)

This is what the drawing looked like after putting around 8 hours into it (spread out over the course of a week).

Apart from the colors (in their own layer under the shading) I've also started adding orange highlighting from overhead street lights. It is still far from finished though.

Btw, for reference; The shading was done with a light greyish blue in a multiple layer, and the highlights with a saturated orange in an addition layer.

 
Terminology:
 
Normal Layer: A layer that presents the colors in a "normal" way. The color
you have selected is what you get.
Multiple Layer: The color values in this layer are multiplied with the layers below.
The colors appear to be "darkening" the image.
Addition Layer: The color values in this layer are added with the layers below it.
The colors are lightening up the image. In Adobe Photoshop,
this type of layer is known as "Linear Dodge".
Soft Brush: Should really be called "soft edged brush". The edges of the
brush area are fuzzy.
Hard Brush: A "hard edged brush". The edges of the brush area are clear
and well defined.
Eraser Brush: A brush that erases instead of adding color. In most softwares
this is represented by an eraser tool.
Blur Brush: A brush that blurs instead of adding color. In most softwares
this is represented by a blur tool.
Ambient Light: "Ambient light" is light that is reflected onto an object from the
surrounding environment (i.e. not coming directly from a light
source).

 

Click here to return to main page.