Beep Beep Car Tutorial
Part 7

 

 

Keyframes

Keyframes are used to specify changes in the animation. At the current time, each layer in your movie is only one frame long. You want your movie to last 20 frames. Inserting a key-frame at Frame 20 will cause each layer to remain on the screen until Frame 20.

Extend the Sky Layer

  1. Right click in Frame 20 of the Sky layer.
  2. Choose Insert Keyframe from the pop-up menu.

Extend the Buildings Layer

  1. Right click in Frame 20 of the Building layer.
  2. Choose Insert Keyframe from the pop-up menu.

 

Extend the Trees Layer

  1. Right click in Frame 20 of the Trees layer.
  2. Choose Insert Keyframe from the pop-up menu.

 

Create the Car Layer

Create a new layer. Name the layer Car.

  1. Make the Trees layer the active layer by clicking on the Trees layer name.
  2. Choose Insert > Layer from the menu to create a new layer above the Trees layer.
  3. Rename this new layer to Car

Add the Car to the Stage

  1. Click in the first frame of the Car layer.
  2. Move to the Library panel.
  3. Click on the icon next to the car and drag the car onto the stage.
  4. Choose the Selection tool
  5. Click on the Scale modifier. Handles will appear around the car.
  6. Drag the handles until the car is the appropriate size.

 

 

Making It Move

 

Motion Tween

Make the Car Move

  1. Place the car to the left of the Stage as shown here.
    Note: This is where we want the car to finish .

  2. RIGHT Click in Frame 20 of the Car layer.
  3. Choose Insert Keyframe from the popup menu.
  4. Click in Frame 1 of the Car layer.
  5. Move the car to the right of the Stage as shown here.
    Note: this is where we want the car to start.

  6. Choose, by clicking, any frame in the car layer between the start frame (frame 1) and the ending frame (frame 20) .
  7. From the properties panel select Tween: Motion from the drop down menu.


  8. You should notice in the timeline panel, the Car layer now has an arrow with a blue background from frame 1 to 20.
    This indicates a tween for these frames.



  9. Choose Control > Rewind from the menu to rewind the movie.
  10. Choose Control > Play from the menu to play the movie. Your car should move across the Stage.

 

Adding Sound

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

Import the Sound

  1. Right Click here to get a Car horn sound. Save this to an appropriate folder. (Save by right clicking , Save Target As..)
  2. Choose File > Import to library from the menu. Find and select beep.wav and click on Open. The file beep.wav will appear in the Library.

Add the Sound

  1. Click on the Car layer name to make the Car layer the active layer.
  2. Choose Insert > Layer from the menu to create a new layer. The new layer should appear at the top of the stack as the active layer.
  3. Change the new layer name to Beep.
  4. Right Click in the middle frame, Frame 10, on the Beep layer.
  5. Choose Insert Keyframe from the popup menu to make Frame 10 a keyframe.
  6. Look at the properties panel, choose beep.wav from the drop-down menu in the Sound field.


  7. Choose Event from the drop-down menu in the Sync field.
  8. In the timeline panel the wave is indicated, and shows how many frames it uses



Play the Movie

  1. Choose Control > Test Movie from the menu to play the movie.