Advanced flash menu with effects and sound

Date: 14.12.2007, 15:2    Total views: 99118

Page:  1  2

Step 14

Right-click again anywhere on the gray area between the frame 2 and frame 15 on the timeline and choose Create Motion Tween from the menu that appears.



Step 15

Select now text layer and press again F8 key (Convert to Symbol) to convert this text into a Movie Clip Symbol.



Step 16

While the new made Movie Clip is still selected (text), go to the Properties Panel (Ctrl+F3) again. Click on the Filters tab in the Properties Panel.After that, click on the plus icon and select the Glow filter. Make the adjustements as follows:

1. Blur X and Y : 8
2. Quality : Low
3. Strength:100%
4. Color:White



Now, you have this:



Step 17

Click on frame 15 of layer text and press F6 key.



Step 18

Go back on the main scene (Scene1).



Step 19

Double click on layer 1 to rename its name into a menu. After that, create a new layer above the layer menu and name it invisible button.



Step 20

Take the Rectangle Tool (R), for Stroke color choose no color, for Fill color choose any color, and draw a "rectangle" over the first rectangle (Movie Clip).See the picture below.



Step 21

While the rectangle is still selected, press F8 key (Convert to Symbol) to convert this rectangle into a button. See the picture below.



Step 22

Double-click on the button on stage with the Selection tool (V). You should now be inside the button.

Step 23

Move the keyframe from the Up state to the Hit state. See the picture below.



Step 24

Create a new layer above layer 1 (layer 2).



Step 25

Click on the Over state of layer 2 and press F6 key.After that, find somewhere any sound ( mp3 . file), and Import it into a Flash library (File > Import > Import to Library) . You can also if you like download my sound.



Step 26

Go back again on the main scene (Scene1).

Step 27

Take the Selection Tool (V), click once on the Invisible Button to select it, open the Action Script Panel (F9) and enter the following Action Script code inside the Actions panel:

on (rollOver) {
_root.mouse_over_HomePage = true;
} on (rollOut) {
_root.mouse_over_HomePage = fstartlse;
}

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

Step 28

Create a new layer above the layer invisible button and name it action script. Then, click on the first frame of layer action script and enter the following Action Script code inside the Actions panel:

_root.HomePage.onEnterFrame = function() {
if (mouse_over_HomePage) {
_root.HomePage.nextFrame();
} else {
_root.HomePage.prevFrame();
}
};

We're done with the first button (rectangle). Repeat this process for every other rectangle. Only difference is that you must use another instanca name.

Bye!

Download source file (.fla)

Previous:  Advanced flash menu with effects and sound