website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Professional Mobile Portal Web Layout (Part 3)
rss

Professional Mobile Portal Web Layout (Part 3)

Author: Adobetutorialz.com More by this author
Browse Pages: << <  1  2  3


image 1

Write now the titles reserved for the menu's buttons of the site.

image 2

(site blog)

image 3

(the other buttons)

image 4

Insert also the titles of the site's sections, applying the demands from the next table:

image 5

image 6

Fill the sections with the appropriate text:

image 7

image 8

Write the rest of the text for other sections:

image 9

(Lorem ipsum dolor sit amet.)

image 10

(the main text)

image 11

(Praesent vestibulum molestie)

image 12

(the green text)

image 13

(the titles of the sections' text's paragraphs).

image 14

Select again the Rectangle Tool (U) to draw now three rectangles colored in 4B86B0, and apply the Ellipse Tool (U) to draw three small circles colored in 25E217.

image 15

Using the Custom Shape Tool (U), choose from the table below the necessary cliché, that one indicated below:

image 16

And picture out a star of white color near the logotype:

image 17

image 18

Make six copies of the new made layer and apply the Free Transform option to make it smaller a little and place it the way it is shown in the next picture.

Professional Mobile Portal Web Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

Finished!




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 3)"