Design a 3 Column Gaming Template in Photoshop

2-7-08 Filed under Photoshop Tutorials & Web Layouts

Gaming Navigation Interface:
Read Tutorial | Download PSD File

Below your header add the navigation interface.

Step 8:
Now add the background for the left sidebar. In a new layer draw a rectangle with an exact size of 181 x 594 px and #00255D color shade. Then under Layer Style(Layer > Layer Style) add an Inner Shadow blending option.

Step 9:
Now make a new layer set( Layer > New > Layer Set) and name it ‘Sidebar Navigation Button’. In a new layer draw a rectangle with size of 181×32 px and #303030 color shade. Then under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options.

Step 10:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Verdana, bold, 13 pt, none and white for color. In a new text layer type one of your sidebar link on the tab.

Step 11:
Now add the rest of your sidebar links by duplicating the ‘Sidebar Navigation Button’ layer set.

Step 12:
Add another sidebar tab for the ‘Latest Reviews’ section. Use #02BBFF for color shade. Then below the Latest Reviews, add the ‘Latest Previews’ section.

Pages: 1 2 3 4 5 6
Did you enjoy this design? We publish fresh tutorials
on a daily basis so why not Subscribe to our RSS Feed?

---

4 Responses to “Design a 3 Column Gaming Template in Photoshop”

1. issam Says:
   February 15th, 2008 at 8:48 pm

   merci bcp mon amie

2. andrew patterson Says:
   February 16th, 2008 at 2:35 pm

   nice tutorial keep up the good work!

3. Maqi Says:
   February 23rd, 2008 at 9:02 pm

   Dude, this tutorial was really good. Mine came out great!!! Thanks heaps.

4. Pwnd Says:
   March 3rd, 2008 at 2:10 am

   This helped a ton. :]
   I learned quite a bit.
   You didn’t leave me randomly blank like a lot of tutorials do.

Add a Comment

Name (required)

Mail (required)

Website