Soldier in Top-Down Perspective
This tutorial is another request to show an easy approach to creating characters in top-down perspective. I know I am jumping wildly from iso to shading and now to a top-down view. My apologies for the lack of order in the tutorial posts at the moment. I just felt like writing this one after creating something similar for an art request.
Top-down characters have one major problem: There really is not that much to see. When you look straight down on a character, you see the top of the head, the shoulders, a bit of the legs and the arms when they move.
One way to show what the shape really represents is by adding a nice long shadow of the shape – which works well in 3D engines but it a proper pain to reproduce in 2D as the shadow needs to move with the character.
Let’s start with the Top-Down Soldier
Let’s start with three circles to create the helmet.
Combine the circles and adjust the nodes to form the main shape of the helmet.
Duplicate the shape, remove the stroke and scale it down in a lighter main colour.
Create a triangle using the straight lines tool, mirror it and curve the nodes to give the helmet more shape.
Create six more circles for the highlights, convert them to paths and modify the nodes.
Give those circles a light yellow colour with a linear gradient to transparency.
Next up we create the shoulders from two circles – base shape and highlight.
Mirror the shoulder and place them below the helmet (Page Down).
The gun barrel is made from 3 rectangles plus 2 high-lights
Place the gun barrel below the helmet and the shoulders (Page Down) and create two more circles for the hands.
Add another two deformed circle for the arms.
Move the arms underneath everything else.
The shoe is either just seen at the tip or at the very back. A deformed circle forms the base.
A deformed circle for the highlight and some lines for added detail.
The leg is another circle plus a highlight for the front leg…
…and a darker circle for the back leg.
Place the feet below the other shapes.
For some added detail I added a simple backpack made of squares and to the character.
Animating in Top-Down Perspective
As with all the tutorials, it’s a matter of taking this and playing around with the ideas and create variations. How would a knight in armor look from above or a caveman or a girl with piggy tails?
I didn’t go into great detail on topics covered in earlier tutorial posts (e.g. the manipulation of nodes or the gradients). If you have problems with those please check out the earlier posts on this blog. Thanks!
I hope you enjoyed this tutorial as much as I did while creating the art.
Get the source art (svg file) of this tutorial for free!