Motion Tweening

INTRODUCTION/
MAIN PAGE

BEGINNING WITH FLASH
SHAPE TWEENING
CONGRATS! AND EXAMPLES

Motion Tweening is similar to shape tweening, although a little more complicated. It's what makes the animation that was seen on the intro page, and is very easy to do. Let's get started!

  1. Similar to Shape tweening, in a new document, make sure Frame 1 of Layer 1 is selected, and create an image or import an old one. A plain circle works just fine.
  2. At the top, select Modify> Convert to Symbol (make sure that under Tools the black arrow is selected first)
  3. Rename and Select Movie Clip.

This image must converted to a movie clip in order to be animated!

4. Select Frame 10, and create a keyframe (F6 or Right-click)
5. At Frame 10, move the symbol to the desired location, or modify its size or skew.

 

In the example above, the symbol is moved to the other side of the screen.

6. Click any frame between 1- 10, and in the properties tab set the Tween to Motion.
7. Adjust the Ease -- the higher the value the smoother the transition. For something this simple, no more than 30 is necessary.
8. To rotate the object, Select CW or CCW for the direction.

Hit Ctrl+Enter to test the animation!

Feel free to play around with different ways to change the animation -- this tutorial only outlined the beginning!

 

 

MAIN 1 2 3 4 -->