Game Layout with Scratched Menu

As usual , open a new document with the following size:

760 x 770 pixels and a white background

Then Download the following texture :

If you don't like this one you can download for free a lot of other textures from www.stock-textures.com

After you have placed the texture on your layout , create a shape with Rounded Rectangle Tool

I have used the following color for this shape : #3d3d3d

Then with the same tool , create another shape with another color. i will use white

One more time create the following shapes like me

Click to enlarge

For the red shape please add the following layer styles

This is my result

Click to enlarge

For the other black shapes please add the following layer styles :

This is my result

Click to enlarge

Wit the same tool : Rounded Rectangle Tool, create another shapes like in the following image. You can see that i have created 2 different shapes. first time i have created the green shape, and after that i have done the red ones. it doesn't matter what color you chose. i want you to understand better what i am doing

Click to enlarge

Now let's add some layer styles. Select each Green shape and add the following layer styles

This is my result

After that, select each Red shape and add the following layer styles

After i have applied the same layer styles on all red shape this is my result

Click to enlarge

Now it is time to add some details. For example i will add a logo downloaded from www.logo-3d.com.

I have received a lot of question how i create this logos in 3D. Very soon i will release a new talk-mania product, to create 3D logos.

It will be a set of action for photoshop

All the logos from www.logo-3d.com was made by me in less then 1 hour. ( it toke me over 2-3 hours to place them on the website - LOL )

Very soon you can create too the same logos only with a few clicks.

In the same time i will add also a render image from my stock collection

Click to enlarge

Now i will add alone some text with Type Tool. In the same time i will add also some other image on the body of our game layout

Click to enlarge

Now i will create a new layer on top of all layers ,

To create a new layer press Ctrl+Shift+Alt+N, then grab Pencil Tool , Zoom the document to 1600 % pixels ,and add some simple drawing like in the following image

Duplicate this layer a few times ( to duplicate a layer be sure you have the layer selected , then press Ctrl+J )

With Move Tool , or with arrow keys place this small dots on the corners of each menu

Now go to www.photo-shop-brush.com and download the following set of brushes: Free Brushes

Load this brushes in photoshop , then with Brush tool create some simple arrows

Now i will show you how to add a very nice effect over our navigation bar. First you need to download the following free texture from another Talk-Mania Website

Free Metal Scratch texture

Add the image over the layout like me

Click to enlarge

Now Load the selection for the Blue navigation bar. To load the selection you need to hold down the Ctrl key , and with left mouse button , click one time on the layer thumbnail

When you click on this thumbnail, you will notice a selection around the navigation menu

Click to enlarge

Now be sure you have selected the layer with this texture. Press Ctrl+Shift+I to inverse the selection, then press on Delete on your keyboard

You will notice that the other part of the texture is gone, now press Ctrl+D to deselect

This is my result

Click to enlarge

Change the blending mode to Overlay for this texture layer

Now you will have a nice scratch effect on your menu. This is my final result. Please register and download the layout to understand better how it's made

Click to enlarge