3D flash menu

Date: 9.3.2007, 15:38    Total views: 230533
Page:  1  2
This detailed lesson will teach you how to create advanced 3D flash menu in flash using the Action Script Code and some special flash tricks.You will also learn how to design menu, how to animate it,  how to draw 3D cube using the Line Tool, how to apply action script code on it and much more! Let's start!



Step 1

Create a new flash document. Choose Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 450 pixels and the height to 350 pixels. Select white as background color.Set your Flash movie's frame rate to 50 and click ok. See the picture below.





Step 2


It's time for menu design.Take the Line Tool (N), go to the Properties Panel (Ctrl+F3) below the stage and choose the following selections:

1.block the fill color,
2.select #828282 color for the stroke (outline) color.
3.set the line type to Solid and choose 2 for line thickness.



Then, draw a cube like it is shown on the picture below.



Step 3

After that, draw another cube like it is shown on the picture below.



Step 4

Then, draw this cube:



After that, draw this two cubes:



And finally, draw this cube:



Step 5

Take the Paint Bucket Tool (K),set white for the fill color and paint every cube.



Step 6

Using the flash tools for drawing, draw any logo or something in the cneter of cubes. See the picture below.



Step 7

Now, we have designed a 3D menu. It's time for animation. Double click on layer 1 to rename its name in 3D menu.

Step 8

Take the Selection Tool (V) and select only one cube. See the picture below.




Then, press F8 key (Convert to Symbol) to convert this cube into a Movie Clip Symbol.



Step 9

Then, go to the Properties Panel below the stage. On the left side you will see the Instance name input field there. Call this Movie Clip cube1. See the picture below.



Step 10

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



Step 11

Take again Selection Tool (V) and select only this part of cube.



Then, press Ctrl+X key (cut), create a new layer (layer 2), select it , click on the first frame and press Ctrl+Shift+V key (Paste in Place).

Step 12

Select this part of cube and press again Ctrl+X key (Cut).



Step 13

Create a new layer above layer 2 (layer 3). Click on frame 6 and press F6 key. Then press Ctrl+Shift+V key (Paste in Place).

Step 14

Select this part of cube and press Ctrl + X key.



Step 15

Then, create a new layer above layer 3 (layer 4), click on frame 12 and press F6 key. Then press Ctrl+Shift+V key (Paste in Place).

Step 16

Go back on layer 1, click on frame 23 and press F5 key.Then, using the drag and drop technique, move the layer 1, above the layer 4. See the picture below.



Step 17

Select layer layer 2 and press F8 key (Convert to Symbol) to convert the first part of cube into a Movie Clip Symbol.



Step 18

Then, click on frame 3 and after that on frame 6 and press F6 key.

Step 19

Go back on frame 3, take the Selection Tool (V), click once on the first part of cube (Movie Clip) to select it and go to the Properties Panel (Ctrl+F3) below the stage.On the right, you will see the Color menu. Select Tint, for Tint color set #D7D7D7 and for Tint Amount set 100%. See the picture below.

Next:  Part 2
  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