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.

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).

Macromedia Flash - Advanced icon in the flash menu Picture 1Macromedia Flash - Advanced icon in the flash menu Picture 1

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.

Macromedia Flash - Advanced icon in the flash menu Picture 2Macromedia Flash - Advanced icon in the flash menu Picture 2

Step 3

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

Macromedia Flash - Advanced icon in the flash menu Picture 3Macromedia Flash - Advanced icon in the flash menu Picture 3

Step 4

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

Macromedia Flash - Advanced icon in the flash menu Picture 4Macromedia Flash - Advanced icon in the flash menu Picture 4

Step 5

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

Macromedia Flash - Advanced icon in the flash menu Picture 5Macromedia Flash - Advanced icon in the flash menu Picture 5

Step 6

Select only this part (image below) of the icon

Macromedia Flash - Advanced icon in the flash menu Picture 6Macromedia Flash - Advanced icon in the flash menu Picture 6

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.

Macromedia Flash - Advanced icon in the flash menu Picture 7Macromedia Flash - Advanced icon in the flash menu Picture 7

Step 9

Select frame 10 and press F6 ( Keyframe )

Macromedia Flash - Advanced icon in the flash menu Picture 8Macromedia Flash - Advanced icon in the flash menu Picture 8

Step 10

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

Macromedia Flash - Advanced icon in the flash menu Picture 9Macromedia Flash - Advanced icon in the flash menu Picture 9

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 .

Macromedia Flash - Advanced icon in the flash menu Picture 10Macromedia Flash - Advanced icon in the flash menu Picture 10

Step 13

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

Macromedia Flash - Advanced icon in the flash menu Picture 11Macromedia Flash - Advanced icon in the flash menu Picture 11

Step 14

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

Macromedia Flash - Advanced icon in the flash menu Picture 12Macromedia Flash - Advanced icon in the flash menu Picture 12

Step 15

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

Macromedia Flash - Advanced icon in the flash menu Picture 13Macromedia Flash - Advanced icon in the flash menu Picture 13

Step 16

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

Macromedia Flash - Advanced icon in the flash menu Picture 14Macromedia Flash - Advanced icon in the flash menu Picture 14

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.

4 ★ | 1 Vote