Macromedia Flash - Advanced icon in the flash menu

This is an exercise that will show you how to create an advanced flash menu by using the icons and Action Script in Flash 8. You can use the menu below for any website. yours.

Step 1

Create a new flash file, choose Modify > Document ( Ctrl + J ) and set Width to 370 and Height to 100px. Frame rate set is 30fps (Frames per Second).

Step 2

Add a new layer with the name of icons. Then create 5 icons to describe your menu icons. You can download my icons.

Step 3

Select the first icon you created, press F8 ( Convert to Symbol ) and convert it into a Movie Clip.

Step 4

Open the Properties Panel ( Ctrl + F3 ), at the entry of icon1 as shown below.

Step 5

Double-click the Movie Clip just created (icon) or right-click and choose Edit in Place .

Step 6

Select only this part (image below) of the icon

And press Ctrl + X ( Cut )

Step 7

Add a new layer, select it and press Ctrl + Shift + V ( Paste in Place )

Step 8

Still select the symbol, press F8 ( Convert to Symbol ) to convert it into a Movie Clip.

Step 9

Select frame 10 and press F6 ( Keyframe )

Step 10

Select the Free Transorm Tool (Q) and increase this part a bit. See the picture below.

Then, while still selecting the newly created Movie Clip (part of the icon), open the Properties Panel ( Ctrl + F3 ), under Color choose Alpha and set it to 42% .

Step 11

Select frame 10 again, open the Action Script Panel (F9) and enter the following script:

stop ();

Step 12

Go back to frame 1, open the Properties Panel ( Ctrl + F3 ), under Tween choose Motion and Rotate select CW .

Step 13

Select layer 1 and press F6 ( Keyframe ) 10 times at consecutive frames.

Step 14

Select even frames (2, 4, 6, 8) and press Delete key on the keyboard.

Step 15

Return to the main scene ( Scene 1 ), then add a new layer called Invisble Buttons.

Step 16

Create the Invisible Button for the first icon as shown below.

Step 17

Still select the Invisible Button, open the Action Script Panel (F9) and include the following script:

on ( rollOver ) {
_root .mouse_over_icon1 = true ;
}

on ( rollOut ) {
_root .mouse_over_icon1 = fstartlse;
}

on ( release ) {
getURL ( "https://quantrimang.com/" , "blank" );

}

Step 18

Add a new layer with the name Action Script. Select the first frame and put the following script into the Action Script Panel (F9).

_root .icon1.onEnterFrame = function () {
    if (mouse_over_icon1) {
            _root .icon1. nextFrame ();
        } else {
    _root .icon1. prevFrame ();
    }
};

So you have completed the first icon already. Please repeat the above steps for the remaining icons in the menu. Wish you success and download the source file here if you haven't had time to practice yet.