Classic Tween

Classic Tween

Flash CS4 Tutorial


How to Add Classic Tween to Flash Timeline



Classic 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 Classic 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.

Classic Tweens require that you have one symbol at the start keyframe and that same symbol in a 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). The contents of frame one is copy-pasted into the newly created keyframe at frame 20.

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 Classic Tween from the pull-down menu.

Step Six

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

Motion Tweens and Shape Tweens

Classic 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