Futuristic MP3 Server Web Layout


Futuristic MP3 Server Web Layout

Create a new file with 500×400 px and 72 dpi. Choose this tool

Futuristic MP3 Server Web Layout

and stretch it out on the entire file.

Futuristic MP3 Server Web Layout

Use Blending Options and set the adjustments from the next picture.

Futuristic MP3 Server Web Layout

Start representing the first element of our illustration.
First we should select this instrument

Futuristic MP3 Server Web Layout

and draw a circle. Fill 0% on the layers.

Futuristic MP3 Server Web Layout

Set next adjustments in the Blending Options.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Take this instrument

Futuristic MP3 Server Web Layout

and colorize the lateral sides of the circle. The color must coincide with that one of the background.

Futuristic MP3 Server Web Layout

Pass to create the menu. First we should choose the instrument

Futuristic MP3 Server Web Layout

with a Radius of 10 px and represent 3 stripes.

Futuristic MP3 Server Web Layout

Set next adjustments for all of them in the Blending Options.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

We need to draw a circle now with the following instrument

Futuristic MP3 Server Web Layout

. Then click on the Alt button and draw another circle inside the first one.

Futuristic MP3 Server Web Layout

Set the adjustments for the circle in the Blending Options.

Futuristic MP3 Server Web Layout

Represent now another circle under the first circle’s layer. The color’s code is 818181.

Futuristic MP3 Server Web Layout

Then open a new file having 4×4 px and 72 dpi. Use the next instrument on it

Futuristic MP3 Server Web Layout

to insert 4 pixels diagonally on a transparent background.

Futuristic MP3 Server Web Layout

Select now Edit Define pattern… and save the picture! Get back to our actual file and apply the next adjustments for the circle.
Blending Options:

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Choose the picture in the Pattern option.

Futuristic MP3 Server Web Layout

And one more circle represented with the usual tool

Futuristic MP3 Server Web Layout

. Its color’s code is 112840.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Create now that part from inside. We have to select again the known instrument

Futuristic MP3 Server Web Layout

already to draw another circle with parameters from Blending Options.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Make a copy of this layer and minimize it proportionally, making use of the Free Transform selection.

Futuristic MP3 Server Web Layout

We need to represent after that a circle painted in white. Use the same parameters from below.

Futuristic MP3 Server Web Layout

Represent a layer with the mask and apply a black color brush to create a transparency. This way we’ll get a flare.

Futuristic MP3 Server Web Layout

We have to copy our two circles with the flare and minimize them proportionally. Change in the Gradient selection the light-grey colors on almost white color. We must get the same result from the next picture.

Futuristic MP3 Server Web Layout

Create a circle with the shown color – DD812F and one more inside the first one by holding the Alt button. Set the next adjustments to this circle.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Pass to representing the bullets for the menu.

Futuristic MP3 Server Web Layout

Select the next tool

Futuristic MP3 Server Web Layout

and draw a circle colored in E2E2E4. Set the next adjustments for the circle.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

Represent one smaller circle colored in DD812F.

Futuristic MP3 Server Web Layout

Insert the text that we need after that:

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

The last element includes inserting the logotype which must be placed on the upper central part.

Futuristic MP3 Server Web Layout

The adjustments reserved for the logotype’s font.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

The font’s adjustments under logotype.

Futuristic MP3 Server Web Layout
Futuristic MP3 Server Web Layout

The final result!