Professional Clean Hosting Layout

Things you need for this tutorial

1. A server image. See how to create a server here
2. The following set of Photoshop Brushes
3. Our latest Mega Pack with over 30.000 Layer styles and over 16.000 gradients. ( optional )

Let's open a new document

Size for this document should be 760x770

Make a selection at the top of the layout, and with gradient tool draw a simple line until you have a result like mine

After that add the 3D server image

Click to enlarge

Select Rounded Rectangle Tool ( set the radius to 6 pixels ) and make some shape like in the following image:

Click to enlarge

Now we will apply a layer style for some shapes :

This is my result

Click to enlarge

You can see that i have another shape without layer styles. We will apply now the following layer styles for the black shape.

This is my result :

With Rounded rectangle tool , add another 2 shapes

and for these 2 shapes please add the following layer styles:

my result :

Again with rounded rectangle tool add another 2 shapes

Select polygon Tool ( set the number of side to 3 )

Add 3 triangles on your layout

Click to enlarge

In your layer palette select 2 layers ( a red triangle and a black shape )

When you have these 2 layers selected press Ctrl+E ( merge )

you will have the same result , but instead of having 2 layers we will have a single one .

For this single layer please add the following layer styles

This is my result

Do the same for the other part of the layout

Now we will do the same for the blue triangle and the gray shape

Very important is to select both layers in your layer palette, then merge them into a single layer, to apply the following layer styles

This is my result

Next step is to add some text

Click to enlarge

Select polygonal lasso tool , and make a selection like mine

Now select the proper layer ( you will figure out which one after you see the following image )

I will apply a red color to see better which layer you need to select it

after you have the layer selected in your layer palette, go to Layer > New > layer via Cut

Press on Ctrl+D to deselect

This is my result ( i will apply the original layer style settings )

Now select the small corner, and go to Edit > Transform > Rotate 180

Do the same for the right side of the layout

Now place some small buttons under the corner layers

The next step is to download some brushes from www.photo-shop-brush.com , and on a new layer (press Ctrl+shift+alt+n ) add some small arrow with brush tool

This is my final layout. I hope you like it

Click to enlarge