I should state that this is just one way of doing animations. It’s very similar to old school cut out animations. It’s not as fluid as hand drawn animations or 3D work but it’s a straight forward and somewhat easy to follow approach. It works quite well with small size sprites.
Creating the [soon to be animated] caveman
It’s pretty much the same process used in the tutorial’s 3rd part with some added complexity in the facial features.
I mirrored the limbs in the image above just to show the ‘exploded’ body setup. There is no need for that when you use the elements in a side on view [both feet should point in the same direction].
Working with CorelDraw a lot I come to appreciate the multiple page setup of CorelDraw documents. Instead of layering animations you just place them on separate pages and flick through them to check your progress. The program even alows you export the pages in one layered bitmap file keeping layers and pages separated.
If you start out animating it’s helpful to go with some more basic animations first – there is nothing wrong with the ‘mad-kung-fu-360-tiger-meets-dragon-in-mid-air-move’ but it might be a little frustrating to start with.
Think simple and create something you can use in your game. This way you keep motivated and focused.
It’s always helpful to check out references, poses, animations and other tutorials. A lot of the reference will show you a simplyfied setup that makes it a little easier than working off memory and your own experiences.
First steps (quite literally)
This is a scaled down version of what the walk cycle looks like:
This setup will seem very familiar to those of you using Adobe Flash or similar timeline based tools. The groups of object created in inkscape are similar to symbols either as ‘movieclips’ or ‘graphics’ used in flash. All you have to do though is animate the bits inbetween which Flash handles for you with ‘tweening’.
I hope you enjoyed this addition and it gave you some ideas how to have fun with vectors.
Get the source art (svg file) of this tutorial for