A detailed explanation and example of flash8.0 motion complement animation

Motion tweens are also one of the most important manifestations of flash, and unlike shape tween animations, the objects of motion tweens must be "symbol" or "group objects."

Using motion tweens, you can set the size, position, color, transparency, rotation, and other properties of the component, and you can even make an amazing imitation of 3D effects with other tricks. This example explains in detail the feature and creation method of motion motion tween, and analyzes the difference between motion motion tween and shape tween animation, and a carefully designed example will take you to further deepen your understanding of motion tweens.

1. The concept of motion tween animation

(1) The concept of motion tween animation

In the Flash's time frame panel, place a component at a point in time (a keyframe), and then change the size, color, position, transparency of the component at another point in time (keyframes), and so on, the animation created by Flash based on the value of the frame between the two is called the motion morphing animation

(2) elements that form motion tweens

The elements that make up an action motion tween are components, including movie clips, graphic symbols, buttons, and so on, in addition to components, other elements including text can not create tweened animation, other bitmaps, text and so on must be converted into a symbol, only the shape "combination" or converted to "components" can do "motion tweens animation."

(3) The performance of motion motion tween in the time frame panel

After the motion tween is established, the background color of the time frame panel changes to lavender, and there is a long arrow between the start and end frames, as shown in Figure 3-4-1.

Figure 3-4-1 performance of motion tweens on time frames

(4) The difference between shape tween animation and motion tween animation

Shape tweens and motion tweens are part of a motion tween animation. Each has a starting and ending frame, and the difference is shown in the following table.

The difference	Motion Tween Animation	Shape Tween Animation
The performance on the timeline	Lavender background Plus long arrow	Light green background plus long arrow
constituent elements	Movie clips, graphic symbols, buttons	Shape, if you use graphic symbols, buttons, text, you must first break and then deformation.
The role accomplished	To achieve the size of a component, position, color, transparency, and other changes.	To achieve changes between two shapes, or a shape's size, position, color, and so on.

5 to create motion tweens animation method

Create or select a keyframe and set a component where the animation begins to play on the timeline panel. You can place only one item in a frame, create or select a Keyframe and set the properties of the component at the end of the animation, click the start frame, and then click the small triangle next to tween on the property panel. Select "Action" from the pop-up menu, or right-click, and select "New motion Tween" in the pop-up menu to create the motion tweens animation.

2. Understanding the Properties panel of motion tween animations

When you click on the start frame of the timeline motion tween animation, the frame properties panel changes as shown in Figure 3-4-2.

Figure 3-4-2 Motion tweens animation Properties panel

(1) "Simple" option

On the "0" side there is a sliding lever button, click to pull up or down the slider or fill in the specific values, motion animation effect will be the following settings to make the corresponding changes:

Between negative values between 1 and 100, the animation moves faster from slow to fast, accelerating the tween toward the end of the motion. Between 1 and 100 positive values, the animation moves faster and slower, slowing the tween toward the end of the motion. By default, the rate of change between tween frames is constant.

(2) "Rotate" option

There are four choices, select "None" (default) to prohibit the rotation of components; Select Auto to rotate the object once in the direction that requires the smallest action, select clockwise (CW) or counterclockwise (CCW), and then enter a number to rotate the component clockwise or counterclockwise as it moves.

(3) "Adjust to Path"

Adjust the baseline of the tweened element to the motion path, which is used primarily for the boot line movement, and we'll talk about this feature in the next section.

(4) The Sync check box

Synchronizes the animation and main timeline of a graphical symbol instance.

(5) "Alignment" option

You can attach a tweened element to a motion path based on its registration point, which is mainly used for the boot line movement.