Fireworks Animation Tutorial
How to make an Animated Goat with Bursting BubblesNote: This animation was designed in Fireworks but should work in any animation program. It was designed for Purity Works, a goat milk site which is no longer online. The goat was drawn by the owner's daughter Michelle age 11 and animated by Lori's Web Design. The goat is sniffing a bowl of soap as it's cooking and when the bubbles burst it wags it's tail. The animation of the goat's tail was at a different speed than the rising bubbles because the bubbles float gently to the top but the tail wags faster. Below are the separate images that make up this animation and the speed for each one so you can see the changes needed to make the bubbles appear like they are rising and bursting. See more Animations.
Animation of The Bubbles
The goat's tail is not moving yet, the bubbles start out small and start rising.
As the bubbles rise they gradually get larger. The Goat's tail is still not wagging.
As the bubbles reach the top they pop and dissappear. Notice the image of the bursting of the bubbles. The animation moves so fast that you don't actually see that image--it tricks the eye into thinking that the bubbles popped.
Animation of the Goat's Tail
As soon as the bubbles pop the tail wags for several frames. Notice the tail is actually moving up and down giving the appearance of wagging.
This animation was set to run for 20 frames, with frames 1-11 of the bubbles rising slowly set at 15 miliseconds and the rest of the frames, with the tail wagging faster, at 6 miliseconds each. On slower computers this animation will be slower.
The Finished Animation
Lori's Web Design
Copyright © 2005 - updated 3-18-13.
All rights reserved.