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.