Game Layout

Open a new document in photoshop

Size: 760x770 pixels
Background color: #333333

Select rectangular marquee Tool and create a big rectangle like in my following image

Go to Edit > Transform > Warp

And use the following settings:

After you will hit enter this will be the result

Now i will create a carbon fiber pattern

To create a new pattern please open a new document in photoshop ( 4 x 4 pixels )

Zoom this document to 1600 % and with the pencil tool create small dots with the colors you will see i the next image

Then Go to Edit > Define Pattern...

Chose a name for your pattern and press Ok

Close this document and let's go back to our template

We will add now some layer styles for the white shape

Now you have to use the carbon fiber pattern

This is my result

Click to enlarge

Duplicate this shape, and change the size with the transform tools

Set the vertical scale to 90 % , then hit Enter

This is the result

Click to enlarge

We have to change the layer styles for this layer. So please add the following layer styles

This is my result

Now we will add more details.

I will add a stock image

Now create a new document

The size must be 350 X 1 Pixel with a transparent background

Select Gradient Tool, Set the following gradient

A few Thousand Gradients you can find in Talk-Mania Big-Pack

Create a new layer ( press Ctrl+Shift+Alt+N )

Then with the gradient Tool Make a line from Left to right while you keep the Shift key pressed

This is the result

Click to enlarge

Now drag this layer on your game layout

Duplicate a few times , and place it like me

Now we will add the same lines on the right side of the layout but with a different technique

Create a new layer ( press Ctrl+Shift+Alt+N )

Select rectangular marquee tool , and make a thin selection

You can use the fixed size

Then make the selection on the layout

Select Gradient Tool ( set to reflected gradient ) and draw a line from the middle of your selection to bottom

Then press Ctrl+D to deselect and this will be your result

Add as many lines you want. I will add another one on the right side

Then i will add also some text buttons on the left side

Click to enlarge

Now you can add a text logo

On your text logo you can add the following layer styles

This is the result

You can add as many details as you want. This is my final result

Click to enlarge