3d Layout Photoshop Tutorial

	Flash Game Design

Tutorials

Articles

Flash Game Design > Tutorials

Step 9.

This is part 3 of the Photoshop tutorial to design the Wii. Zoom in to 200% and then create a black pixel thick line, like the one in image b). Use gaussian blur on the line with a radius of 0.3

a)		b)

Step 10.

Next create a pixel wide line down the left hand side of the main black panel and then use a soft rounded brush to erase the 2/3 of the bottom of it

a) Click image to enlarge		b) Click image to enlarge

Step 11.

Create a black pixel wide line on the right, above the black curve. Then create a lighter grey line continuing on, but on the black curve.

a)		b) Click image to enlarge

Step 12.

Now create a 2 pixel wide line along the top of the main black panel. Zoom in and then create a small grey pixel wide line in the top left. This is going to be a groove in the design of the Wii.

a) Click image to enlarge		b)

Step 13.

Make a small dot consisting of about 2 pixels, using the same grey as the back ground. Next, create 2 small black lines on the far right of the design, with some white dots.

a)		b)

Step 14.

Zoom out and you'll see that you've just create 3 groves at the top. Next on edge of the grey base, make a 2 pixel wide, light grey line, to emphasise the edge. .

a) Click image to enlarge		b) Click image to enlarge

Step 15.

Next use the line tool to draw the pixel wide outline, on the front.

a) Click image to enlarge

Step 16.

To create the first button, use the rectangular marquee tool to create the shapes shown below.

a)		b)

Step 17.

Add some darker lines.

a)		b)

Step 18.

Zoom out and duplicate the 1st button, placing it above the original, as shown in the image below. Next, go to Wii Photoshop Tutorial Part 4.