Professional Design Studio Web Template

The layer's parameters:

Blending Options>Outer Glow

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

Make two copies of the recently made layer and select the Free Transform option to stretch the copy out if necessary, placing it the way it is shown on the next picture.

The next stage includes creating the lateral menu's panel reserved for the auxiliary buttons. We'll use two instruments: firstly - Rounded Rectangle Tool (U) and then click on the Alt button to cut out circles form the right side, applying the Ellipse Tool (U).

The layer's parameters:

Blending Options>Outer Glow

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Pattern Overlay (the texture Blue Textured from Color Paper)

Blending Options>Stroke

Make a copy of the new made layer, changing the layer's parameters.

Fill 0% on the layers.

Blending Options>Stroke

Gradient's parameters:

Next we'll select again the Ellipse Tool (U) to represent the primary layer reserved for navigating buttons situated on the right side.

The layer's parameters:

Blending Options>Outer Glow

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke

The next step includes creating a new layer reserved for a button, choosing the same Rounded Rectangle Tool (U)

The layer's parameters:

Opacity 70%

Blending Options>Inner Glow

Blending Options>Gradient Overlay

Gradient's parameters:

Blending Options>Stroke