16 August 2011
A basic knowledge of the Flash Professional workspace.
Adobe Flash Professional CS5 can create two types of tweened animation: motion tweens and shape tweens. Flash can also create Classic Tweens, and you can read in this section why they're not covered in this learning guide.
Motion tweens are a very common way to create movement with Flash because Flash does most of the work, making things easy for you. Motion tweens can also help minimize file size, particularly over frame-by-frame animation, since you have fewer assets in your documents.
With motion tweening you create the motion tween and then define properties such as position, size, and rotation for an instance or text block at one point in time, and then you change those properties at another point in time. When you do this, Flash automatically creates the gradual change between the first and second point in time. You can also apply a motion tween that follows a motion path. For more information on using motion tweens that have motion paths, see Animation Learning Guide for Flash: Motion paths.
Note: You can use motion tweens with all versions of ActionScript and Flash Player. In fact, if you needed to create a SWF for Flash Player 1 with motion tweens, you could.
In shape tweening, you draw a shape at one point in time, and then you change that shape or draw another shape at another point in time. Flash interpolates the values or shapes for the frames in between, thus creating the animation. The shape morphs from the first shape into the second shape, or you can animate color and gradients. For more information on shape tweens, see "Creating shape tweens."
Tip: To apply shape tweening to groups, instances, or bitmap images, you must first break these elements apart (Modify > Break Apart). To apply shape tweening to text, you must break the text apart twice to convert the text to objects. For more information, see the Break text apart section of the Flash product documentation.
You can motion-tween many properties of symbol instances and text fields. Flash can tween the position, size, rotation, and skew of instances and text. You can also tween color effects and filters, such as the alpha transparency and blur applied to instances. Most individual properties can be tweened independently from each other. For example, you can tween the tint color independently from the tint amount. Oh, the power you now hold!
For more information on creating symbols, see the Create symbols section of the Flash product documentation. For information on applying color effects and filters to symbol instances, see the Applying filters section in the Flash product documentation.
You may notice a reference to inserting "Classic Tweens" in Flash menus. Classic tween refers to tweening in Flash CS3 and earlier, and is maintained in Flash primarily for transition purposes. Because the new motion tweens are easier to use and offer much more functionality than classic tweens, you should use the new model whenever possible. For information on when you might want to use classic tweens, see the "When to use classic tweens" section in the motion migration guide for Flash.
Classic tweens in Flash CS4 and later are largely created and modified the same way as in previous versions of Flash—the main difference being that you cannot create a classic tween from the Property inspector. There is a lot of information freely available online about creating and editing classic tweens, including the legacy Animation Learning Guide for Macromedia Flash 8 and the Working with classic tween animation section of the Flash product documentation.
A motion tween that you create with Flash Professional has a single object in a tween span, typically called the tween's target object. If you're used to motion tweens in earlier versions of Flash, you manipulate the properties of a single object across a number of frames instead of creating motion between two different objects (keyframes). There are several advantages to having a single target object in a tween:
All this means that there are some changes to the way tweening can work, between the old and new version. You can read more about these changes in the Motion migration guide for Flash.
To animate the changes of a target object's properties, you use motion tweens (see Figure 19). Motion tweens automatically convert changes you make to properties over time into smooth animations.
You can create a motion tween using one of three methods:
In all of these cases, Flash converts the static frames to a tween span on the Timeline. You may encounter the following during the process:
When tweening position, you can make the object move along a nonlinear path. For information on tweening along a path, see Animation Learning Guide for Flash: Motion paths.
To create a motion tween that animates position and rotation using the Motion Tween option:
Tip: If you don't see this keyframe, make sure you have the Keyframe View set to All; to do so, right/Control-click the tween span and select View Keyframes > All. Because every property in a motion tween can have its own keyframes, and a timeline can only show one diamond on a frame, you need to specify which property keyframes the tween span shows. You will see a diamond if any property keyframe exists on that frame when you select All. If the property keyframes get in the way, you can always change your setting using this menu to display certain categories of property changes.
Note: For information on animating along a path, see Animation Learning Guide for Flash: Motion paths.
To remove a motion tween from a timeline, select a motion tween and do one of the following:
Note: To create 3D animation, just use the 3D tools to apply 3D rotation or 3D translation to the animated instance. For more information on using 3D tools and applying 3D to your tweens, read Exploring the new 3D features in Flash CS4 Professional.