Macromedia Flash - Self-Designed Animated Menu

Understanding Macromedia Flash requires more than a headline. The overview below breaks down the key facts, changes, and user impact.

Macromedia Flash Overview

Step 1 Create a new 250 x 140 Flash file and Frame rate is 40fps. Step 2 Grab the Rectangle Tool (R) and draw 5 small rectangles (or as many as you want). See the following picture

Step 3 Select the Text Tool (A), go to the Properties Panel (Ctrl + F3), select Dynamic Text and create the letters that display the menu name.

Step 4 Select the first letter (in the example ' About us ') and press F8 on the keyboard (Convert to Symbol) to convert this text into a Movie Clip Symbol.

Step 5 Open the Properties Panel (Ctrl + F3) and enter butt1. See the following picture

Step 6 Double-click or right-click the newly created Movie Clip and select Edit in Place

Step 7 Just select each letter (in this case ' About us '), press Ctrl + X (Cut), add a new layer above layer 1 (layer 2), select it and press Ctrl + Shift + V ( Paste in place) Step 8 Select layer 2 (text layer) and convert it into a Movie Clip ( F8 ).

Step 9 Then, open the Properties Panel (Ctrl + F3) and enter the text.

Step 10 Click on frame 5 of layer 2 (text layer) and press F6 key. Then click on frame 10 and press F6 again (create Keyframe).

Step 11 Go back on frame 5 and use the arrow keys on the keyboard or the mouse to move the text (in this example ' About us ') down a bit (or go horizontal if you like). See the following picture

Step 12 Select layer 2 (text layer), open the Properties Panel (Ctrl + F3) and in Tween choose Motion.

Step 13 Back to layer 1, select only the border of the rectangle and press Ctrl + X (Cut) on the keyboard.

Step 14 Insert a new layer (layer 3), select it and press Ctrl + Shift + V (Paste in Place)

Step 15 Then press 10 times the F6 key (Keyframe) on the keyboard. The result will look like the following figure

Step 16 Then select each even keyframe (except frame 10) and press Delete (Del) key on the keyboard. Results after deleting some even keyframes:

Step 17 Click on layer 1 and press F8 (Convert to Symbol) to convert it into a Movie Clip Symbol.

Step 18 Then select frame 10 and press F6 (Keyframe).

Step 19 Still on frame 10, open the Properties Panel (Ctrl + F3) and set the Color to Alpha with 40% contrast.

Step 20 Still in the Properties Panel (Ctrl + F3), select Motion in Tween.

Step 21 Create a new layer (layer 4)

Step 22 Click on the first frame, open the Action Script Panel (F9) and include the following code:

Stop ();

Step 23 Then click on frame 10, press F6 (Keyframe), open the Action Script Panel again (F9) and include the following code:

Stop ();

Step 24 Go back to the main scene (Scene 1), insert a new layer and name it Action.

Step 25 Click on the first frame, in the Action Script section, enter the following code:

Butt1. OnRollOver = over; butt1. OnRollOut = out; butt1. Text. ButtonText. Text = "ABOUT US"; function over () { this. GotoAndPlay (2); } function out () { this. GotoAndPlay (1); }

So we have created the first menu button. Repeat the above steps corresponding to each necessary button. The following are the different codes between each command button:

Butt1. OnRollOver = over; butt1. OnRollOut = out; butt1. Text. ButtonText. Text = "ABOUT US"; butt2. OnRollOver = over; butt2. OnRollOut = out; butt2. Text. ButtonText. Text = "LOGIN"; butt3. OnRollOver = over; butt3. OnRollOut = out; butt3. Text. ButtonText. Text = "REGISTER"; butt4. OnRollOver = over; butt4. OnRollOut = out; butt4. Text. ButtonText. Text = "DOWNLOAD"; butt5. OnRollOver = over; butt5. OnRollOut = out; butt5. Text. ButtonText. Text = "FAQ"; function over () { this. GotoAndPlay (2); } function out () { this. GotoAndPlay (1); }

Haven't you done it yet? Please see the original file here.

FAQ

What does Macromedia Flash - Self-Designed Animated Menu explain?

Understanding Macromedia Flash requires more than a headline.

Who is most affected by Macromedia Flash?

The overview below breaks down the key facts, changes, and user impact.

What are the key takeaways from this topic?

Macromedia Flash Overview Step 1 Create a new 250 x 140 Flash file and Frame rate is 40fps.