Her

Home Photoshop Tutorials Web Layout How to Create Web 2.0 Business Layout

How to Create Web 2.0 Business Layout

Author: amitk Author's URL: www.talk-mania.com More by this author

As usual let's start with a new document.

Size 760x770 pixels
background color : white

Select rounded rectangle tool, Set the radius to 8 pixels and create some shapes. Place your shape like me

image 1

Then duplicate the big shape ( press Ctrl+J ) and with move tool ( V ) place the shape like me

image 2

For all this shapes ( except the top one ) please add the following layer styles ( this layer style is included in Talk-Mania Big Pack )

image 3

image 4

image 5

This is my result

image 6
Click to enlarge

Now with the same tool ( rounded rectangle tool ) create another rectangles and place them like me

image 7
Click to enlarge

The easy way is to create one single button then duplicate it a few times, and move it with Move tool

For all this buttons please add the following layer styles

image 8

image 9

image 10

image 11

image 12

image 13

With the same layer styles you can add also for the top shape

image 14
Click to enlarge

Add some icons on your layout

image 15
Click to enlarge

Then with rounded rectangle tool, create another shapes

image 16
Click to enlarge

Then add the following layer styles

image 3

image 4

image 5

This is my result

image 20
Click to enlarge

Now add some text on your layout, and some images

image 21
Click to enlarge

Then create a text logo

image 22

Duplicate this text logo, then go to Edit > Transform > Flip Vertically

With Move tool place the duplicated layers under the first one

image 23

Then press on " add layer mask " button

image 24

Select gradient tool ( use the following colors )

image 25

Then draw a vertical line ( follow my arrow )

image 26

Now you can see a nice mirror effect for our text logo

This is my final layout

Web 2.0 Business Layout
Click to enlarge

I hope you like it.