3D flash menu

Date: 9.3.2007, 15:38    Total views: 241119
Page:  1  2

Step 20

Right-click anywhere on the gray area between frame 1 and 3 and frame 3 and 6 on the timeline and choose Create Motion Tween from the menu that appears.



Step 21

Repeat this process for part 2 and 3 of cube (layer 3 and 4).





Step 22

Create a new layer above layer 4 (layer 5).

Step 23

Select layer 5, take the 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 #90BF3B and draw a rectangle on the position like it is shown on the picture below.



Step 24

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



Step 25

Click on frame 18 and press F6 key.

Step 26

Then, go back on frame 1, take the Free Transform Tool (Q), press and hold down Alt key and do like it is shown on the picture below.



Step 27

Take the Selection Tool (V) and click once on the rectangle that you just decreased to select it. Then, go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 28

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



After that, click on frame 23 and press F5 key.

Step 29

Create a new layer above layer 5 (layer 6). Then, click on frame 18 and press F6 key.

Step 30

While you're still on frame 18, take the Text Tool (N) and go to the Properties Panel (Ctrl+F3) below the stage.Then, select the following options:

1. Select a Static Text field.
2. Select a vedrana font.
3.Choose 16 as font size and bold it.
4. Select white as color.
5. As the rendering option, select Anti Alias-alias for animation.



Then, type on the green rectangle, that we have created in previous steps "About Us". See the picture below.



Step 31

While the text is still selected, press F8 key, to convert this text into a Movie Clip Symbol.



Step 32

Click on frame 23 and press F6 key.

Step 33

Go back on frame 18, take the Selection Tool (V), and go to the Properties Panel below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 34

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 35

Go back on the main scene (Scene 1).

Step 36

Create a new layer above 3D menu layer and name it Invisible Button.Then, create the Invisible Button over the first cube. See the picture below.



Step 37

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

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

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

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

Step 38

Create a new layer above the Invisible Button layer and name it Action.

Step 39

Click on frame 1 and in Action Script Panel (F9) enter this Action Script code:

_root.cube1.onEnterFrame = function() {
if (mouse_over_cube1) {
_root.cube1.nextFrame();
} else {
_root.cube1.prevFrame();
}
};

Step 40

Test your Movie (Ctrl+Enter).

Have a nice day!

Download source file (.fla)

Previous:  3D flash menu
  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar