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

Home > Articles > Design > Adobe Creative Suite

  • Print
  • + Share This
From the author of Adding More Shape Tweens

Adding More Shape Tweens

You can add shape tweens by creating more keyframes. Each shape tween simply requires two keyframes to define its beginning state and its end state.

Insert additional keyframes

You want the flame to continually change shape, just like a real flame would. You’ll add more keyframes and apply shape tweens between all the keyframes.

  1. Right-click/Ctrl-click on frame 17 in the flame layer and select Insert Keyframe. Or, choose Insert > Timeline > Keyframe (F6).
  2. Flash inserts a new keyframe at frame 17, and copies the contents of the previous keyframe into the second keyframe.

  3. Right-click/Ctrl-click on frame 22 in the flame layer and select Insert Keyframe. Or, choose Insert > Timeline > Keyframe (F6).
  4. Flash inserts a new keyframe at frame 22, and copies the contents of the previous keyframe into the second keyframe.

  5. Continue inserting keyframes at frame 27, 33, and 40.
  6. Your Timeline now has seven keyframes in the flame layer, with a shape tween between the first and second keyframes.

  7. Move the red playhead to frame 17.
  8. Choose the Selection tool.
  9. Click off the shape to deselect it. Click and drag the contours of the flame to create another variation in its shape. You can make the base thicker, or change the curvature of the tip to make it lean left or right.
  10. Modify the flame shapes in each of the newly inserted keyframes to create subtle variations.

Extending the shape tweens

Your next step is to extend the shape tween so the flame morphs from one shape to the next.

  1. Click on any frame between the second and third keyframes.
  2. Right-click/Ctrl-click and select Create Shape Tween. Or, from the top menu, choose Insert > Shape Tween.
  3. Flash applies a shape tween between the two keyframes, which is indicated by a black forward-pointing arrow.

  4. Continue to insert shape tweens between all the keyframes.
  5. You should have six shape tweens in the flame layer.

  6. Choose Control > Play, or click the Play button at the bottom of the Timeline.

Your flame flickers back and forth for the duration of the animation. Depending on how extensive your modifications to the flame have been, your flame may undergo some weird contortions between keyframes—for example, flipping or rotating unpredictably. Don’t worry! You’ll have a chance to refine your animation later in the lesson with shape hints.

  • + Share This
  • 🔖 Save To Your Account