Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Professional Mobile Portal Web Layout (Part 1)

Professional Mobile Portal Web Layout (Part 1)

Browse Pages: << < 1  2  3  > >>

Applying the Rectangle Tool (U), we have to create the primary layer reserved for the site's menu, situated on the site's header.

image 1

Fill 0% on the layers.

Blending Options-Drop Shadow

image 2

Blending Options-Gradient Overlay

image 3

Gradient's parameters:

image 4

Select the previous tool to create one more layer reserved for the menu's panel.

image 5

Fill 0% on the layers.

Blending Options-Drop Shadow

image 6

Blending Options-Gradient Overlay

image 7

Gradient's parameters:

image 8

Select the same Rectangle Tool (U) to draw the button now:

image 9

image 10

Fill 0% on the layers.

Blending Options-Gradient Overlay

image 11

Gradient's parameters:

image 12

Make three copies of the new layer and the last two copies must be corrected, applying the Free Transform option:

image 13

The other one should be corrected too with Free Transform option, changing its parameters:

image 14

image 15

Fill 0% on the layers.

Blending Options-Gradient Overlay

image 16

Gradient's parameters:

image 17

Take the Line Tool (U) to represent those dividing, horizontal stripes colored in 345C7A.

image 18

Fill the site's sections with the appropriated pictures.

image 19

Write the site's name now, keeping the demands from the tables below:

image 20

(Mobile Portal)

image 21

(mobile world's Novelties)



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3  > >>
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Professional Mobile Portal Web Layout (Part 1)"

Captcha