Flash make movie subtitles display effect

This example is going to achieve the kind of subtitle display that the Star Wars opening. The focus of this section is to create a movie clip in real time and draw a starry background using drawing method (painting methods) of random functions and movie clips. The main film structure is shown in the following illustration.

Figure 1 Film structure

As you can see from the above picture, the structure of this example is relatively simple. The entire movie takes two layers out of a black background--the 1th layer for the caption to be displayed and the 2nd layer used to "spread the stars" as the background. Therefore, the whole production process can be roughly divided into the production of subtitles and the background of the production of two parts.

The production of subtitles is relatively simple, so there is no more to say, here briefly mention the "star" background of the production principle. In this example, the starry background used will not be a static background drawn with a drawing tool, but rather a dynamic background generated dynamically using ActionScript. Because each run, the corresponding n stars, the program will randomly produce n-group horizontal, ordinate values. Plus the size of each star, brightness is also random, so every time the background of the spread is absolutely not the same.

In the production process, the main use of the free Transform tool part of the function. and use the Math.random () function to create a formula for random numbers within a specified range, creating movie clips and using some painting methods in real time. The final playback effect as shown in Figure 2, to achieve this effect, the specific production process is as follows

Fig. 2 Final effect Chart of Star Wars opening text

I. Making subtitles effect

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

2. Double-click Layer 1 on the timeline. and change it to "caption", mainly used to rotate the text of the graphic elements, select the Text tool in the toolbox, and set the text color, font and size in the property panel, this example sets the text color to #cccc00, size 40, font is times New Roman, of course, can also be set to other properties. Once set, click on the stage and write the subtitle text, as shown in Figure 3.

Figure 3 Text entered on the stage

3. Then it's time to add a little perspective to the text. Select the written subtitle text, press two ctrl+b to separate the text into a color block. This is because the next transformation requires that the object must be a color block. Select the Freeform tool from the toolbox, and then distort the button from the Options panel. The separated text can be adjusted over four corners of the handle, so that the entire deformation box into a trapezoid, the effect is shown in Figure 4.

Figure 4 Adjusting the handle

4. After the transformation, select the Insert/Convert to Symbol menu command, convert the transformed caption to a graphic symbol, and name it "caption"

Select the title and press "Ctrl+t" to open the Transfrom (deformable) panel. Adjusts the value of the scaling so that the first line of words is about the same size as before the perspective is distorted, as shown in Figure 5.

Figure 5 deformable Panel

5. Drag the marquee symbol beyond the edge of the stage, as shown in Figure 6:

Figure 6 dragging subtitles

6. Click Frame No. 200 on the timeline and press F6 to insert a keyframe. Select the subtitle symbol on frame No. 200, use the transform panel to shrink it and drag it to the top of the stage, as shown in Figure 7.

Figure 7 Closing the caption element

7. Right-click Frame 1th, select Create Motion Tween on the shortcut menu that pops up, and convert 1th to No. 200 frames to motion intermediate frame animations. When you press ENTER to see the effect of the animation, you will find that the first half of the entire subtitle movement is slower than the end of the last part. So, you need to make some adjustments to the speed of the movement. Select Frame 1th to set the easy option in the properties panel to a positive value, as shown in Figure 8. In this way, the second half of the subtitle movement slows down.

Figure 8 Property Panel