Flash to make a beat text mirroring effect

This instance implements a beat text mirroring effect. The results of the implementation of the main two aspects, one is to delay the animation of different components of the time to achieve the text of the movement. Second, by adjusting the speed of the intermediate frame, the elastic effect of the beating is realized. and the main production steps of the effect is also two, one is to make character template, two is the production of concrete effects. The difficulty lies in component conversion, component substitution, intermediate frame animation speed adjustment and simple playback control. The final playback effect as shown in Figure 1, to achieve this effect, the specific production process is as follows

Figure 1 Final effect

I. Making character templates

1. Create a new movie, set its size to 550pxx400px in the property panel, and select a color (this example is #ffccff) as the background color.

2. Click or press the R key to select the rectangular tool from the toolbox. Set the border color to none, fill color to #ff99cc, use Rectangle (Rectangle) tool to draw a large rectangle on the stage, cover the lower part of the stage, the effect is shown in Figure 2.

Figure 2 The rectangle drawn on the stage

3. Click or press the T key to select the Text tool from the Toolbox and in the Properties panel. Set the font to bold, font size 96, color #ff99cc, write an "x" capital letter on the stage, this "X" will be used as a template for all text, as shown in Figure 3:

Figure 3 "X" text template

4. Select the character "X", select the "Insert/Convert to symbol" menu command, or press F8 directly to eject the Convert to Symbol dialog box. Set behavior to graphics and name it "CHAR_TPL" in the names text box, and click OK to convert the character "X" to the graphic symbol "CHAR_TPL". Select the character x just converted to the graphic symbol "CHAR_TPL" and open the Convert to Symbol dialog box again. This time, change "behavior" to "movie clips" and rename it "M_char_tpl" to convert the graphics symbol CHAR_TPL to the movie clip symbol M_CHAR_TPL. "Double-click the character x of the movie clip symbol" M_CHAR_TPL "to enter symbol-editing mode. Select the character "X" on the stage, and then select the Window/Info menu command or press Ctrl+i directly to open the Info panel. Then change the Y value (that is, the ordinate value of the character X) to 50, as shown in Figure 4.

Figure 4 Setting up the information panel

5. Select Frame 20th on the timeline, select the Insert/keyframe menu command, or press F6 directly to insert a keyframe. Next, at frame 40th, insert another keyframe with the same action, as shown in Figure 1-30. Click Frame 20th on the timeline to change the Y value on the info panel to-70, which moves the text x up 70 units. Click Frame 1th on the timeline to change the Tween animation type option to an impotent gradient in the properties panel, with an acceleration setting of 100, which slows down slowly. Click Frame 40th on the timeline, select the Window/Action menu command, or press F9 directly to open the Actions panel and enter the following program statement in the panel:

gotoAndPlay (_CURRENTFRAME-40);

This ActionScript script causes the movie clip "M_char_tpl" symbol to return to frame 1th and begin playback. Doing so would make the falling motion more realistic, while the use of the _currentframe statement reduced the resistance that might be encountered in the subsequent fabrication, when the movie clip "M_char_tpl" has the timeline state as shown in Figure 5:

Figure 5 Timeline window for "M_CHAR_TPL"

6. Back to the main scene. Delete the X on the stage so that the character template is finished.