Gaming Source Design
In a new layer create a 728 x 20 pixels, #222222 rectangle below your leaderboard.
In your layer palette add the following layer style to your layer:
Gradient Overlay
Create a new layer set, name it Tab. In your main toolbar choose rounded rectangle tool and set the radius setting to 14 pixels with anti-alised checked.
In a new layer draw a 118 x 32 pixels, white rounded rectangle. Select your rectanglular marquee tool and cut the bottom half of your white rounded rectangle.
In your layer palette add the following layer style to your layer:
Gradient Overlay
Now in a new layer create a 116 x 32 pixels, black rounded rectangle. Cut the bottom half like in the last step.
In your layer palette add the following layer style to your layer:
Gradient Overlay
Using your text tool type in “Todays Features” inside your tab. Use font Arial, bold 11 pt, none and #FF0000 for color.
Make more tabs for your other links,
At the end of your tabs, make another tab for your RSS feeds, use the eraser tool to fade the end of this tab.
Next to your RSS, save a spot for your search box. With your text tool, type in “Go” using font Arial, bold, 10 pt, crisp and white for color. In your layer palette add a Gradient Overlay layer style to your layer. Go will be your submit button.
Just above your search box, create a 44 x 23 pixels, black rectangle. In your layer palette add a Inner Shadow layer style to your layer. Then type in search using font Arial, regular, 9 pt, crisp and #FF0000 for color.
June 12th, 2007 at 8:43 am
amazing results.
June 14th, 2007 at 5:26 pm
Nice!! but some images in your examples for each steps like Inner Glow properites are missing =[
June 16th, 2007 at 9:01 am
Sorry about that, I think i fixed them all. 🙂
June 16th, 2007 at 12:09 pm
“Open a new document with a 1000 x 1300 pixels, black canvas.” – Width=1000pixels, Height=1300pixels it’s right? Or did you mean contrary? “Create a new layer, above your canvas” – where I can find canvas and how do I have to put them?
June 16th, 2007 at 12:38 pm
John,
When you open a new document it will asked you to input the sizes and background color of your canvas window, add the settings we provided.
June 16th, 2007 at 5:09 pm
Hey admin! The images that shows the settings for the Inner Glow, etc, are still broken =p
June 18th, 2007 at 12:03 pm
ah nice catch, I missed step 10 gradient overlay. Everything should be clickable now 🙂
+New templates and resources page with all PSDs will be up soon!
June 23rd, 2007 at 12:46 pm
is there a way to see the exact size in pixels when drawing a rectangle? all links work, just need some fine tuning on my actual cs3 setting …
June 23rd, 2007 at 9:29 pm
Snave, choose your rectangle tool from your main toolbar then select rectangle options above your screen( Next to Custom Shape tool iN PS7). Select fixed size inside your rectangle options and input the settings we provide. Goodluck, ask questions if you need help.
July 16th, 2007 at 5:08 pm
Hey there,
I’m having problems with step 10.
When I put in the Gradient Overlay values my tab stays white and doesn’t get the effect it’s supposed to get. Any idea how I can fix this?
July 16th, 2007 at 5:15 pm
I mean the round rectangle cut in half doesn’t get the effect of the last image
http://www.avivadirectory.com/tutorials/Templates/GamingTemplate/images/10.gif
It stays white.
July 16th, 2007 at 5:23 pm
here is the screenshot:
http://img404.imageshack.us/img404/1883/wtfql3.jpg