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
Browse Pages: << < 1  2  3 
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

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

Captcha