This is a sharp clean IGN style navigation bar in black and red. Enjoy the
Photoshop Tutorial from vBulletinSetup 
Preview:
IGN.com Navigation Interface.
Step 1:
Let’s start out by creating a new file. I used a 1000×200 pixels canvas set at 72dpi, and I filled my background with #3B2300 color shade. Now make a new layer then draw a dark red rectangle with #C00700 color shade and 960 px 27 px dimensions.
Step 2:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to the dark gray rectangle layer.
Result:
Step 3:
Now make a new layer then draw a dark gray rectangle with #4D4D4D color shade and 960 px 32 px dimensions right above the red rectangle design.
Step 4:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your dark gray rectangle layer.
Result:
Step 5:
In a new layer draw a another dark gray rectangle with #3D3C3D color shade and 952 x 28 px dimensions on the center of the gray gradient rectangle design.
Step 6:
Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your darkg ray rectangle layer from step five.
Result:
Step 7:
Select the Horizontal Type Tool and set the font family to Arial, bold, 13 pt, none and white color shade. In a new text layer type out your navigation links on the gray rectangle design then use a regular font for the red rectangle design.
Step 8:
To make the red button design behind the name first make a new layer behind the text layer on the Layers Window. Then draw a small dark red rectangle with #660000 color shade and add a thin arrow on the right end.
Step 9:
Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your smaller dark red rectangle design layer.
Result:
Results:
IGN.com Navigation Interface.
Linear Mode
