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

Captcha