Set The Workspace to Animator

Set The Workspace to Animator

Choose a tool to draw with

Choose a tool to draw with

Draw a Shape

Draw a Shape

Choose the Selection Tool

You can press the 'V' key on the keyboard or click the icon with your mouse.

Choose the Selection Tool

Select your object

Draw a box around it to select it. Don't touch any other objects or you will select them too.

Select your object

How a Selected Object Looks

How a Selected Object Looks

Convert it to a Symbol

Convert it to a Symbol

Choose Conversion Settings

  1. Give it a Name
  2. Select MovieClip as the Type
  3. Click OK

The other options are only needed for more advanced work.

Choose Conversion Settings

Check that the New Symbol is in your Library

If you did everything right it should appear in your library like this

Check that the New Symbol is in your Library

Choose a Frame Rate for your Animation

24fps is the default. FPS stands for frames per second. 24 is the number of frames in a movie that show per second and is why Flash defaults to it. This framerate is a goal and if the computer can't draw that fast (only might be true for complex animations) then the actual rate will be slower.

Choose a Frame Rate for your Animation

Figure out how long your animation will be.

The basic formula is
time(seconds) * framerate = total frames
If you want your animation to last 2 seconds with 24fps then you would use
2 * f24 = 48 total frames

 

Insert a Frame at the last frame

  1. Right click on the frame in the TImeline you calculated in the previous step
  2. Then choose Insert Frame
Insert a Frame at the last frame

Create a Motion Twen

  1. Right click on any frame inbetween the first and last frames
  2. Select 'Create Motion Tween'

It is important that you first create a Frame, then creae the Motion Tween, then add Keyframes. If not, your animation may not work properly. Adding Keyframes is shown in the next step.

Create a Motion Twen

The frames turn blue after you create the Motion Tween

The frames turn blue after you create the Motion Tween

Insert Keyframe

For a basic animation you can just

  1. Right-Click on the final frame
  2. Select Insert Keyframe > All

You can create multiple keyframes inbetween the first and last frames for more complex animation.

Unless you want a very specific kind of movement, choose All for what you are animating.

Insert Keyframe

Check if Dot Appears

If your keyframe is inserted there should now be a small black circle in the frame where you added the keyframe.

Check if Dot Appears

Choose the Free Transform Tool

Choose the Free Transform Tool

Select your Object

Select your Object

Change your object in the keyframe

In order to animat your object it needs to be different from the first frame to your keyframe.
The basic method is

  1. Make sure that the Playhead is over the frame where you want to make the change.
  2. Move, Rotate, Scale etc your object in the way you want it to change.
  3. When you move it you should see a dotted line showing you the trajectory (path) the object will take during the animation.
Change your object in the keyframe

Scrub on Timeline to quickly preview the Animation

  1. Click the red cursor and move it left and right
  2. Your animation should move as well.

ALTERNATIVE
You can also use the period (.) to move the animation forward one frame each time you press the key and
use comma (,) to move the animation one frame backward each time you press the key

Scrub on Timeline to quickly preview the Animation

To Play the Animation, First Move to the First Frame

Click on or just above the first frame

To Play the Animation, First Move to the First Frame

Play the Movie

  1. Select Control > Play to play the movie.
  2. If you want the playback to loop then first select Control > Loop Playback, before you play it.
Play the Movie

Stop the Movie if Looping

If your animation is looping then it will keep looking until you select Control>Stop.

Stop the Movie if Looping

Edit the Animation

You can edit the animation after you create it.

  1. Make sure the playhead is over the keyframe you want to edit
  2. Move, rotate etc to change the animation in the way you want.
Edit the Animation