Step 18
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.
Step 19
Click again on frame 15 and after that, press F6 key six times. See the picture below.
Step 20
Click on every second frame (16,18,20), take the Selection Tool (V), click once on the rectangle to select it and 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 21
Create a new layer above the title bar layer and name it about us.
Step 22
Select the Text tool (T), go to the Properties Panel below the stage and choose the following options:
1. Select a Static Text field,
2. Select any font. For this example I have used MGI Archon font,
3. Choose 10 as font size, or which you like,
4. Select #003333 as color.
5. As the rendering option, select Use device fonts.
Step 23
Click on frame 21 and press F6 key. After that, type on the title bar (on the left side) ABOUT US. See the picture below.
Step 24
While the text is still selected, press F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.
Step 25
Click on frame 25 and press F6 key. After that, go back on frame 21, take the Selection Tool (V), click once on the text and go to the Properties Panel below the stage. On the right, you will see the Color menu. Select again Alpha in it and put it down to 0%.
Step 26
Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.
Step 27
Click on frame 25 of layer 1 and title bar layer and press F5 key.
Step 28
Go back on the main scene (Scene1).
Step 29
Double click on layer 1 to rename its name in pictures. After that, creat a new layer above the pictures layer and name it Invisible Button.
Step 30
Create the Invisible Button over the first image. If you don't know how to create the Invisible Button, click here.
Step 31
Take the Selection Tool (V), click once on the invisible button to select it and open the Action Script Panel (F9). Then, enter the following ActionScript code inside the Actions panel:
on (rollOver) {
_root.mouse_over_picture1_mc = true;
}
on (rollOut) {
_root.mouse_over_picture1_mc = fstartlse;
} on (release){
getURL("http://www.flashfridge.com/", "blank");
}
Step 32
Create a new layer above the Invisible Button and name it action script.
Step 33
Click on the first frame of layer action script and enter this code inside the actions panel:
_root.picture1_mc.onEnterFrame = function() {
if (mouse_over_picture1_mc) {
_root.picture1_mc.nextFrame();
} else {
_root.picture1_mc.prevFrame();
}
};
We're done with the first picture in menu. Repeat that process for every other picture in menu.
Bye!
Download source file (.fla)
