Gamer Template

By : Baron
Rating : Average Rating : 7.57 From 7 Voter(s)


Step 1
Start by creating a new image, the size of 800x600 and flatten the layer by going to Layer -> Flatten Image, to make sure all the layers are flatten.

Step 2
Choose your Rectangular Marquee Tool and click the drop-down box that shows up to choose "Fixed Size" and set it to 800x120 pixels.  Then select an area at the top of your image.

Step 3
Once this is done choose your Gradient tool and set it to Reflective Gradient, set your foreground color to: #11356A and your background color to: #1D59B2, then click in the middle of the selected are and pull up then release, so you have something like:








Step 4
Now search online, preferebly at PlanetRenders.net for any gaming image that goes along with the theme you want for your site. I chose an AION render. Once you have chosen a render open it in photoshop then select it and copy and paste it into your layout image.

Step 5
Once you have added the render to your layout then size it down till it looks good on top of the gradient you created at the top. Then choose your Rectangular Marquee tool and select the area you selected earlier and go to Select -> Inverse and then hit your Delete button, this should delete the rest of the render so it is now only on the gradient. This is what I have so far:








Step 6
Now select the layer that you added the render to and change its layer style to "Soft Light", this will blend it into the background giving a nice effect.

Step 7
We will now get to the logo text, make your foreground color white and choose your text tool, add text, whatever kind of text you want to the opposite end of the image that you put your render.

Step 8
Once you have added text now right click on the text layer and go to "Blending Options", in blending options add these settings:









Step 9
Now right click on the layer again and choose "Duplicate Layer". Once it is duplicated select your newest layer that you created and go to Filter -> Blur -> Motion Blur and set its Angle to -10 and its Distance to 88pixels.

Step 10
Now click on that layer and change its layer style to "Soft Light". You should have something like the following image, depending on what font you used:









Step 11

Create a new layer by going to Layer -> New -> Layer. Select your Rectangular Marquee tool again, keeping it the same fixed size but now select an area at the bottom of your image. Change your background color to #505050 and your foreground color to #3A3A3A.

Step 12
In the area selected with your marquee choose your Gradient tool, keeping the same settings you had and now click just above the selected area and pull down to the middle. Once done your image should look similar to this:









GO TO THE NEXT PAGE - CLICK PAGE 2

Page 2




Step 13
Now we need to add the links area, choose your Marquee tool again and change the fixed setting to 800 pixels wide by 40 pixels tall. Then select the area just below your logo. Keep the same colors you had already and choose your gradient tool keeping it the same settings as well and click just near the bottom of your selected area and pull to the top then release to create a nice dark gradient.

Step 14
We now need to add a border in between the logo and the link area. Start by creating a new layer by going to Layer -> New -> Layer. Then make your foreground color #000000 (black) and use your Pencil tool to make a line along the top of the grey gradient you made for the link area. Then change your foreground color to #FFFFFF (white) and make a line all the way across your image again just below the black line you just made.

Step 15
Click on the layer you just created and added the lines to and change its layer style to "Soft Light". Your image should now look like this:









Step 16
Now to add the text, just use your text tool and click and add text, make sure your font is Arial at size 12pt and its style is set to "None", that is color #FFFFFF (white). Then right click on the text layer and go to "Blending Options" and add these settings:











Step 17
If you want, go ahead and add a copyright or more links to the bottom of your image where you added a grey layer earlier using the same options I told you in Step 16. Your image should now look similar to this:









Step 18

Change your foreground color to #CBCBCB and select your bottom most layer and choose your Paint Bucket Tool, then click in the white area of your image to make its background #CBCBCB, it should look like this now:









Step 19

We will now get to the Content areas! Choose your  Rounded Rectangular Tool (You can press U to get to it, it is one of your shape tools) and make a shape so that its color is #0C2968 so that your image looks like this:








Step 20

Make your foreground color #FFFFFF (white) and using your Rounded Rectangular Tool again make a shape in the same spot as before but a little smaller so your image now looks like this:








Step 21
Now add your text, and any little additions you want to get your final look, this is what I finished with:



Baron