Photoshop  Home Photoshop Web Layout Modern Web Layout (Part 3)
rss

Modern Web Layout (Part 3)

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


image 1

Represent several special buttons on the upper part of the site:

image 2

image 3

Select the Line Tool (U) and represent two dividing vertical stripes colored with DA6900.

image 4

Fill the rest of the sections with the appropriate text:

image 5

(Lorem ipsum dolor)

image 6

(the basic text)

image 7

(the accentuated text)

image 8

Create a new layer and mark out a certain zone with Rectangular Marquee Tool (M), using also the shown brush before of white color just to accentuate the right edge:

image 9

image 10

Make a copy of this layer, reflecting it as in the mirror with Free Transform option. Apply now the Burn Tool (O) to dark out the border of the original layer.

image 11

image 12

Apply the same kind of processing on the horizontal position.

image 13

Using the Burn Tool (O), dark out the mirror – copy:

image 14

Choose the Brush Tool on a new layer that would have the white color to add several strokes like in the next picture (placing this layer under the site’s name layer).

image 15

Modern 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 "Modern Web Layout (Part 3)"