Photoshop  Home Photoshop Web Layout Web 2.0 Business Layout
rss

Web 2.0 Business Layout

Author: amitk 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

Click to enlarge
Click to enlarge

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

Click to enlarge
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

Click to enlarge
Click to enlarge

Add some icons on your layout

Click to enlarge
Click to enlarge

Then with rounded rectangle tool, create another shapes

Click to enlarge
Click to enlarge

Then add the following layer styles

image 17

image 18

image 19

This is my result

Click to enlarge
Click to enlarge

Now add some text on your layout, and some images

Click to enlarge
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 Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope you like it.



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Web 2.0 Business Layout"