• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 7. Creating Frame-By-Frame Anima... > Creating a Simple Frame-By-Frame Ani...

Creating a Simple Frame-By-Frame Animation

Flash incorporates the traditional animation metaphor with its use of keyframe-based animation. Artwork is placed in a keyframe in the Timeline and subsequent keyframes are created to record changes to the artwork. When played consecutively, these minute changes mimic movement as each keyframe describes an altered position or transform effect. Static art that does not change is stored on separate layers and can span the entire animation. In this way, you don't have to redraw the entire frame and you can quickly create complex animations.

Create a Frame-By-Frame Animation

Create a new Flash document or open an empty Timeline.

Click the first frame to select it.

Click the Oval tool in the Toolbar.

Click on the Stage, and then drag to draw a circle.

Click the second frame to select it.

Click the Insert menu, point to Timeline, and then click Keyframe.

TIMESAVER Press F6 to insert a keyframe.

Select the second keyframe or double-click the circle on the Stage and drag it slightly to the right.

Click on the third frame to select it.

Repeat step 6.

Select the third keyframe or double-click the circle on the Stage and drag it slightly further to the right.

Continue to add keyframes and move the circle until it reaches the right edge of the Stage.

IMPORTANT The more keyframes you add the smoother the animation is.

Click the Playhead and move it across the frames to preview the movement of the circle.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint