Hello

Today i am going to make Tutorial Number 133 from 500 Tutorial Marathon
I will show you how to create another Hosting layout. this time i will create the layout for a dedicated hosting company.
All gradients and styles are included in this package



So let's start with a new document.
Size : 760*770 pixels
Background color : white

Select rounded rectangle tool, set the radius to 10 pixels, then create a few shapes. i will use different colors, so you can see better where i am placing the rectangles



Then create another rectangle with the same tool. I will use a red color. feel free to use what color you want.



With this red shape layer selected press CTRL+T ( Free transform tool )
Then rotate the shape at 45 degrees.



This is my result



Now select the red shape layer and the blue shape layer



When you have both layers selected, press CTRL+E ( this will merge the two layers into a single one

Then for this shape add the following layer styles









This is my result



Now add the following layer styles for the vertical shape









This is my result



Now for the green shape add the following layer styles









This is my result



Now for the blue shape add the following layer styles









My result



Then you can add the first layer style we have used, also for our last shapes



Now please add some hosting servers, and a logo. the logo you can purchase from Talk-mania shop. I am not going to show you how the logo was done in this tutorials. you can find already a few tutorials about logos in TM forum



Now Please create some buttons. place these layers right above the background layer, then with type tool you can add also some text



Now hold the CTRL key down , and with the left mouse button click on the layer thumbnail for the grey shape
We will load the selection



With this selection active, select rectangular marquee Tool and hold down the ALT key. Then try to create the following selection:



After you will release the mouse button you will have the following result



Create a new layer on top of all layers. then with paint bucket toll fill this selection with white. After that add some icons

this is my result



Now load the selection also for the green shape. To load the selection you need to click on the layer thumbnail while you hold down the CTRL key



Select ellipse marquee tool, and be sure you press on the : " intersect with selection button "



Then create the following selection



After you will release the mouse button you will have the following result



Create a layer on top of all layers ( press CTRL+SHIFT+ALT+N ), then fill this layer with black. to fill the selection please use the paint bucket tool.
press CTRL+D to deselect

For this shape please add the following layer styles









This is my result



Duplicate this layer ( to duplicate the layer please be sure you have the layer selected in your layer palette , then press CTRL+J )

place the second layer on the right side, then add some text on your layout



My last step is to add a world map near the servers. you can place there some clouds. Go to www.free-photoshop.com and download some free clouds brushes, or you can add there some arrows. it is your choice.
this is my final result


The psd file is available only for VIP members : Download from this LINK
If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack

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

Nice one admin. Everything you touch turns to gold

I think you should make one tutorial about how to code any of the templates you've made. Because people probably make these really nice templates but then dont know how to slice and code them.

nice one mate !
i must say its a very nice and clean template, and i also think its good u did not use lorum ipsum ...
ppl can accualy read something now and see how the text looks

7.5 maybe 8 /10 nice1

Nice one admin.

Very Nice, Thanks i have a good result from this!

StudentMeh.co.uk - Next Generation Student Networking!

woowww nice job i like it

great little layout Admin, keep up the good work !

regards,
Dene

Wow this is a very nice Tutorial

Greeking or Jabberwocky or "lorum ipsum" as you called it, is invaluable for a designer. It allows you to fill the space where copy is supposed to be, without having to take all the time to actually come up with it yourself.

If you're working on a website for a client, you just want to establish the style for the website for them. Odds are, you won't be the copywriter either (and if you are, you'd better charge more for that as well).

Plus, let's say you come up with a concept for the website for the client. You include all of your own text, text that you came up with yourself that probably took an hour or more to write. You send the client your proposal, doesn't like your design, but then takes everything that you've written in your concept. He's basically stealing a service from you. And you're wasting time (and time is money in this business.)

My advice as a pro: use jabberwocky.