Hello

This is the Tutorial number 33 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

Create a new document with a white background.the size should
be 760 x 770 px.
Create a new Layer ( press SHIFT+CTR+ALT+N )

Select Rounded Rectangle Tool and create some rectangles like in the following image:
After you select the rectangle Tool change the Radius to 3 pixels.



Now we will add a Layer style for all this rectangles. We will use the same layer style for each rectangle. Use this settings:









This is the result:



Now we will add some details
We will create some details for the rectangle from above where we will add the hosting packages

With hold down the CTRL key and press on the Layer Thumbnail:



You will notice that you will have a selection around the Rectangle:



Now Create a new layer ( Press CTRL+SHIFT+ALT+N )

Select the Eliptical Marquee Tool.
Now press on Intersect with Selection:



And draw a circle like on the following image:



When you release the mouse click you will have the following:



Now select Paint Bucket Tool and fill the selection with white.

And add this layer style:



For the stroke settings i will use the size 5 ( i will tell you why later )





Location settings for the gradient is : 0 -- 27 -- 48 -- 51 -- 69 -- 85 -- 99
the colors you can take alone with the Eyedropper Tool ( I )

You should have something like this:



You can notice that i have the selection there. We will use right now.
Go to Select > Modify > Contract ,and use the " Contract by 5 ( the same size as i mentionated a few steps ago )
If you want to be a pro you have to usee this small details because the result will be allways better then your competitor.

Now Create a new layer ( press CTRL+SHIFT+ALT+N ) and Fill this new layer with white. Be sure not to deselect because you will fill inside your selection.

After you have filled with white you can use this layer style:











And this is my result:



You can duplicate this layers and place it like me:



If you want to change the color like me, you have to use another color for : COLOR OVERLAY and STROKE

Now i will add some buttons. I will use the Elipse Tool and i will create some small circles.
In the same time i will add also some text for buttons.



Now i will add some computers.



After that i will add more text. and near this computer case i will add one more rectangle

And i will add the layer style i have added at the begining of the tutorial. Basicaly i will repeat the steps one more time. I will make this alone , because i hope you have learned this steps.
This is my final image:


If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack

Attached Files

layout33.zip (272.0 KB, 1151 views)

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

Hi admin, this is a amazing Hosting Layout. I am really looking forward to your other tutorials and thanks for taking the time to add the location settings for the gradient. I am going to be slowly trying out this layout as it is magnificent

Good luck Ember. i will make also the tutorial you have requested togheter with SCORPION
but this probabily when i come back from hospital. 9 or 10 November.

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

That's one HOT template man. Thanks for this

My God...you are an absolute marvel.

Very nice. I might use this on my next web re-design.

I tried this tutorial it's a cool tutorial.

now i really like this one, i know of someone who wants something kinda the same....is it ok if i use this as a basic template and make my own changes

__________________
Sharzy

yes it is ok. you can use it

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

very nice tutorial
definately learned a lot from it. Thx