Shading a game character’s face in Affinity Designer

Affinity Designer Video Tutorial

In this video tutorial, I will show you the process of quickly and easily shading a game character’s face in Affinity Designer. I will start with an unshaded face. The head shape is already defined. The eyes, the mouth, and the nose are in place. We will take this flat look and by using symbols, blurs, and lines give it depth and colour.

2Dgameartguru - spacer 2Dgameartguru - facial shading - tools2Dgameartguru - spacer

Tools used to shade the character’s face

I am mainly working with the Gaussian Blur on simple shapes and tapered lines. The blend modes are adjusted for shading. I prefer a ‘Multiply’ with opacity to a ‘Normal’ for shadows. Try and avoid plain black and white for your shading. It easily ends up looking dead. A rich dark brown or a deep purple works just as well. Have a go and play with the colours that work best for you. Placing objects in clipping groups helps constrain the elements inside, especially when using effects like a blur.
Recycle as much of the art as possible! I duplicate and modify rather than create from scratch.  It helps speed up the creation process a lot.

2Dgameartguru - spacer
2Dgameartguru - spacer 2Dgameartguru - spacer

I put the two images in a before and after to show the difference the shading makes.

2Dgameartguru - spacer
2Dgameartguru - facial shading - before2Dgameartguru - facial shading - after
2Dgameartguru - spacer

I hope you enjoyed this video tutorial. Please, subscribe to my channel, like, and leave a comment]. It’s not hard shading a face with simple shapes as long as you keep it easy. More layers don’t mean better results. Play around with the techniques mentioned in the video. Try out different light settings. Find interesting reference images to work from. Most of all enjoy it!

2Dgameartguru - facial shading - skin tones2Dgameartguru - facial shading - skin tones2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - adding shading and detail to your vector designs
2Dgameartguru - adding shading and detail to your vector designs
2Dgameartguru - adding detail to character designs
2Dgameartguru - refining a game character
2Dgameartguru - spacer

Check out more video tutorials on our youtube channel!

2Dgameartguru - spacer
2Dgameartguru - spacer
2Dgameartguru - spacer
2dgameartguru - cute and colourful character design2Dgameartguru - spacer