(10 ratings)   
By: talk-mania.com
In this tutorial you will learn how to create a web 2.0 layout for a hosting company.
Added: 16 June 2008    Views: 700  
Keywords: computers   adobe   photoshop   web   design   layout   object   create   layer   path  
Do you like this tutorial? Now you can support our team to add more :     
 
 
 
Browse Pages :   <<    <    1    2    3    >    >>  

For all this black circles add the following layer styles:





This is my result


Select Rounded rectangle tool , and create a white shape on the bottom of your layout

Then add some servers, from your stock photo collection, and in the same time you can add also some text for your hosting plans


Then with Rounded rectangle tool create some buttons under each plan


Then add the same layer styles as we have used for rounded shapes





This is my result


Now we will create a mirror for all this buttons. to do this please select all the buttons layers in your layer palette


And drag all this layers to the " create new layer button "


You will see the duplicated layers above the normal ones.


With all this layer selected , please press on Ctrl+E ( this shortcut will merge all the layers into a single one )


With move tool place the duplicated buttons like me


Then go to Edit > Transform > Flip Vertical


With this layer selected , press on " add layer mask " button


Select Gradient tool and be sure you have this settings


Then create a small vertical line ( follow the blue arrow from the next image )


Now create another rounded shape and place some icons on that shape


Now add another shapes with rounded rectangle tool


Browse Pages :   <<    <    1    2    3    >    >>  
About the Author :
 Rate this tutorial : Rate 1Rate 2Rate 3Rate 4Rate 5
  |    Add to Favorites
  |    Send to Friend
  |    Print
Comments