04.+Frame+by+Frame+Animation

A fundamental part of Flash is its timeline and keyframes. The timeline, which runs across the bottom of the screen determines what happens when during an animation. The timeline is divided into frames. Keyframes are special frames that indicate that something changed (or could change). The playhead, a red rectangle at the top, indicates wherein the timeline you are. Frames with a black circle or white circle are key frames. The figure above shows a timeline with only two keyframes and the playhead is set to the fifth frame. The frames are all a part of Layer 1 (we will cover layers soon). This animation will run at 24 frames a second. It will last about 0.2 seconds ( 5 frames divided by 24 frames/second)
 * The Timeline and Keyframes.**

= **Frame By Frame Animation** =

When you hear the words Frame-By-Frame animation you should think about a flip book or Gertie the Dinosaur. Each frame gradually changes. In flash a "keyframe" holds each frame. We are going to make a frame by frame animation together and then you will try on your own. We are going to make a ball bounce. After the tutorial come up with a plan for your own bouncing ball animation. **Objectives**:
 * Create a Frame by Frame Animation
 * __Looping:__ Start with a blank screen & devise a way to let your ball leave the scene and become blank again.
 * __Context:__ See if you can develop a story or scene, a reason why the ball is bouncing, maybe it is not a ball, maybe it is some other object.
 * Challenge yourself: add shadows
 * Create at least 50 Frames
 * When you are finished with your frame by frame animation export your movie as a .swf file and upload it to your wiki page.

media type="file" key="1.Anstett.Ball.swf" width="360" height="270" align="center"
 * Below are examples: **

media type="file" key="1.Gressley.Ball.swf" align="center" width="360" height="270"

media type="file" key="austerberry ball.swf" align="center" width="360" height="270"

media type="file" key="Christ.Ball.swf" align="center" width="360" height="270"

media type="file" key="demitisballbounce.swf" align="center" width="360" height="270"

media type="file" key="millerball.swf" align="center" width="360" height="270"

media type="file" key="3d brickfall.swf" align="center" width="360" height="270"

media type="file" key="brickAaronFisher.swf" width="360" height="270"