Professional Design Studio Web Template

Make a copy of the new made layer and place it the way it is demonstrated next picture.

The next step includes selecting firstly the Pen Tool (P) and draw a triangle (the button's symbol), having the black color.

Blending Mode-Overlay

Copy it on another button, turning it over with Free Transform selection.

Now we have to draw a flare on the button's surface that would have the white color, using the Ellipse Tool (U), erasing the lowest top with Delete Anchor Point Tool

The layer's parameters:

Fill 80% on the layers.

Blending Mode-Soft Light

Select now the Line Tool (U) to represent two vertical stripes of black and white color.

The layers' parameters:

Blending Mode-Overlay

Choose the same Ellipse Tool (U) to draw a small ball between the lateral site's panel and the main one.

The layer's parameters:

Blending Options>Drop Shadow

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

Make two copies of the new made recently layer.

Choosing the Rounded Rectangle Tool (U), it's possible to separate the zone under the button situated on the left side of the made balls.

The layer's parameters:

Fill 0% on the layers.

Blending Options>Bevel and Emboss

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

Gradient's parameters:

Write the titles of the menu's buttons situated on the site's header, keeping the details inserted in the next tables.

(portfolio)

(the other buttons)

Insert now the site's name:

(Design)

(Studio)

Write also the titles of the auxiliary buttons reserved for the menu and situated on the left side.

The last stage includes inserting the pictures' screenshots we want to place on the site.

The layer's parameter is the same for all the introduced pictures.

Blending Options>Stroke

Click to enlarge

Finished!