The world in my camera

Sunday 16 October 2011

Frame by Frame Animation

For this project we had to make in Adobe Flash Frame by Frame animation after creating our own unique character in Adobe Illustrator beforehand. I created a sneaky cat stealing sausages from a fridge.
Here are some screenshots during the design and development of this project.
1. First I traced my character in Ai adding new details on top.

















2.Then I copied the repeated parts and traced again new details organizing each layer in order F1, F2, F3....F7






















3. I traced  the fridge with food and copied it to new frames and then I changed the position of the sausage in every frame to show it's swinging.














4. The next step is creating a movie clip in Adobe Flash. First I imported to the Library my Ai file, then I converted to symbols frames out of that Ai file(in this case F1, F2, F3...F7). After that I inserted a new symbol "Creeping" and dragged all my F1, F2, F3...F7 Movie Clips. So now I can see my character tip-toeing on the same place.

























5. The same process was done to create Fridge with swinging sausage Movie Clip.


























6. My Flash Stage starts with The Fridge moving from right to left, big Shadow tip-toeing from left to right and The Cat following after the Shadow.

























7. The most important part is when The Cat and The Shadow entering, The Cat does not  have The  Sausage and as soon as The Cat jumps on the Frame 26 he grounds on the Frame 27 with the Sausage, and at the same time the part of the Sausage disappears in the fridge and turnes out on the Cat`s shoulders.










































































8. The Shadow with The Sausage on the BACK of the Cat appears again as soon as The Cat continues walknig  further away from the fridge















































Overall  I spent around 20 hours for this 5 second animation.
You can see the animation from my site here:
http://kermediakit.com/images/flash/flash1.swf