Create a Wii Web Header in Photoshop

Step 1:
Let’s start out by creating a new file. I used a 10550×151 pixels canvas set at 72dpi, and I filled my background with a white color.

Step 2:
Select the Rounded Rectangle Tool from your tools palette then above your screen under options palette choose Fill Pixels, set the radius to 16 px and check anti-aliased. Create a new layer and draw a light gray, color code #2F2F2F rounded rectangle with 980×83 px dimensions. Now cut the top corners of the rounded rectangle.

Step 3:
Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your gray rounded rectangle layer.

Step 4:
Now change the radius setting to 8 px for the rounded rectangle tool. In a new layer draw a gray, color code #888888 rounded rectangle with 64×72 px dimensions.

Step 5:
Cut the bottom half of your gray rounded rectangle. Then under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your dark rounded rectangle layer.

Step 6:
Now make another layer and draw a black rectangle with 64×10 px dimensions.

Step 7:
Under Layer Style(Layer > Layer Style) add a Drop Shadow blending option to your black rectangle. Then set the layers blending mode to Darken on the layers palette.

Step 8:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Arial, bold, 13 pt, strong and white for color. In a new text layer add a link title on the tab.

Step 9:
Now set the font color to #717171 color shade. In a new text layer type the rest of your navigation titles. Then under Layer Style(Layer > Layer Style) add a Drop Shadow blending option.

Step 10:
Back to your Rounded Rectangle Tool, set the radius setting to 20 px. In a new layer draw a rounded rectangle with #B4EFFF color shade and 194×24 px dimensions.

Step 11:
Now cut the right corner of your rounded rectangle with #B4EFFF color shade. Then under Layer Style(Layer > Layer Style) add a Drop Shadow and Inner Shadow blending options.

Step 12:
Create a rectangle with #F2F2F2 color shade and size of 23×25 px dimensions.

Step 13:
Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your light gray rectangle.<

Step 14:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Webdings, 15 pt, strong and #939393 color shade. In a new text layer type ‘4′ to get the arrow icon.

Conclusion:
Thats it your done. Click here to see the full view.