Tuesday, September 15, 2009

Using Motion Tween to Animate

Creating an animation frame - by -frame can be a lot of work, because you have to draw every frame yourself. with tweening, Flash will fill in th eblank frames between two keyframes.

Flash has two types: Motion Tweening and Shape Tweening.
we'll cover motion Tweening first.

Creating a Motion Tween

A basic Motion Tween is very easy to produce. Let's do one, and then we can come back to analyze it.

Task: Create a Basic Motion Tween

1. In a new file, draw a circle on stage.
2. Select the entire cirlce and choose Insert, Convert to Symbol. Name it Circle, leave it ti set to the default Movie Clip, and clock OK.
3. Click in the Timeline on frame 30 and select Insert, Keyframe (F6).
4. Click on the Keyframe in frame 1; the red current frame marker will move to frame 1. Position the Cirlce where you want it to appear at the beginning - let's move it to the left side of the stage.
5. Click in the last keyframe (frame 30) and notice that the red current frame marker moves to the frame 30. Postion the circle on the right side of the page.
6. Try scrubbing. The animation will look pretty abrupt. The cirlce stays on the left side for 29 frames and then jump as to the right side. to make the movement smoother, Flash will take care of in the between frames.
7. Tweening is set in the beginning keyframe, in this case the first keyframe (frame1). Select the keyframe in frame 1 and open the frame panel.
8. The frame panel includes the Tweening drop-down list and a field where you can name the label of the keyframe.
9. Select Motion from the Tweening drop-down list. Leave all the default settings.
10. Thats it! Select control, test Movie (Ctrl+Enter) to see what you did.

No comments: