Professional Mobile Portal Web Layout (Part 1)

Create a new file that would have 1024x955 px and 72 dpi. Choose now the Rectangle Tool (U) to represent the background of next web - site to be.

Blending Options-Gradient Overlay

Gradient's parameters:

Applying the previous instrument, represent a stripe on the lowest part of the background, colored in 0F2F47.

Using the same Rectangle Tool (U), mark out those places under the sections' titles from our site (the colors' codes are shown below).

Using the same instrument, try to represent a shadow under the layer reserved for the section's title.

Fill 0% on the layers.

Blending Options-Gradient Overlay

Gradient's parameters:

Make three copies of the new made layer. The first two copies we'll keep the same, but the third one needs to be processed with Free Transform option, changing its size by stretching it along the colored stripe.

Make two copies of the processed copy and apply different parameters to our new copies.

Fill 0% on the layers.

Blending Options-Gradient Overlay

Gradient's parameters:

We have to represent now an ornament on a new layer, reserved for the site's header.

sing the Ellipse Tool (U), create a circle firstly and then press the Alt button applying simultaneously the Rectangle Tool (U) to cut out the lowest part, selecting the next parameters:

Fill 0% on the layers, having the Opacity of 80%.

Blending Options-Stroke

Select the last instrument to represent one more ornament, having an elliptical shape.

Fill 0% on the layers and keep the Opacity on 80%.

Blending Options-Stroke

Using the Ellipse Tool (U), we need to draw now a circle's part colored in 1C5683, the way it is indicated in the picture.