Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Professional Mobile Portal Web Layout (Part 2)
rss

Professional Mobile Portal Web Layout (Part 2)

Author: Adobetutorialz.com More by this author
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)




print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3 > >>

Add comments to "Professional Mobile Portal Web Layout (Part 2)"