Macromedia Flash - Advanced Icon in the Flash Menu: Step

The following guide provides a clear overview of Step, with the most relevant background, details, and practical takeaways.

Step Overview

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://tipsmake. 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.