Simple Animation in Flash
● Find a character you can animate, make it into a Movie Clip and add a motion tween to it.
✓ Shapes✓ Color Palette✓ Radial Gradients ✓ Selection Tool
✓ Gradient Transform Tool
• This tutorial is part of the Aesop's Fables Project.
Other People's Work:
Here are examples inspired by this tutorial
Step #1: Open Your Project in Flash ~
✗ Open YOUR PROJECT in Flash …
… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …
Step #2: Find an Image you can make Jump ~
✗ Find an object you can animate (probably one of your main characters), and click the layer (which selects everything on that layer) …
✗ … OR, if your character is spread across multiple layers,
select them by Shift (⌘) + Clicking each one:
✗ You know the object is selected when you see the little dots:
Step #3: Movie Clip ~
✗ With the object fully selected hit (or Right-Click and select: ) and make a Movie Clip.
✗ You may already have made your image into a movie clip - if so, skip to the next step:
Step #4: Open the Movie Clip ~
✗ Double-Click on the text with the Selection Tool.
Now you are working INSIDE the Movie Clip.
✗ Remember: A Movie Clip is a movie WITHIN a movie.
Step #5: Go out about 40 Frames ~
✗ Go out about 40 or 50 frames, and Right-Click on the frame and "Insert Keyframe" …
✗ … or just hit F6
Step #6: Click on Frame 1 ~
✗ Now go back to Frame 1 and click on it.
Step #7: Drag the Image ~
✗ Get the Selection Tool or hit the keyboard shortcut letter (v) …
✗ … and drag the image on Frame 1 off stage, either down or to the side - where ever you want your image to appear from.
Step #8: Motion Tween ~
✗ Right-Click somewhere between the keyframes and select "Create Classic Tween" …
✗ … and hit the keyboard shortcut: Cmd(⌘)+Enter to view your work!
Step #9: Ease Out ~
✗ Click somewhere in the middle of the tween …
✗ … and drag the Ease out to 100.
Step #10: Actions ~
✗ Right-Click on the last frame of the animation and select ) …
✗ … click inside the code area …
✗ … type stop( );
✗ Hit F9 again to close the actions panel.
✗ Also, hit the keyboard shortcut: Cmd(⌘)+S to save your work.
Step #10: Filters ~
✗ Go back to Scene 1 …
✗ … go to: Window > Properties > Filters & add Drop Shadow - Bevel and any thing else that looks good to you …
✗ … add Bevel too.
✗ Hit the keyboard shortcut: Cmd(⌘)+Enter to view your work!
Last Step: Save and Attach ~
✗ Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.fla]
• ALWAYS save your projects using the following naming convention:
• DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.
• NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.