Halo Game Web Header


Halo Game Web Header

Open a new file that would have 711×327 px and 72 dpi. It must be painted in the indicated color – 25333F.

Halo Game Web Header

Cut out a fragment from the necessary screenshot about Halo and place it the same way you may see below.

Halo Game Web Header

Using the next instrument

Halo Game Web Header

create a frame around the photo which must have the color 8F95A3. Create first a big rectangle, then keep pressed the Alt button to cut out a window of the sizes we need. Apply the previous instrument for this. Use a different instrument now

Halo Game Web Header

to draw two inclined stripes of black color that have the parameters shown below.

Halo Game Web Header

Blending Options-Pattern Overlay

Halo Game Web Header

Using the same method applied for creating the photo’s frame, it’s possible to make a frame for the menu’s buttons of the same color and the same sizes.

Halo Game Web Header

Blending Options-Pattern Overlay

Halo Game Web Header

Create a new layer of 4×4 px and 72 dpi. Use the next instrument after that

Halo Game Web Header

of black color to make a picture that you may see above.

Halo Game Web Header
Halo Game Web Header

Save it!
Apply the next instrument

Halo Game Web Header

and create a surface on the inside lateral window’s sizes. Apply the parameters from below.

Halo Game Web Header

Blending Options-Pattern Overlay

Halo Game Web Header

Blending Options-Stroke

Halo Game Web Header

Create the lowest layer now for the button colored in 2D3D53. Use the same instrument known already

Halo Game Web Header

.

Halo Game Web Header

Blending Options-Pattern Overlay

Halo Game Web Header

We need to insert now the button’s frame. First make use of the last instrument

Halo Game Web Header

and the color 617081 to draw a surface of the same sizes the lowest layer has. Then click on the Alt button and keep it pressed until we use the previous instrument to insert two windows, exactly the way you may see below.

Halo Game Web Header

Make use of the same instrument and the next color – 7B8492 and insert a new layer inside the big window of the buttons’ frame.

Halo Game Web Header

Fill 50% on the layers.
Create a new layer after that with 4×4 px and 72 dpi. Then make use of the shown instrument

Halo Game Web Header

with the color 292F3D to create a cliché close to that one from above.

Halo Game Web Header
Halo Game Web Header

Save it!
Use the previous instrument to create a new layer of black color inside the big window of the button’s frame.

Halo Game Web Header

Fill 60% on the layers.
Blending Options-Pattern Overlay

Halo Game Web Header

Blending Options-Stroke

Halo Game Web Header

Copy the new made layer and apply the Free Transform selection to make it narrower on the lateral sides. Place it then the same way you may see in the next picture.

Halo Game Web Header

Inside the narrow window we must use the next tool

Halo Game Web Header

to draw a line colored in 7B8492.

Halo Game Web Header

Fill 50% on the layers.
Make use of the following instrument

Halo Game Web Header

to create a triangle.

Halo Game Web Header
Halo Game Web Header

Combine all the layers containing the button in a group. Copy this group 4 times and place everything out the same way it is shown in the next picture.

Halo Game Web Header

Insert now the names of the menu’s buttons.

Halo Game Web Header

The names of the buttons:

Halo Game Web Header

The ordinal number:

Halo Game Web Header

Blending Options-Drop Shadow

Halo Game Web Header

The next step includes writing the site’s name.

Halo Game Web Header

(HALO)

Halo Game Web Header

(Welcome to, game community)

Halo Game Web Header

Blending Options-Drop Shadow

Halo Game Web Header

Using the shown tool

Halo Game Web Header

we must draw a stripe with the shown color – 626672 on the menu’s frame’s bottom, on its top and also on the bottom and on the top of the site’s header. Correct the angles with the shown tool

Halo Game Web Header

the way it is shown in the picture. Use the same parameters from the image below.
Blending Options-Pattern Overlay

Halo Game Web Header

As a result we must get the next picture:

Halo Game Web Header

Finished!