Step 12

While you're still on frame 10, take the Selection Tool (V) and click once on the text ("ABOUT US") to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it, for Tint color choose black and put it down to 100%. See the picture below.



Now, you have this:



Step 13

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 14

Create a new layer above the layer 1 and name it animation. After that, take the Selection Tool and move the animation layer below the layer 1.



Step 15

Lock layer 1, select the animation layer and take Rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose #CBE9AA and draw a “rectangle” below the text about 147 ×2px. See the picture below.



Step 16

While the rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a Movie Clip Symbol.



Step 17

Then, click on frame 10 and press F6 key. After that, take the Free Transform Tool (Q), press and hold down Alt key and do the following.



Step 18

Go back on the first frame, take the Selection Tool (V) and click once on the rectangle to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 19

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 20

Select again frame 10 and press F6 key five times.



Step 21

After that, click on every second frame, except last two frames and press delete key on the keyboard. See the picture below.



Step 22

Go back on the main scene (Scene 1).

Step 23

Create a new above the layer 1 and name it invisible button. After that, create the invisible button over the first button in menu. See the picture below.



Step 24

While the Invisible Button is still selected, go to the Action Script Panel (F9). Then, enter the follwing action script code inside the actions panel:

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

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

on (release){
getURL("http://www.flashfridge.com/");
}

Step 25

Create a new layer above the invisible button layer and name it action.



Step 26

Click on the first frame frame of layer action, go again to the Action Script panel (F9) and enter the following action script code inside the actions panel:

_root.AboutUs_mc.onEnterFrame = function() {
if (mouse_over_AboutUs_mc) {
_root.AboutUs_mc.nextFrame();
} else {
_root.AboutUs_mc.prevFrame();
}
};

We're done with the first button in menu. Repeat this process for every other buttons in menu.

Enjoy!

Download source file (.fla)