Adding Keyframes

Each layer of a Flash movie is divided into frames. Frame numbers appear along the top of the Timeline. At the current time, each layer in your movie is only one frame long. You want your movie to last 60 frames. Inserting a keyframe at Frame 60 will cause each layer to remain on the screen until Frame 60. You use keyframes to specify changes in the animation.

Extend the Sky Layer

• Click in Frame 60 of the Sky layer. Make sure you unlock it if it is still locked.

• Choose Insert > Timeline > Keyframe from the menu or right click in frame 60 and select insert a keyframe. A black dot will now appear in frame 60 of the sky layer.

Extend the Buildings Layer

• Click in Frame 60 of the Buildings layer.
• Choose Insert > Timeline > Keyframe from the menu or right click in frame 60 and select insert a keyframe. A black dot will now appear in frame 60 of the building layer.

Extend the Trees Layer

• Click in Frame 60 of the Trees layer.
• Choose Insert > Timeline > Keyframe from the menu or right click in frame 60 and select insert a keyframe. A black dot will now appear in frame 60 of the trees layer.

Your timeline should look like the graphic below:

Create a Layer Named Car

• Make the Trees layer the active layer by clicking on the Trees layer name.
• Choose Insert > Timeline > Layer from the menu to create a new layer above the Trees layer.
• Double click the layer name and replace it with Car.

Add the Car to the Stage

• Click the first frame of the Car layer.
• Move to the Library panel.
• Click the icon next to the car and drag a copy of the car onto the Stage.
• Choose the Free Transform tool. Handles appear around the car.
• Click and drag a corner handle until the car is the appropriate size. Corner handles resize the selected object proportionally.

Motion Tween - Make the Car Move

• Choose the Selection tool.
• Click and drag the car to the right side of the Stage as shown above.
• If the Property inspector is not open, choose Window > Properties > Property from the meun to open the Property inspector.
• Click Frame 1 of the Car layer.
• In the Property inspector, choose Motion in the tween field.
• Click Frame 60 of the Car layer.
• Choose Insert > Timeline > Keyframe from the menu to make frame 60 a keyframe. An arrow will appear indicating that a motion tween exist on the car layer. Now all we have to do is move the car to where we want it to go in frame 60 which is to the left side of the stage.

• Use the Arrow key to move the car to the left side of the Stage as shown here.

• Choose Control > Play from the menu to play the movie. Your car moves across the Stage.

Click here to see an example of what your motion tween should look like.

Adding Sound

To have a horn honk as the car rolls through town, you need to add sound.

Import the Sound

• Click here to download the horn sound. Open the Zip file and place the shorthrn.wav file in a folder.
• Choose File > Import > Import to Library from the menu. Find and select shorthrn.wav and click Open. The file shorthrm.wav now appears in the Library.

Add the Sound Create and name a new layer:

• Click the Car layer name to make the Car layer the active layer.
• Choose Insert > Timeline> Layer from the menu to create a new layer. The new layer appears above the Car layer.
• Double click the layer name and type Horn.

Add sound:

• Click Frame 30 on the Horn layer.
• Choose Insert > Timeline > Keyframe from the menu to make Frame 30 a keyframe. Your timeline should look like the graphic below:

• Move to the Library. If the Library is not already open, choose Window > Library from the menu.
• Drag shorthrn.wav from the Library onto the Stage. Your timeline should now look like this when the sound is added to the stage:

• Click Frame 30.
• Choose Event from the drop-down menu in the Sync field of the Property inspector.

Play the Movie

• Choose Control > Test Movie from the menu to play the movie.
• Click the Close button to return to Flash Professional 8.