Open a new file having 766x309 px and 72 dpi. It should be painted in 30333C.



On a new layer with 4x4 px, apply the next instrument to represent the next element



. It has the color 7D808E.



Save the clich?.
On the new layer with 766x309 px and 72 dpi, apply the next indications:



In the opened menu choose the saved earlier clich?.





Fill 50% on the layers.
Using the shown instrument , represent now the central part of the site’s header.



Fill 0% on the layers.
Blending Options-Drop Shadow

Blending Options-Gradient Overlay



Gradient’s parameters:



Blending Options-Stroke



Using the next tool create now the upper part of the site’s header.



Fill 0% on the layers.
Blending Options-Drop Shadow



Blending Options-Gradient Overlay



Gradient’s parameters:



Blending Options-Stroke

Applying the same instrument, it’s possible to create inside the central part of the site’s header a place reserved for the photo.



Blending Options-Gradient Overlay



Gradient’s parameters:



Copy the new made layer and erase all the effects on the layer. With Free Transform option it’s possible to minimize the element the same way it is indicated below. Paint it in black.



From any site World of Warcraft you can download a picture containing the hero from next image. Cut out the hero along the contours and place the same way it is demonstrated below.



Keep pressed the Alt button and make a click between the black center’s layer and the hero’s layer and we’ll get this:



Apply the following tool to create above the upper photo’s part a stripe colored in white (Fill 70% on the layers), then click on



. Using this tool with blurred edges we should erase all that is not necessary to have the same image like the next one.



Having the shown instrument , create a button on the left side.

Blending Options-Drop Shadow



Blending Options-Gradient Overlay



Gradient’s parameters:



Blending Options-Stroke



Copy the recently made layer and apply the Free Transform selection to turn it around on 180 degrees vertically. Place it the way it is pictured below by keeping the same sizes.



Blending Options-Gradient Overlay



Take the shown tool again to represent the middle button on the menu’s left side



Blending Options-Drop Shadow

Blending Options-Gradient Overlay



Gradient’s parameters:



Blending Options-Stroke



For you convenience now you should combine all the layers containing 3 buttons on the menu’s left side in a group. Copy that group and apply the Free Transform selection to turn it around on 180 degrees horizontally. Don’t forget to place it the way it is shown next picture.



Add now on the upper part of the header the necessary text, keeping the demands from the next table.





Blending Options-Gradient Overlay



Gradient’s parameters:

Take a different tool now to choose the appropriate element from next table.





Blending Options-Inner Shadow



Blending Options-Gradient Overlay



Gradient’s parameters:



Insert on the menu’s buttons the text, keeping the demands from the table below.





Insert the text on the upper menu’s buttons now.

Blending Options-Gradient Overlay (RULES)



Blending Options-Gradient Overlay (GAMES)



The common gradient’s parameter:



Insert another text on the upper part of the site’s header, keeping the type, size and the color indicated in the next table.





Blending Options-Gradient Overlay



Gradient’s parameters:

Next step includes adding three rows of points on the upper part of the central panel (above the hero’s picture).





Combine now all layers containing those 3 rows of points in a group. Copy this new made group. Then apply Free Transform option to turn it around on 180 degrees vertically.



Take the next tool to represent the next element



Close to (NEWS)



Combine all the elements containing the pints close to NEWS in a group. Copy this group 5 times and place it like it is shown next step.



The final result!

View full size here.