Advanced Game Layout

Hello

Today i will create Tutorial number 112 from 500 Tutorials Marathon.
I will create another game layout, with more details.



For this you need to download the following image because we will create a pattern



Open in this image in photoshop, then go to Edit > define pattern

Then create another document
Size : 760 X 770 pixels
Background color: white

Select paint Bucket tool, select the pattern you have created above
Then press one time on your canvas



Select Rectangle tool, and create some rectangles



Now it is time to download one layer style for attachment area.
For this you need 10 posts. in case you create duplicated posts your account will be banned ( also your IP and e-mail ) for life
please do not spam !!!

Load the layer style into photoshop and apply the same layer style for all shapes



Now comes the funny part. Almost all layouts have details. I recommend you to add as many details you can, In this way your game templates will look 100 times better
So please create a new document with a gray color, or black if you want.
The size of this document can be 300 X 300 pixels

Now create a new shape with rounded rectangle tool ( set the radius size to 30 pixels )



Rasterize this layer ( layer > Rasterize > Shape )
Zoom this document to 400 %
Select Rectangular Marquee Tool and make a selection on your shape



Then be sure you have this layer selected and press " Delete on your keyboard "
Then Press CTRL+D to deselect



With the same technique delete another parts of the shape

My result



Select Polygonal Lasso Tool and make the following selection



Then hit Delete on your keyboard



Select Rounded Rectangle tool, and create some shapes ( place this layer shapes above the background layer> You can notice that i have used different colors for each layer so you can see better how many layers i have created



Now for all this layers add the following layer style





I will zoom out to 100 % and you can see my result



Select Line Tool ( set the weight to 1 pixel ) and create one line with White color



Press on " Add layer mask Button "



Select Gradient Tool
Use the following settings:



Then make a small line from right to left ( follow the red arrow )



Duplicate this line a few times and place it like me



Select ellipse tool , and make a small circle



For this circle please add the following layer styles







This is my result



Select line tool ( set the weight to 1 pixel ) and create another lines with a black or dark color



Select Pen Tool , use the following settings :



Create a new layer ( press CTRL+SHIFT+ALT+N )
And start creating a path with Pen Tool ( a great tool :) )



Set the foreground color to White, Select a 1 pixel brush , then go to Path palette.
Note : Brush tool must be selected
And press on the " Stroke path with Brush "



This is my result



If you want you can add more wires



Now select all the layers, ( without background layer ) and press CTRL+E
This will merge all the layers into a single one

Drag this layer on your layout and place it like me



Duplicate this layer a few times , rotate the layer or you can flip and place it where do you think it looks nicer



Now create another rectangles on your layout. You can add also some images if you want



For all this rectangles add the same layer style





This is my result

Web Layouts

• Night Club Layout
• Very Clean Business Layout
• Flash Page İntro
• Web Layouts
• Layout For Tutorial Website
• Massive Game Header Tutorial
• Photographer Layout - Portfolio Layout