Hello my friends.

As you may noticed i haven't posted from a long time. ( over 10 days )
The reason is that we work for a new website ( Only with FREE DOWNLOADS ). Very soon this website will be released for BETA testing.
You will be announced when the website will be available.

Today i will continue our 500 Tutorials marathon. and i am gong to create tutorial number 156.

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 )

This is the final hosting layout:



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



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



Now we will apply a layer style for some shapes :









This is my result



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



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



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



You can download the PSD layout from attachment area.

Attached Files

layout156.zip (608.5 KB, 330 views)

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

really nice, simple to create layout
good job mate, will help a lot of people

__________________
Rob
LenoHost Networks
Reliable high quality webhosting

thank u admin

nice

this is mine



thank u

very nice.. we are looking for a new template for our site, well pm you,

__________________
Hosting 100GB space 150GB BW, unlim sub unlim db $12.00 yearly

ooh so nice and easy to code it >>> i will try to make a real site from it and let you see mt works

Fantastic Brotha
it's so nice

thanks

Very nice tutorial im going to try to recreate it :P

Thanks,

-iceyzone

very nice thansssssss

nice work!