flash8.0 custom Ease in/ease out animation example

In this section we use custom ease/ease animation to produce a realistic bouncing ball example, as shown in Figure 3-96.

Figure 3-96 Example effect

The following is an explanation of the production process.

(1) In order to facilitate the production of this example, the author has made a number of graphic elements in advance. We open the original file that provides the material in this example directly, and operate on the basis of this file. As shown in Figure 3-97, there are three graphical components that have been made in advance.

Fig. 3-97 the graphic elements made in advance

(2) Rename "Layer 1" to "background". On this layer, drag the background graphic symbol from the library onto the stage. Set the coordinates to (0,0) on the Properties panel.

(3) Create a new layer and rename it to "Ball". On this layer, drag the ball graphic symbol from the library to the top of the stage. As shown in Figure 3-98.

Figure 3-98 "Ball" layer frame 1th

(4) Insert a keyframe at frame 60th of the "ball" layer and move the ball to the center of the stage in 60 frames. Inserts a frame in frame 60th of the background layer. As shown in Figure 3-99.

Figure 3-99 "Ball" layer frame 60th

(5) Select the 1th frame of the "ball" layer, and in the Properties panel, select the animation option in the Tween drop-down menu. This defines a motion tween from frame 1th to frame 60th.

(6) Click the Edit button to the right of ease to eject the Customize ease in/Ease out dialog box. As shown in Figure 3-100.

Figure 3-100 the Customize ease in/Ease out dialog box