Creating a short animation part five: animating

Finally I was ready to animate!

Stage 1: rough animation. The two videos below show the first stage of animation, at this point the focus was on getting the motions and timing right. I used an iPad app called rough animator for this.



Stage 2: clean up, colour, and editing. I exported my rough animation as a series of jpeg images. There were a total of 178 images which I then had to individually clean up and colour in adobe illustrator, unfortunately time was not on my side and I did not manage to get through all the images in time for my hand in. Lastly I strung all the images back together in adobe animate (formerly adobe flash), added the background and the parallax effect to the part where the crocodile swims over.

here is the completed (well, as close to completed as I managed) animation.




Animation staggers

Staggering is a technique that can be used in animation to make characters and objects appear to shake (for example shivering or shaking in fear) it can also be used to create oscillating movements or add a feeling of strain.

“The Animators survival Kit” by Richard Williams has a great section on staggered timings if you want to know more about the different ways this technique can be used.

A simple way to create a stagger is to first animate the movement in the normal way and then rearrange the frames afterwards. This is what I did in the example below, which is a section from the short animation I’m currently working on, In this case I used staggering to add strain. The video shows the original animation and then the staggered version so that you can see the difference. In the staggered version I rearranged the frames so they were ordered 1,2,3,2,3,4,3,4,5,4,5,6…etc.