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 

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!



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

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

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

Only registered users can write comment

No comments yet...