Gaming Source Design

Published on June 07, 2007. Jump to comment form.
9:

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

10:

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

11:

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

12:

Using your text tool type in “Todays Features” inside your tab. Use font Arial, bold 11 pt, none and #FF0000 for color.

13:

Make more tabs for your other links,

14:

At the end of your tabs, make another tab for your RSS feeds, use the eraser tool to fade the end of this tab.

15:

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.

16:

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.

Continue Reading » 1 2 3 4 5 6



Comments

Comments rss. Have an account? Log in.

  1. John said on June 12th at 8:43 am: ( )

    amazing results.

  2. Techy said on June 14th at 5:26 pm: ( )

    Nice!! but some images in your examples for each steps like Inner Glow properites are missing =[

  3. admin said on June 16th at 9:01 am: ( )

    Sorry about that, I think i fixed them all. :)

  4. John said on June 16th 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?

  5. admin said on June 16th 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.

  6. Techy said on June 16th at 5:09 pm: ( )

    Hey admin! The images that shows the settings for the Inner Glow, etc, are still broken =p

  7. admin said on June 18th 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!

  8. Snave said on June 23rd 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 …

  9. admin said on June 23rd 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.

  10. popobag said on July 16th 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?

  11. popobag said on July 16th at 5:15 pm: ( )

    I mean the round rectangle cut in half doesn’t get the effect of the last image
    http://www.conceptisfree.com/Templates/GamingTemplate/images/10.gif

    It stays white.

  12. popobag said on July 16th at 5:23 pm: ( )

    here is the screenshot:

    http://img404.imageshack.us/img404/1883/wtfql3.jpg