Flash 3d Effect Example--crystal ball

A sparkling crystal ball flash flash, and you can use the mouse to drag it, the final effect is as follows:

Animation effect:



source File Download >>>>>>


　　 specific production steps:

1. Start Flash first, set the movie stage size to 400px*400px (in pixels), the film background color is purple, color code for #660099.

2. Create a new graphic symbol named Bubble, after you have entered the editing area of the component, after you select the Ellipse tool, draw a positive circle in the editing area while pressing the SHIFT key, open the Color mixer panel, set the fill style to a radial gradient, and then set the left and right two color blocks below the ribbon as shown in Figure 1;



Figure 1 Setting the fill color

The RGB value of the left slider color is 208,181,255, the RGB value of the right slider color is 0,0,0, after the fill color is set, select the Paint Bucket tool in the toolbox, and then paint the positive circle, and then remove its contour, as shown in Figure 2:



Figure 2 Gradient change for a positive circle fill

3. Now the ball looks very unnatural, need to add a little light, so that looks like crystal clear. Create a new graphic symbol named glare, after entering the editing area of the component, draw two positive circles of different sizes, remove all the contour lines, and temporarily set the fill color. This is set to white, then move the small circle above the circle, and make its center of the circle coincide, then select the inner Small circle, press the DELETE key to remove it, and then create a circle, as shown in Figure 3:



Figure 3 Making a ring

4. Use the Arrow tool to circle a small arc of the upper-left part of the ring, drag it away from the entire ring, and then remove the remainder, leaving only this small arc, as shown in Figure 4:



Fig. 4 to intercept a small segment of arc

5. Open the Color mixer panel, select the radial gradient in the Fill style Drop-down list, and then set the two color sliders below the color as shown in Figure 5:



Figure 5 Setting the fill color

The color of the left slider is white, and the RGB color code for the right slider is 133,106,217.

6. Back to the editing area of the component bubble, drag the symbol four times from the gallery to the edit area, and then adjust its position to the upper left of the sphere, as shown in Figure 6:



Figure 6 Add Highlights

Such a sphere with a bright spot is done.

7. Then realize the crystal ball a stretch of the effect of a contraction. Create a new movie clip symbol, named up BTTN movie, after entering the component's editing area, drag the component bubble to the edit area, insert the keyframe at frame 6th and 9th, and then back to frame 6th, using the Zoom tool to narrow the crystal ball appropriately, Then set up the 1th frame to the 6th frame, the 6th frame to the 9th frame motion gradient animation, thus forming the crystal ball contraction effect, the time axis as shown in Figure 7;



Figure 7 Timeline Window

8. Because in the final film, The crystal Ball has the function of being dragged, so it is also necessary to make the crystal ball into a button so that it can be dragged. Create a new button symbol named Snow BLL bttn, after entering the component's editing area, drag the component to the button's bouncing frame, The keyframes are then inserted into the frame by the pointer and down the frame.

9. Finally create a new movie clip symbol, named Bubbleb, after entering the editing area of the component, just drag the button snow BLL bttn to the edit area, and then add Action;stop () to the first frame:.

10. Back to the main scene, the final task is to decorate a few crystal balls in the stage, it is best to build a few more layers, one layer put a crystal ball bubbleb, and adjust each layer of the crystal ball, so that its size can be different, this example built six layers, placed six crystal ball, the final stage as shown in Figure 8;



Fig. 8 The final stage