Part 1: How to draw a butterfly for flash animation
Part 2: How to animate butterflies wings
Part 3: How to create the flight pattern for butterfly animations, as well as troubleshooting and animating tips
The trickiest part of making butterfly animations is getting the erratic and stylish flight pattern right. Your butterfly can be a stylish fantasy or a cute animation for a toddler show - either way, they fly like crazy!
As an animator, think about 3 things:
Got butterflies in your stomach? :-)
OK, let's get on the runway:
For this tutorial we'll design a simple butterfly, just to show the principles of animating it in Flash.
Most flash animations start the same way:
Now, this used to be a caterpillar:
Now wrap it all together - Make a butterfly symbol:
See how the layers got the name of the symbol that's in them? Isn't that cool?
Great!!
You now have a butterfly ready to come out of the pupal stage and take off!
Go To PART 2 – Animate The Wings
or jump to Part 3: Flight path
back to top
Home > Learn Flash > Butterfly Animation tut Part 1
try this Hopping Rabbit Animations Tutorial
and here you can learn How to Draw a Cat using Flash's own drawing tools
mask tutorial
the transformation point (why does the pivot jump?)
Drawing in Flash - How to draw a cat
Part 1 - body
Part 2 - face
Flash Symbol Explained part 1 and part 2
Flash 101 series main page
Exercise 1: Create a new Flash Symbol
Exercise 2: Convert to Symbol + Break Apart
Exercise 3: Create Multiple Instances + Distribute to Layers
Exercise 4: Transform instances + color effects
Exercise 5: Edit Symbol + Navigate in and out of symbols
Exercise 6: Nested symbols: Sun animation
Exercise 7: Duplicate + Swap
Butterfly Animation Tutorial:
Part 1, Part 2, Part 3
Rabbit Animations Tutorial
Download the source files for these tutorials!