Flash produces a Korean menu of popular effects

Source: Internet
Author: User
Tags touch
Menu

It's a bit complicated to do, but nothing to use as and it can be learned from the South Koreans have some brains of the place.

  Animation effect: Click here to view the animation effect in a new window

Click here to download the source file

1. Set Canvas 780*105 needle Speed 60

2 Create a new symbol named "Tiao" in the middle of the canvas with a "line" tool to draw a 1-pixel height of 27 gray thin lines

3 new MC named an1t write text "Log home page" in the middle of the canvas, press ctrl+b once with the static text in bold 13th and scatter to the diagram

Layer and converted to components in the tenth stitch insert the key pin to convert the word with the transform tool into 80% size Create a patch animation

4 Create a new layer in the tenth stitch to write As:stop ();

5 Create a new MC name an1j the an1t needle and then in the Tenth Stitch zoom in on the word just narrowed it up to 110% with the warp tool.

6 new An1 button in the bounce needle put the an1t in the pass and press the needle to put an1j in the click of the needle to do a rectangular type of components

And the length of the character is almost there.

OK now an1 do it and then do six in turn, named An2,an3 An4 .... button to make "Flash graphics animation", "as Script", "Tutorial", "Photography", "Diary", "Download"

Now let's start the content of the scene.

Create a new MC named Zhu

Drag "Tiao" to the first stitch in the Zhu. Align panel points in center and left aligned

Insert a key pin in the 5th pin to drag "Tiao" to the center of X,200 y

And then insert the key stitch in the No. 345 stitch

New Layer 2 Check the key pins at the 2nd stitch put "Tiao" in the sixth pin insert the key pin to drag "Tiao" to the x,280y center position

Each of the 8 layers is separated by 80 pixels from each bar.

When you're done, create a new layer folder and put all nine layers in it.

Create a new layer in the tenth stitch insert the key pin drag the button an1 in and put it outside the scene.

Insert the key pin at the 14th and 25th pins respectively in the 14th stitch place the an1 between the two spacer symbols but close to the first spacer symbol place the an1 in the middle of the two spacer symbol at the time of the 25th stitch.

And then create a new folder to classify the above layers into a class.

In this way, complete the placement of nine buttons every time you come out, you need a stitch.

The next thing to do is to cover the button in the exit so it can't be seen.

We do a timeline in the 55th stitch animation so that all buttons from hidden to appear

The effect we want is that the menu is visible when it comes out, but when the mouse clicks on one of the buttons, the rest of the button is out of sight.

So when you play the specified pin, the timeline action of the PIN is the button that the mouse touches, and the subordinate menu appears.

The button that the mouse can't touch hides all

We want to do when the mouse is gradually hidden and gradually appear when the time axis of the animation and in the touch of the button, the subordinate menu will follow slowly, each button corresponds to a period of time the animation and remember to start the needle

We have defined it on each button menu to write as, which is when the mouse touches the button to play the specified needle.

On (rollover) {

gotoAndPlay (148);//Specify PIN different for each button

}

On (RollOut) {

gotoAndPlay (55);/back to initial position

}

On (dragout) {

gotoAndPlay (55);

}

Finally, we're going to do two big buttons that are the same size as the background so that we can achieve what we want. The other menus appear when the mouse is removed we add the following as to the big button

On (rollover) {

gotoAndPlay (55);}



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.