Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Modern Web Layout (Part 1)

Modern Web Layout (Part 1)

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!



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

Only registered users can write comment

No comments yet...