Create a clean hosting layout

Templates, Tutorials, Web layouts 9 Comments

Create a clean hosting layoutIn this tutorial I will show you how to create a simple and nice looking hosting layout in a few steps.  You can create this layout in almost one hour. It is very easy and the end result is quite good. You don’t have to be a professional designer to achieve a nice result.

Want to download ALL PSD layouts , including this one ? Register for a VIP account.

You will be able to download our entire collection of premium downloads for 49 $ ( vector files, photosohp brushes, Photoshop gradients, vector icons, etc… )
Create a new document with the following size: 960×900 pixels. I will use the following color for the background: #2a1f14
Now with Rounded Rectangle Tool I will create a big shape in the middle of the layout.

115

I will add the following layer style

215

37

I will hold down the CTRL key and with my left mouse button I will click on the vector mask thumbnail ( inside your layer palette )
You will see a selection around the big white shape

43

Create a new layer ( press on CTRL+SHIFT+ALT+N ) in the same time and with Paint Bucket Tool fill the selection with the following color: #ababab

54

Select Eraser Tool ,and with a big round smooth brush delete the middle of the grey shape

64

Press on CTRL+D to deselect ,and then create another green shape on top of the layout

74

With Pen Tool create a small triangle and place it like in the following image

84

On the bottom of the hosting layout I will create 4 shapes with Rounded Rectangle Tool

94

For all these shapes I will add the same layer styles

104

116

124

This is my result so far.

134

On the right side of the body I will create another 2 shapes. I will use the same layer styles

144

Next step is to add some text with Horizontal Type Tool. Please click on the following image to see the full size layout.

154

Now I will add also some images with 3D servers

164

One of the last step is to add some 1 pixel lines between some parts of the text. Here is the example.

174

To create this line you need to select Line Tool, and then create this two thin lines. Right click on each layer inside you layer palette, and choose Rasterize layer. With Eraser Tool ( and with a smooth round brush ) delete the extremities of each line.
Now I will use Rounded Rectangle Tool to create another shape. This round shape will be used as a form to search domain names.

184

This is my final hosting layout.

195

Want to download this layout ? Register now for a VIP account and you can download All PSD layouts for each tutorial ( over 60 PSD layouts ) + All set of premium resources ( vectors, icons, Photoshop brushes, gradients, layer styles ) at an incredible price: 49 $. Join now !!!

We offer pass4sure ccvp online training with 100% success guarantee. Download MB2-632 study pack and pass your 70-663 exam in single attempt.

Responses to “Create a clean hosting layout”

Trackbacks

  1. Best of the Web – October 2009 | LearnersTutorials

Leave a reply

.