Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Dedicated Hosting Layout

Dedicated Hosting Layout


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

image 1

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

image 2

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

image 3

This is my result

image 4

Now select the red shape layer and the blue shape layer

image 5

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

image 6

image 7

image 8

image 9

This is my result

image 10

Now add the following layer styles for the vertical shape

image 6

image 12

image 8

image 9

This is my result

image 15

Now for the green shape add the following layer styles

image 16

image 17

image 8

image 9

This is my result

image 20

Now for the blue shape add the following layer styles

image 21

image 22

image 8

image 9

My result

image 25

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

image 26
Click to enlarge

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

image 27
Click to enlarge

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

image 28

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

image 29

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

image 30

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

image 31

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

image 32

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

image 33

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

image 34

Then create the following selection

image 35

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

image 36

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

image 37

image 38

image 8

image 9

This is my result

image 41

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

image 42
Click to enlarge

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

Dedicated Hosting Layout
Click to enlarge


Author's URL: amitk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Dedicated Hosting Layout"

Captcha