Another game layout

admin · #1 (**permalink**) 02-11-2007, 08:23 PM

Hello my friends

Today i will show you how to create another game layout with an unusual shape. I will try to teach you as many methods i can.

This is the Tutorial Number 84 from our 100 Tutorial Marathon
Soon this marathon will end, and i will start another one. I will net tell you how many tutorial i will create in my future marathon

So let's start by creating a new document in photoshop
Size 760 x 770 pixels
Background color #333333

Zoom out your document to 50 %, then select Elipse tool, and start creating 3 shapes. I will use different colors for the shapes. You can use only one color.

Here is the first shape

this is the second one

And here is the third one

Now Apply the same layer styles for all the shapes
here are the settings for layer styles

here is my result

Now select rectangle tool , and make a simple rectangle
Use the following color #f63d05

Then drag the layer with this orange rectangle above the background layer

Select Elliptical marquee tool and make a big selection like in the following image

Then create another layer ( press CTRL+SHIFT+ALT+N ) and fill this selection with the Paint bucket tool
I will use the following color: #c22d00

Then drag the layer like in the following image, and reduce the opacity to 20 %

Select Ellipse Tool. Set your foreground color to #333333 and make a big shape like in the following image
please zoom out your document before you are making this step. 33 % should be fine

Now grab Rounded Rectangle tool ( set the radius to 10 pixels ) and make the following shapes

For this 3 rounded rectangles add the following layer style

This is the result

Now load the selection of the top left rectangle ( to load the selection first rasterize the layer , then go to Select > load selection

Select Rectangular Marquee Tool. be sure you have the following settings

Then make the following selection

After you release the left mouse button you will have the following result

Create a new layer ( press CTRL+SHIFT+ALT+N ) and with the paint bucket toll fill the selection with white then press CTRL+D to deselect

Then for this white shape add the following layer styles

This is my result

With the same technique do the same for the other 2 rounded rectangles

Now add alone some text

Now add with another font some text buttons

Select all this text with type tool and go to Layer > Type > Warp text...
And use the following settings

Now press on CTRL+T , and rotate all the text layer until you are happy

Then add a text logo, or any shape you have
the logo you can download from VIP area ( this one is a flatten image 0

If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack

I think we are ready with this game layout. Of course you can add as many details you want