A detailed explanation and example of flash8.0 shape tween animation

Shape Tween animation is one of the most important expressions in flash, using it, you can change all kinds of wonderful magical deformation effects.

This section starts with the basic concept of shape tween animation, I'll take you through it. The performance of the shape tween animation in the time frame, understanding the creation method of motion tween, learn to apply "shape hint" to make the shape natural and smooth, finally, provide two instance practicing, help you to understand the shape tween animation more deeply.

1. The concept of shape tween animation

(1) The concept of shape tween animation

On the time frame panel of Flash, draw a shape at one point in time (keyframes), and then change the shape or draw another shape at another point in time (keyframes), the animation created by flash based on the value or shape of the frame between the two is called the shape tween animation.

(2) elements that make up the shape tween animation

Shape tweens animate the color between two shapes, shape, size, position of the mutual changes in the flexibility of the deformation between the frame and motion animation between the two, the use of the elements of the mouse or the pressure to draw the shape of the pen, if the use of graphics components, buttons, text, you must first "scattered" and then deformation.

(3) The performance of the shape tween animation on the time frame panel

When the shape tween animation is built, the background color of the time frame panel changes to pale green, and there is a long arrow between the starting and ending frames, as shown in Figure 3-3-1.

Figure 3-3-1 shape tweened animation marks on the time frame panel

(4) How to create a shape tween animation

Create or select a keyframe and set the shape to begin morphing on the timeline panel where the animation begins to play. In a general frame, take one object, create or select a keyframe at the end of the animation, and set the shape to become, click the start frame, and click the small triangle next to tween on the properties panel. Select Shape in the pop-up menu, and the timeline changes as shown in Figure 3-3-1, and a shape tween animation is created.

2. Understanding the Properties panel of shape tween animations

The properties panel of Flash changes with the object selected by the mouse. When we set up a shape tweens animation, click on the time frame, the properties panel is shown in Figure 3-3-2.

Figure 3-3-2 shape tweened Animation Properties panel

There are only two parameters on the properties panel of the shape tween animation:

(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, the shape of the motion tween will change accordingly.

Between negative values between 1 and 100, the animation moves slowly from slow to fast, moving toward the end of the motion with an acceleration tween. 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) "Blending" option

There are two options in the blend option:

Corner options: An animated middle shape that you create retains a distinct angle and line, suitable for blending shapes with sharp corners and straight lines. Distributed option: The animation intermediate shapes created are relatively smooth and irregular.

At this point, "shape tweens animation" of the relevant knowledge we have already known, the following hands-on example, to realize the shape of the Magic animation.