3d Layout Photoshop Tutorial

	Flash Game Design

Tutorials

Articles

Simple 3d Layout PhotoshopTutorial

This Photoshop tutorial will show you how to create a clean looking 3d layout. You can see the result of the tutorial in the image below.Click image to enlarge

Step 1.

To start off, create a new Photoshop document with dimensions of 740x500, with a golden background. Create a cream rectangle, using the rectangular marquee, as shown in image a). This will be where the content will go. Make a new layer and then make a selection above the cream rectangle. Choose the gradient tool, with linear gradient selected. Choose a very light grey for the foreground and a slightly darker one for the background. Drag the gradient tool down as far as the arrow shows in image b)

a) Click to enlarge		b) Click to enlarge

Step 2.

Next, duplicate the gradient layer, you just created, and then flip it vertically (edit >transform > flip vertical). Bring it together with the original, like in image b) This will be where the menu items will go.

a) Click to enlarge		b) Click to enlarge

Step 3.

Now create 2 thin rectangles along the side of the cream rectangle and the gradient rectangle. First do this on the left, and then on the right. Next, go to 3d layout tutorial - part 2.

Click to enlarge