Nurhamizah Mn's profile

Frame-by-Frame Animation

FRAME-BY-FRAME ANIMATION TASK
(Animated GIF)
GIF animation image title:
Mischievous Kitty

For this task, we were asked to create a character animation that completes a full movement solely through frame by frame (image by image) technique. The main purpose of this task is to make us use the features of working with the frames and layers that are available for the creation of animation and then turning it into a GIF file.

Here I have used Adobe Illustrator to illustrate most of the graphics because I find it more comfortable to illustrate graphics using it. And once I have finished most part of the illustrations, I moved on to Adobe Photoshop to use the timeline features (frame by frame, image by image) in order to create a GIF file as an end result.
Illustrating the graphics using Adobe Illustrator
Animating the graphics using Adobe Photoshop
The story within the GIF animation is about a naughty cat. The cat is trying to knock down a vase but fortunately, the owner of the cat is able to save the vase from falling off the table at once by sliding the vase back to it's safer surface.

There are several animations that can be seen in the GIF. The animations are:
1. A cat moving its hand forward and backward
2. A vase is sliding forward and backward
3. A human hand pointing, pushing a vase forward and retreating
4. A bubble speech appear with the word "No!" and then disappear back
5. A spider going downward and upward from and back to a ceiling
6. A toy car speeding forward and backward
Below is the final result of the frame by frame GIF animation image that I have created using both Adobe Illustrator and also Photoshop.
Final result of Frame-by-Frame GIF Animation Image
Frame-by-Frame Animation
Published:

Frame-by-Frame Animation

GIF frame by frame animation task

Published: