adv banner
Photoshop  Home Photoshop Web Layout Another Game Layout
rss

Another Game Layout

Author: amitk More by this author


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 Ellipse 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

Another Game Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

this is the second one

Click to enlarge
Click to enlarge

And here is the third one

Click to enlarge
Click to enlarge

Now Apply the same layer styles for all the shapes

here are the settings for layer styles

image 4

image 5

image 6

image 7

image 8

here is my result

Click to enlarge
Click to enlarge

Now select rectangle tool , and make a simple rectangle

Use the following color #f63d05

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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 %

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

For this 3 rounded rectangles add the following layer style

image 16

image 17

This is the result

Click to enlarge
Click to enlarge

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

image 19

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

image 20

Then make the following selection

image 21

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

image 22

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

image 23

Then for this white shape add the following layer styles

image 24

image 25

image 26

image 27

This is my result

image 28

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

Click to enlarge
Click to enlarge

Now add alone some text

Click to enlarge
Click to enlarge

Now add with another font some text buttons

image 31

Select all this text with type tool and go to Layer > Type > Warp text...

And use the following settings

image 32

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

image 33

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

Another Game Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

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



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Another Game Layout"