Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Adobe Creative Suite

  • Print
  • + Share This
This chapter is from the book

Changing the Pacing and Timing

You can change the duration of the entire tween span or change the timing of the animation by clicking and dragging keyframes on the Timeline.

Changing the animation duration

If you want the animation to proceed at a slower pace (and thus take up a much longer period of time), you need to lengthen the entire tween span between the beginning and end keyframes. If you want to shorten the animation, you need to decrease the tween span. Lengthen or shorten a motion tween by dragging the ends on the Timeline.

  1. Move your mouse cursor close to the end of the tween span in the city layer.

    Your cursor changes to a double-headed arrow, indicating that you can lengthen or shorten the tween span.

    04fig13.jpg
  2. Click and drag the end of the tween span back toward frame 60.

    Your motion tween shortens to 60 frames, reducing the time it takes the cityscape to move.

  3. Move your mouse cursor close to the beginning of the tween span (at frame 1).

    04fig15.jpg
  4. Click and drag the beginning of the frame span forward to frame 10.

    Your motion tween begins at an earlier time, so it now plays only from frame 10 to frame 60.

Adding frames

You’ll want the last keyframe of your motion tween to hold for the remainder of the animation. Add frames by Shift-dragging the end of a tween span.

  1. Move your mouse cursor close to the end of the tween span.

  2. Hold down the Shift key, and click and drag the end of the tween span forward to frame 190.

    04fig17.jpg

    The last keyframe in the motion tween remains at frame 60, but Flash adds frames to frame 190.

    04fig18.jpg

Moving keyframes

If you want to change the pacing of an animation, you can select individual keyframes, then click and drag the keyframes to new positions.

  1. Click the keyframe at frame 60.

    The keyframe at frame 60 is selected. A tiny box appears next to your mouse cursor, indicating that you can move the keyframe.

    04fig19.jpg
  2. Click and drag the keyframe to frame 40.

    The last keyframe in the motion tween moves to frame 40, so the motion of the cityscape proceeds quicker.

    04fig20.jpg
  • + Share This
  • 🔖 Save To Your Account