>> KYSCORP.COM TUTORIALS >> FLASH Tutorials

Shape Tweening and Motion Guides

Introduction:
Shape tweening allows you to change the shape, size, color or location of editable objects in your movie. However, you cannot create shape tweens that follow a path, the way motion-tweened objects can. With shape tweening you can only make them move in straight lines. This tutorial will teach you to animate shape tweens that do follow a curved path as demonstrated in the example below, by simulating a guide path for it to follow.

How to:
1- Create a new Flash document.
2- On the Stage, select frame 10 and choose Insert>Keyframe.
3- On the Stage, select frame 10 and choose.
4- Tweening: Double-click on any frame from 1 to 10 to access the Frame Properties dialog box, choose the Tweening Tab, and select Shape as the tweening type and click OK, Flash gives frames 1 to 10 the shape-tweening property, tinting them green and placing the tweening arrow in them. You can now add keyframes and shapes.
5- The Image: In the first keyframe draw your initial image, for example chose to draw a circle, In the last keyframe place your final image.
6- Tween Sequence: In the timeline select the full range of frames in the tween sequence Choose Insert>Keyframe, Flash converts each frame (with its transitional content) into a keyframe.
7- Motion Guide: Next we need to simulate a motion guide by creating a guide layer, Draw a curving line you want your image to follow.
8- Choose View>Snap
9- Attach to Guide: Now reposition the object in each keyframe onto the motion guide you created When you drag your image close to the motion guide Flash will snap the image to the line. Now your shape tween will follow the circular guide path.

By ~Sckorpion