Search Our Web Design Blog...

Wednesday, April 11, 2012

Flash CS5 (shape tween)

Adobe Flash Creative Suite 5 can open up new worlds for creating quick, sleek animation without much effort. You should take advantage of shape tweens if your goal is to modify the shape of an object from start to finish, such as morphing a star into a circle.
For the most part, shape tweens are created in quite a similar manner to motion tweens. However, unlike motion tweens, shape tweens must use raw shapes instead of symbols.
In addition to morphing between distinctively different shapes, shape tweens can morph color. As with motion tweens, you can tween only one shape at a time on a single layer. If you want to create multiple shape tweens simultaneously, isolate each one on its own layer.
Follow these steps to create a shape tween:
  1. Create a new Flash document. At the bottom of the workspace, click the Timeline panel’s tab to bring it forward.
  2. On an empty layer, draw a shape (for example, a star or polygon with the Polystar tool) on Frame 1.
    You can include a stroke and a fill, because the shape tween can handle both.
  3. Click on Frame 25 and choose Insert→Timeline→Blank Keyframe.
    Rather than choose the motion tween, we choose a blank keyframe because we don’t want a copy of the shape drawn on Frame 1 to be carried over to the new keyframe.
  4. Draw a distinctively different shape on the new, blank keyframe on Frame 25.
  5. Select Frame 1 and choose Insert→Shape Tween.
    You see an arrow and a green shaded area appear between the starting and ending keyframes, indicating that you’ve successfully created a shape tween.
  6. Turn on the Onion Skin Outlines option below the Timeline to see the frames that Flash has created for you.
  7. If necessary, use the sliders that appear on the timeline ruler to show Onion Skin Outlines across the entire range of frames from beginning to end.
  8. Press Enter or Return to play back your animation.
    The original shape transforms into the final shape.

    image0.jpg

No comments:

Post a Comment