Register  FAQ   Search   Memberlist   Usergroups    fChat    Profile   Log in to check your private messages   Log in
Gaming Header

 
Post new topic   Reply to topic    Photoshop_CX Forum Index » Basics View previous topic :: View next topic  

Gaming Header
 PostPosted: Fri Jan 18, 2008 5:52 am Reply with quote  
Message
  thanveerahamed
Site Admin

Joined: 05 Dec 2007
Posts: 24

Preview: Metal Gear Solid: Guns Of The Patriot Header Design.



STEP 1: Start with a 1000 x 190 pixels black canvas, in your layers window make a new layer set and name it Gaming Header. Create a new layer then choose your Rectangle Tool and draw a 1000 x 103 pixels, #1D1D1D colored rectangle. This will be the size of your header so if your current header is smaller just add your own width settings.


STEP 2: Create a new layer, just below the inside of your header draw a 1000 x 16, black rectangle. Then add an Inner Shadow and Gradient Overlay layer styles. Also set the layers opacity level to 29%.







STEP 3: Duplicate your large rectangle layer from step 2 and position right below your header design. Edit the layers opacity level to 15%.



STEP 4: Create a new layer and draw a 1000 x 13 pixels, white rectangle between your step two and three rectangle layer. See the picture below for the proper settings. Now add a Gradient overlay layer style.





STEP 5: Make a new layer set and name it ‘Navigation Button’. Now choose your Rounded Rectangle Tool and set the radius setting to 20 px with anti-aliased checked. In a new layer draw a 150 x 21 pixels, white rounded rectangle. Then cut the top half of your rounded rectangle.



STEP 6: Apply these layer styles:









STEP 7: Make the same white rounded rectangle from step 5 and place it as shown on the picture below. Then add the following layer styles:









STEP 8: Choose your Text tool and select font Eurostile from the font list. Set the size to 14 pt, crisp and #85EEE80 for color. In a new text layer type your first navigation link on the center of the navigation button design. Then add a Stroke layer style:




STEP 9: Now add the rest of your navigation links by duplicate your ‘Navigation Button’ layer set through Layer -> Duplicate Layer Set. Make sure you highlight the layer set from your layers window. Set the tabs side by side with a little space between each button.



STEP 10: On your blank header design add a custom Metal Gear Solid banner, you can download the header design here.



STEP 11: Create a new layer. Right above your header design draw a 1000 x 17 pixels, #1C1C1A colored rectangle. Then add the following layer styles:









STEP 12: Choose your Text tool and select font Eurostile from the font list. Set the size to 9 pt, smooth and white for color. In a new text layer type your extra links at the end of your navigation buttons. Then add a Stroke layer style.



Final result:


View user's profile Send private message Send e-mail

Post new topic   Reply to topic    Photoshop_CX Forum Index » Basics

Page 1 of 1
All times are GMT

Display posts from previous:

  

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum