Scribd
Upload
239 views2 pages

How To Create A FRAME BY FRAME ANIMATION

To create a frame-by-frame animation in Flash: 1. Open a new Flash file set to 12 fps for smoothness with less drawings; less than 12 fps will be choppy. 2. Insert blank keyframes across the timeline for the animation length, such as 12 frames for 1 second. 3. Draw the first frame on the first keyframe, then move the object slightly in each subsequent keyframe to indicate movement over time. The further it moves between frames, the faster it will appear to move.

Uploaded by

eiena oniey
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
239 views2 pages

How To Create A FRAME BY FRAME ANIMATION

To create a frame-by-frame animation in Flash: 1. Open a new Flash file set to 12 fps for smoothness with less drawings; less than 12 fps will be choppy. 2. Insert blank keyframes across the timeline for the animation length, such as 12 frames for 1 second. 3. Draw the first frame on the first keyframe, then move the object slightly in each subsequent keyframe to indicate movement over time. The further it moves between frames, the faster it will appear to move.

Uploaded by

eiena oniey
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

How to Create a Frame by Frame Animation in

Flash- Step by Step


Open up a new Flash file in Action Script 3.0.  Go to your timeline and set the “fps” (Frames per
Second) to 12.0.  You could make your frame rate higher, but that means more drawings.  When
you are creating a frame by frame animation, the less drawings you can draw without sacrificing
smoothness is key.  Anything less than 12 fps is choppy.

Now insert new blank keyframes across the timeline by using the “F7″ key.  You may want to
give yourself at least a second for your animation.  In this case, that would be 12 blank
keyframes.

Now, highlight the first frame in your timeline, grab your paint brush, and start drawing.  In this
demonstration, I’m drawing a ball bouncing, so I’ll draw a circle in my first frame.  Remember, the
grey area is not part of your stage and will not be seen when your export the final animation.  It’s
okay to have part of your animation spread into these areas.

Go to the next blank keyframe by clicking on it, or by pressing the “.” button on your keyboard. 
Turn on the “onion skin” in the bottom of the timeline.  The onion skin feature allows you to see a
“ghost image” of your previous frames.
Now just draw your object in a slightly different place on your stage in each of the blank
keyframes.  The further you move it from it’s last location, the faster the object will look like it’s
moving.  In order for an object to move slower, create your actions over more frames.

Once you have finished drawing your frame by frame animation, you can add drawings of objects
that don’t move across one blank keyframe.  To do this, create a new layer by selecting the new
layer button in the timeline.

Change the layer order so that the new object is on the bottom of the layer order.  Draw whatever
you want on this layer.  In this case, I will draw a line to indicate the ground that the ball is
bouncing on.

You might also like