Go Back   vBulletin Setup > vBulletinSetup Information > Graphic Tutorials and Photoshop Information > Photoshop Tutorials


Please Register to get full access to the forums.
Post New Thread  Reply



3 links from elsewhere to this Post. Click to view. #1   08-17-2008, 10:51 PM
Send a message via AIM to Brandon Send a message via MSN to Brandon Send a message via Yahoo to Brandon Brandon is a glorious beacon of lightBrandon is a glorious beacon of lightBrandon is a glorious beacon of lightBrandon is a glorious beacon of light Join Date: Jul 2006 Posts: 11,249 Location: Topeka, KS
iTrader: (0)
Sponsor our Next Contest!
[How-To] Make a Sleek Gaming Header.


Preview:

Sleek Gaming Header.

Step 1:

Let’s start out by creating a new file. I used a 800×200 pixels canvas set at 72dpi, and I filled my background with a #001E3C color shade. Now make a new layer set and name it 'Sleek Gaming Header'. In a new layer draw a long rectangle with 860 x 21 px dimensions and #001A35 color shade.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your dark blue rectangle layer.

Result:

Step 3:

In a new layer draw a large rectangle with #002E5D color shade and 855 x 176 px dimensions attached to the top rectangle structure. This will be your header background so if you want a bigger header modify the size.

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Stroke blending options to your header rectangle layer.

Result:

Step 5:

Duplicate the gradient rectangle layer from step one and position it below the header rectangle. You also have to re-locate the position of the layer below the header layer on the layers palette.

Step 6:

Create a new layer, inside the header space by the top structures add a rectangle with #004791 color shade. This space will hold your navigation links.

Step 7:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your navigation interface rectangle layer.


Result:

Step 8:

Select the Horizontal Type Tool and set the font family to Arial, regular, 12 pt, strong and white color shade. In a new text layer type your out your navigation links with a lengthy space between each link. Then under Layer Style(Layer > Layer Style) add a Stroke blending option to your navigation links text layer.

Result:

Step 9:

Now add your gaming graphics on the header space. Grab the graphic design used in this tutorial here. Once you insert the header design into your canvas set the layer's blending mode to Hard Light.

Results:

Sleek Gaming Header.

--------------------
Brandon Sheley / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.


Add our Facebook Blog, Group and LinkedIn group.. Thanks
Stay up to date by installing our Tool Bar
Quote   |  
Post New Thread  Reply
vBulletin Setup > vBulletinSetup Information > Graphic Tutorials and Photoshop Information > Photoshop Tutorials


Tags
gaming header, header, photoshop, photoshop tutorial

Thread Tools
Display Modes

 
Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

LinkBacks (?)
LinkBack to this Thread: http://forum.vbulletinsetup.com/f165/how-make-sleek-gaming-header-8293.html
Posted By For Type Date
All Graphic Design Tutorial | Photoshop Beginner Tips | 3D Studio Max Beginner: Sleek Gaming Header This thread Refback 08-28-2008 02:17 PM
Sleek Gaming Header This thread Refback 08-21-2008 01:18 PM
[How-To] Make a Sleek Gaming Header. This thread Refback 08-19-2008 09:39 AM

Similar Threads
Thread Thread Starter Forum Replies Last Post
trying to make header a different width from the rest of the page Soliloquy vBulletin Questions 1 07-23-2008 05:37 AM
Tenstones Gaming Community Tenstones Free vBulletin Link Directory 2 06-11-2008 11:24 AM
Hey there! :-D The Gaming Well altuno Introduce Yourself 3 06-03-2008 06:20 PM
Advertising on Popular Gaming Forum DanielHG Link or Banner Sales and Trades 0 03-15-2008 12:13 PM
Gaming Attic MKMK Free vBulletin Link Directory 5 09-27-2007 09:36 PM


All times are GMT -6. The time now is 11:07 PM.

vBulletin Setup, vBulletin Setup Forums, vBulletin Services, vBulletin Blogs, vBulletin SEO, vBulletin Questions
vBulletin Skins, Styles, Templates, vBulletin Monetization, Blogs, vBulletin Link Directory,Quality Link Directory