Black Layout Photoshop Tutorial

Flash Game Design

			Tutorials		Articles

This Photoshop tutorial will show you how to create a modern black layout. Click Image Below to Enlarge.

Step 1.

To start off make a new Photoshop document, with dimensions of 720x600, filled with a dark red (6D0606). Select the polygonal lasso tool and create a diagonal, darker red(580000) strip on a new layer (image a). Duplicate the stripe several times, like in image b)

a) Click Image to Enlarge		b) Click Image to Enlarge

Step 2.

Next, create a grey/blue (3A484D) rectangle, using the rounded rectangle tool, with a raidus of 10 (image a). Then create a darker (313739) normal rectangle on a new layer (image b)

a) Click Image to Enlarge		b) Click Image to Enlarge

Step 3.

At the top of the dark rectangle, create a thinner rounded rectangle. Make a selection using it, set the layer to be invisible, and use the selection to delete a hole in the dark rectangle.

a) Click Image to Enlarge		b) Click Image to Enlarge

Step 4.

Make the thinner rounded rectangle visible again, rasterize the shape and move it below the hole. Make a selection using it and choose the gradient tool, setting it to linear gradient (circled in red, image b).

a) Click Image to Enlarge		b)

Step 5.

Set the foreground color to dark grey (515658) and the background color to a darker tone (313739). Drag from top to bottom, of the selection, to create the gradient on the white shape layer. Then go to [Part 2]of this Photoshop tutorial.