Flash CS4 Mouse Mobile Fireworks falling effect (figure)

The introduction uses the Flash CS4 to make the mouse to trigger the fireworks to fall the interactive effect, mainly uses the computation mouse to follow the object to produce has the certain law the Spark special effect.

Idea: Import the background material, and then make the fireworks falling effect. Create a document class that produces a multiple-angle star effect that follows the mouse, creates an extension class of the component class, and produces a random size spark.

With the mouse on the screen across, you can see gorgeous interactive effects

First, the production of fireworks falling effects

(1) Create a new blank document with a size of 500x300 pixels and a frame frequency of 30fps. Press Ctrl+r to import the "chapter08/material/Xihu night view. jpg" File in the companion CD, and set its coordinates (0,0), as shown in Figure 1, and then add the main document class in the Properties panel using the previous method.

　　

Figure 1 Importing Backgrounds

(2) Press Ctrl+f8 to create a new movie clip (named STAR_MC), enter the editing area of the movie clip, and then hold down the Shift+alt key combination and use the Oval tool to draw a circle at the center point of the movie clip.

　　

Figure 2 Drawing a circle

Tips and hints: The shape's fill color is "radial", the 1th color is (r:255,g:0,b:0), the 2nd color is (r:153,g:0,b:0), the 3rd color is (r:153,g:0,b:0), Alpha is 0%.

(3) Create a new star layer, click the multi-angle Star tool button in the Toolbox, set the tool's parameters in the Properties panel, and then hold down the Shift+alt key combination and draw a star as shown in Figure 3 at the center point of the movie clip.

　　

Figure 3 Drawing a multi-angular star

(4) Use the selection tool to adjust the vertex position of the star shape, as shown in Figure 4.

　　

Figure 4 Adjusting vertices

(5) Select the adjusted multiple-angle star, and then copy in situ, press Ctrl+alt+s to open the Zoom and Rotate dialog box, set the zoom to 40%, and then set its color to white, as shown in Figure 5.

　　

Figure 5 Copying and scaling graphics

(6) Return to Scenario 1, press Ctrl+f8 to create a new movie clip (named MAGIC_MC), and then set the fill type to "radial", the 1th Color (r:255,g:255,b:255), and the 2nd color label (r:255,g:255,b : 204), the 3rd color is (r:255,g:204,b:0), the 4th color is (r:255,g:102,b:0), the 5th color is (r:153,g:0,b:0), Alpha is 0%, then hold down the ALT key while using the "rectangular tool" Draws a rectangle as shown in Figure 6, starting at the center point of the movie clip.

　　

Figure 6 Drawing a rectangle

(7) Use the Freeform tool to select the rectangle, and then press Ctrl+t to open the Transform panel, set the rotation to 45°, and then click the Redo selections and variants button to copy 3 of the graphics, as shown in Figure 7.

　　

Figure 7 Copying a graphic

(8) Copy the 5 graphics and adjust them to the colors shown in Figure 8, then convert the copied graphics to movie clips, and name them 01, 02, 03, 04, and 05, respectively.

　　

Figure 8 Copying a graphic

(9) will be 01, 02, the 03, 04, and 05 movie clips are placed on the 5 keyframes of the MAGIC_MC layer, each of which adds a different glow filter, a new as layer, and then the Stop (): program, as shown in Figure 9, in the action-frames panel.

　　

Figure 9 Applying a filter effect