Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Summary:

Simple Animation in Flash

    ●   Find a character you can animate, make it into a Movie Clip and add a motion tween to it.

Learn About:

ShapesColor 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 f8(or Right-Click and select: ) and make a Movie Clip.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


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.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 


Now you are working INSIDE the Movie Clip.
movie within a movie

Remember: A Movie Clip is a movie WITHIN a movie.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #5: Go out about 40 Frames ~

Go out about 40 or 50 frames, and Right-Click on the frame and "Insert Keyframe" …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… or just hit F6

Step #6: Click on Frame 1 ~

Now go back to Frame 1 keyframe and click on it.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


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.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Motion Tween ~

Right-Click somewhere between the keyframes and select "Create Classic Tween"

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


… and hit the keyboard shortcut: Cmd(⌘)+Enter to view your work!

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player




Step #9: Ease Out ~

Click somewhere in the middle of the tween …

motion tween

… and drag the Ease out to 100.


Step #10: Actions ~

Right-Click on the last frame of the animation and select ) …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… click inside the code area …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… type stop( );

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Hit F9 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 …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… go to: Window > Properties > Filters & add Drop Shadow - Bevel and any thing else that looks good to you …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

… add Bevel too.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


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]

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

•   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME


  •   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.