Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Professional Mobile Portal Web Layout

In this tutorial, we will learn how to make a professional template from scratch.

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

Create Professional Mobile Portal Web Layout in Photoshop CS

Blending Options-Gradient Overlay

Create Professional Mobile Portal Web Layout in Photoshop CS

Gradient’s parameters:

Create Professional Mobile Portal Web Layout in Photoshop CS

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

Create Professional Mobile Portal Web Layout in Photoshop CS

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

Create Professional Mobile Portal Web Layout in Photoshop CS

Create Professional Mobile Portal Web Layout in Photoshop CS

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

Create Professional Mobile Portal Web Layout in Photoshop CS

Page: 1 2 3 4 5 6 7 8 9

Comments