World Of WarCraft Site Header


World Of WarCraft Site Header

Open a new file with 780×148 px and 72 dpi. Paint it in 464646.

World Of WarCraft Site Header

Having this instrument

World Of WarCraft Site Header

it’s possible to represent the lowest layer of the central panel of the site’s header.

World Of WarCraft Site Header

Blending Options-Gradient Overlay

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Blending Options-Stroke

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Now you should choose the instrument

World Of WarCraft Site Header

to create the inside panel’s space colored in black.

World Of WarCraft Site Header

Blending Options-Outer Glow

World Of WarCraft Site Header

From the shown picture on the site World of Warcraft we should cut the next fragment and place it the same way it is shown below.

World Of WarCraft Site Header

Keeping pressed the Alt button, make a click between the picture’s fragment’s layer and the inside zone.

World Of WarCraft Site Header

Take from the same site the logotype World of Warcraft and place it like it is shown next image.

World Of WarCraft Site Header

Having this tool

World Of WarCraft Site Header

represent the lowest layer of the buttons’ menu.

World Of WarCraft Site Header

Blending Options-Gradient Overlay

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Blending Options-Stroke

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Take the previous instrument to represent the inside menu’s space of the buttons colored in 464646.

World Of WarCraft Site Header

Blending Options-Outer Glow

World Of WarCraft Site Header

From the appropriate picture of the known site already World of Warcraft, must be cut out the next fragment for the menu’s buttons (the lowest layer) and place it the way it is demonstrated below.

World Of WarCraft Site Header

Keeping pressed the Alt button, make a click between the fragment’s layer and the inside zone.

World Of WarCraft Site Header

Add the text now on the button’s menu, keeping the same type, size and the color.

World Of WarCraft Site Header
World Of WarCraft Site Header

Blending Options-Bevel and Emboss

World Of WarCraft Site Header

Blending Options-Gradient Overlay

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Take a different instrument now

World Of WarCraft Site Header

and represent a vertical dividing stripe on the panel containing the menu’s buttons.

World Of WarCraft Site Header
World Of WarCraft Site Header

Blending Options-Gradient Overlay

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Copy the new made layer 4 times and place them the same way it is shown next step.

World Of WarCraft Site Header

Add on the right part of the inside picture (on the black background), to the right side of the logo World of Warcraft the next text.

World Of WarCraft Site Header
World Of WarCraft Site Header

Blending Options-Bevel and Emboss (GAME)

World Of WarCraft Site Header

Blending Options-Gradient Overlay (GAME)

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Blending Options-Inner Shadow (COMMUNITY)

World Of WarCraft Site Header

Blending Options-Gradient Overlay (COMMUNITY)

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header

Take the next tool

World Of WarCraft Site Header

to draw a lightning’s silhouette between the words: GAME и COMMUNITY

World Of WarCraft Site Header

Blending Options-Gradient Overlay

World Of WarCraft Site Header

Gradient’s parameters:

World Of WarCraft Site Header
World Of WarCraft Site Header

The final result is this one!