Motion Tween

Motion Tween

Flash CS3 Tutorial


How to Add a Motion Tween to Flash Timeline



Motion Tweens are used to transition between two symbol states.

In other words, you may have a symbol at stage left, at frame one, and the same symbol at stage right at frame 20. Once you apply a Motion Tween, the object gradually moves from left to right over 20 frames.

In addition to Position, you can also tween Tint, Rotation, Alpha, Brightness, and Scale. It is best to convert your object to a Symbol before applying a tween.

Motion Tweens require that you have one symbol at the start keyframe and that same symbol in an end keyframe. There must be some change made to the symbol state (i.e., Position or Alpha), in the end keyframe. For information on Alpha, Brightness or Tint tweening, see topics, Transparency (Alpha) Tween, Brightness Tween, and Tint Tween.


Step One

Add an oval shape to the stage using the Oval tool (o key).

Step Two

With the oval shape selected, convert it to a Movie Symbol (F8)(Modify > Convert to Symbol).

Step Three

Click frame 20 of and press F6 (Insert > Timeline > Keyframe).

Step Four

Click the keyframe at frame 1. Using the Selection tool (v key), then click and drag the oval to a new position.

Step Five

Right-click the timeline between your keyframes and choose Create Motion Tween from the pull-down menu.

Step Six

To render your swf file, press Cmd/Return (PC-Ctrl/Enter).

Motion Tweens and Shape Tweens

Motion Tweens work with Symbols. If you wish to transition between Drawing Objects or Merge Shapes you would use a Shape Tween.

Dashed Tweens are a Bad Thing

Dashed tweens tell you that something is wrong. For instance, if you assigned a motion tween between two keyframes, one with a symbol and the second one empty, the tween would appear as a dashed line.


Contribute Ad