Flash to create a beautiful chic QQ menu

The menu everybody see this kind of QQ menu make is not very exquisite and chic?? And the original file is only 100K, so let's learn how it's made. Small and beautiful navigation menu

http://www.flash8.net/bbs/UploadFile/2005-3/200536122252547.swf

Click here to see the full screen effect

Click here to download the source file

This menu consists of two parts that make up the animation effect behind, and the previous menu we do the following animations first.

First set the canvas

Create a new symbol on the scene and pull out a gradient effect rectangle set to the canvas size gradient colors are #01acff, #E1F7FF, #DAF1FF

Create a new movie clip called "Background" drag the component you just made, drag the "background" MC onto the stage and name the stage in the background layer, and then we'll do the cloud effect.

Create a new component 2 draw a complete ellipse above and then use the Fill tool and fill deformation tool to make it a cloud effect

We can change its size and effect.

Create a new "cloud" layer on the home scene to make the component 2 in a cloud-like manner by rotating and scaling the elements in a certain way:

All right, Cloud's done,!~~. Now we start to make flowers.

Next, make the petals. Create a new component draw a white circle with Alpha 50%, create a new layer and draw a pink circle. The circle is smaller than the white circle, using radial gradients and fill deformation tools to change its center point to make a three-dimensional petal effect.

Then do the stamens.

Next, create a new "flower" movie clip and make a reasonable combination of the petals and the stamens you just made.

Can download two cute animal images on one side

When we get here, the background is completely done. We put it in the name, and then we do the menu.

Create a new Flash file with the same size 750 100 background for Blue, a new MC named Banner, the beijing.swf dragged to the first floor and named, a new MC Logo in the MC to build a component to write ' Jun Jun ', beat ' Jun Jun ', Change the color of ' Jun Jun ' to seven rainbow colors with a gradient.

Copy ' Jun Jun ' to the 2nd layer of MC logo, white and shrink

Add a new layer to the bottom of the MC, copy ' Jun Jun ' to Gray as the shadow of ' Jun Jun '

Let's make a rectangle and set a certain amount of transparency to use it and put that layer underneath the seven rainbow words.

The move effect on the rectangle is done from the top down by the word. Now to figure out the order of the Chutu layer, the top first layer is seven rainbow characters, followed by the rectangle, then the white word, and then the seven Rainbow words, and then the Gray Shadow. To cover the seven rainbow words and rectangles.

Drag the logo MC to the main scene, and now we start to do the menu and draw a 750*40 gray strip

To create a sense of hierarchy, add a 2-pixel white line to the gray bar and a new "crystal Icon" movie clip below. The first step in the MC to do a three-dimensional effect of the round element, the size of 50*50, and add shadow.

Make a crescent-shaped high light on a circular element.

Third Step plus graphics

Now is the key: Create a New button in the MC, the first stitch inserts a blank key stitch in the 2nd stitch where the size of a red gradient square is 62*40, the needle is inserted in the 9th stitch.

Create a new layer and drag the crystal button you just made. Insert the key pins in the 8th and 15th pins respectively, the first stitch and the 15-pin x,y are 5.0, 0.0, and the x,y of the 8th Stitch are 5.0,-25.6, create animation

Create a new layer on the top of the crystal, make a 63*30 gray--The white gradient cuboid, and then add a layer above this layer the first stitch inserts a blank key needle in the 2nd stitch place the gray gradient cuboid upside down, add text to the new layer,
Create a new layer on the text layer make a push button and add as on the button

On (rollover) {
gotoAndPlay (2);
}//start the second stitch when the mouse is across

On (release)
{
GetURL ("http://202.200.64.11:8080/junjun/");
}
On (RollOut)
{
gotoAndPlay (9);
}//start the Nineth stitch when the mouse is out of date and drawn

On (dragout)
{
gotoAndPlay (9)}
The Nineth stitch begins when the mouse is dragged and plotted

The last new as layer is written on the first stitch and the eighth stitch

Stop ();

Write on the 15th stitch

gotoAndStop (1);

All right, we'll just have to make a couple of new button clips and drag them to the spindle. Don't be afraid of trouble, put the words above the menu and the URL of a connection to a good side, in the button and push the button between the shadow of the effect of the menu more three-dimensional, good all finished.