Advanced Hosting Layout 2.0

Please create a new document

Size 760x770 pixels
Background color: White

Then with Ellipse tool Create a circle and place it in the middle of the document.

Select Rounded Rectangle tool and create a shape, and place it like me. I will use another color for the rounded rectangle , so you can see better what i am doing.

Select Both layers in Layer palette , and press Ctrl+E ( this action will merge the two layers : the circle and the rounded shape into a single layer )

Now add the following layer styles for this layer

This is the result

Now select Ellipse tool one more time and create some small circles - 8

For all this circles please apply the following layer styles:

This is the result

Then with the same tool ( ellipse tool) create another circles , and place them inside the last circles

Be sure the size of this circles are the same like the red area from previous circles

For all this black circles add the following layer styles:

This is my result

Select Rounded rectangle tool , and create a white shape on the bottom of your layout

Click to enlarge

Then add some servers, from your stock photo collection, and in the same time you can add also some text for your hosting plans

Click to enlarge

Then with Rounded rectangle tool create some buttons under each plan

Then add the same layer styles as we have used for rounded shapes

This is my result

Now we will create a mirror for all this buttons. to do this please select all the buttons layers in your layer palette

And drag all this layers to the " create new layer button "

You will see the duplicated layers above the normal ones.

With all this layer selected , please press on Ctrl+E ( this shortcut will merge all the layers into a single one )

With move tool place the duplicated buttons like me

Then go to Edit > Transform > Flip Vertical

With this layer selected , press on " add layer mask " button

Select Gradient tool and be sure you have this settings

Then create a small vertical line ( follow the blue arrow from the next image )

Now create another rounded shape and place some icons on that shape

Now add another shapes with rounded rectangle tool

Click to enlarge

Now load the selection for the big black shape

( to load the selection please select the black shape layer and go to Select > Load selection )

You will notice that a selection line will become visible.

Now go to Select > Modify > Contract and use the following value

This is the result

Now please select Elliptical Marquee Tool

Be sure you have the "Subtract from selection" button enabled

Then create a selection like mine

Click to enlarge

When you release the button you will have the same result like mine

Click to enlarge

Select Rectangular marquee Tool , and delete also the bottom part of the selection.

Click to enlarge

At the end you need only this selection

Click to enlarge

Create a new layer above all layers ( press Ctrl+Shift+Alt+N ), and fill this selection with white

To fill the selection please use the Paint bucket tool

Be sue you press Ctrl+D to deselect

Click to enlarge

Select Rounded rectangle tool and create another shape

Click to enlarge

Load the selection for this rounded shape

To load the selection for this shape please hold down the Ctrl key and with the left mouse button click on the layer thumbnail for this rounded shape

Then you can delete the orange shape, and you have there only the selection

Now press Ctrl+Shift+I to inverse the selection

Then with the eraser tool delete the corner of the white shape

then press Ctrl+D to deselect

On this white shape please add alone some text and images

Click to enlarge

Now add some text on the buttons,

Click to enlarge

And you can add also some other details on the black area

Click to enlarge

Create a new layer ( press Ctrl+Shift+Alt+N )

Select Elliptical Marquee Tool and create the following selection

Click to enlarge

Then be sure you have enabled " intersect with selection " button

Create another selection like in the following image

Click to enlarge

After you release the mouse button you will have something like that

Select paint bucket tool , and fill the selection with white

Press Ctrl+D to hide the selection

Then add the following layer styles

This is my result

Duplicate this shape, and resize this shape a little

For this duplicated shape please use the following layer settings

This is my result

I hope you like my final result

Click to enlarge