Flash Beautiful Starlight Animation effects

This example thought: import lotus material, then make flicker animation effect for it. Draw matte graphics, and then use the superposition principle between the graphics to create a star animated effect.

Part 1

Make a Lotus Flash animation (1) Create a blank document with a size of 550x400 pixels, a black background color, and a frame frequency of 25fps. Rename the default layer 1 to "background", then use the Rectangle tool to draw a rectangle without a border, open the color panel, set the type to radial, set the 1th color to (r:1,g:47,b:152), and the 2nd color label (R:2,G:2,B:100) , the 3rd color mark is (r:0,g:0,b:0), and the fill effect is shown in Figure 4-1.

Figure 4-1 Making background (2) Create a new "lotus" layer and press Ctrl+r to import the "CHAPTER04/material/Lotus. png" file in the companion CD, as shown in Figure 4-2.

Figure 4-2 Import footage (3) Select the Lotus in the Lotus layer and press F8 to convert it to a movie clip (named "Lotus"), as shown in Figure 4-3.

Figure 4-3 Create a movie clip (4) Select the movie clip "Lotus" and add the glow filter to it, as shown in Figure 4-4. The quality is "high" and sets its luminous color to: r:0,g:255,b:255), Alpha 100%, as shown in Figure 4-4.

Figure 4-4 Adding the Glow filter

WEBJX Core Tip: This example will use mask layer graphics and masked layer of the superposition of the principle of graphics to create a star animation effects. (5) Double-click the edit area of the movie clip "Lotus", press F8 to convert it to a movie clip, then insert keyframes in frames 40th and 75, select Frame 40th, and do the settings shown in Figure 4-5 in the properties panel, and finally create a classic motion tween.

Figure 4-5 Adding the lotus blink effect

Part 2

Make Starlight Animated Effects (1) Create a new "star" layer on the top layer of the "Lotus" layer, and then press the CTRL+F8 key combination for creating a movie clip, as shown in Figure 4-6.

Figure 4-6 New symbol (2) Use the Rectangle tool to draw a rectangle without a border, set the fill color to (r:0,g:255,b:255), fill the rectangle with the set color, and then adjust its shape with the selection tool, as shown in Figure 4-7.

Figure 4-7 Adjusting the rectangle shape (3) Use the Freeform tool to select the graphic, and then drag the transformation center point to the center point of the stage, as shown in Figure 4-8.

Figure 4-8 Adjusting the center position of the Graphic (4) Use the Select tool to select the adjusted graphic, and then press Ctrl+t to open the Transform panel, set the rotation angle to 30°, and then click the Redo selections and variants button to copy the 11 graphics, as shown in Figure 4-9.

Figure 4-9 Rotate the copied graphic (5) Create a new layer 2 and copy the graphics from layer 1 to Layer 2. Then select the graphic in Layer 2, perform the Modify/warp/Horizontal Flip menu command, adjust the original graphic to white, and then drag layer 2 to the next layer of layer 1. As shown in Figure 4-10.

Figure 4-10 Horizontal Flip graphic

WEBJX Core Tip: This example will use mask layer graphics and masked layer of the superposition of the principle of graphics to create a star animation effects. (6) Select the 1th frame of "Layer 2" and press F8 to convert it to a graphic symbol (name "Turn graph"). Then select frame 195th of layer 1 and Layer 2, press F5 to insert the frame, select Layer 1, Frame 195th, then press F6 to convert it to a keyframe, and finally convert Layer 2 to Layer 1 mask layer, as shown in Figure 4-11.

Figure 4-11 Add keyframes (7) Select frame 1th of Layer 2, right-click, and select the Create Classic Tween command from the pop-up menu, and then set the rotation to counterclockwise in the Properties panel, as shown in Figure 4-12.

Figure 4-12 creates a classic motion tween (8) returns to Scene 1, selects the Starlight movie clip in the astral layer, and adds a glow filter to it in the Properties panel, as shown in Figure 4-13.

Figure 4-13 Adding the Glow filter Tip:

As shown in Figure 4-13 is the schematic diagram of the starlight. From the left figure can be seen in the white and Cyan Graphics cross section is a diamond, the white shape into a mask layer, the display of only the cyan diamond, so as to achieve the diamond-like effect of the right figure.

Fig. 4-14 Starlight schematic diagram (9) Create a new "star small" layer, then copy the movie clips from the "Starlight" layer to the layer, and then use the Freeform tool to shrink it to the size shown in Figure 4-15.

Fig. 4-15 copy Element (10) Create a "blue Starlight" layer on the upper layer of the "Starlight Small" layer, then copy the "Starlight" component from the "Starlight" layer to the "Blue Starlight" layer, select the "Starlight" component in the layer, and set its hue to (r:255,g:204,b:0), and then rotate it to the angle shown in Figure 4-116 using the Freeform tool.

Figure 4-116 Adjust the color and select the graphic (11) Select the movie clip in the Blue Starlight layer, and then add the blur filter to it in the Properties panel, as shown in Figure 4-17.

Figure 4-17 Add the blur filter (12) Press Ctrl+enter to publish the animation.