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

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

Using the next instrument

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

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

Blending Options-Pattern Overlay

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.

Blending Options-Pattern Overlay

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

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

Save it!
Apply the next instrument

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

Blending Options-Pattern Overlay

Blending Options-Stroke

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

.

Blending Options-Pattern Overlay

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

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.

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

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

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

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

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

Blending Options-Stroke

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.

Inside the narrow window we must use the next tool

to draw a line colored in 7B8492.

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

to create a triangle.

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.

Insert now the names of the menu’s buttons.

The names of the buttons:

The ordinal number:

Blending Options-Drop Shadow

The next step includes writing the site’s name.

(HALO)

(Welcome to, game community)

Blending Options-Drop Shadow

Using the shown tool

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

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

As a result we must get the next picture:

Finished!