Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Hosting Layout
rss

Hosting Layout

Author: amitk More by this author


Create a new document with a white background

size of this document should be 760 x 770 pixels

Select Rounded rectangle tool ( radius 15 pixels ) and create 6 rectangles. place them like in the following image:

image 1

Then for all this shape please add the following layer styles

image 2

image 3

After you apply this layer styles for all the shapes you will have the following result

image 4

Now with the same tool ( rounded rectangle tool ) create another shapes above the other ones. I will create all this shape with different colors,. In this way you can see better what i am doing

image 5

Now for all red shapes please add the following layer styles

image 6

image 7

This is my result

Click to enlarge
Click to enlarge

For blue shape please add the following layer styles

image 9

image 10

image 11

image 12

image 13

This is my result

image 14

Now for the green shape please add the following layer styles

image 15

image 16

image 17

image 18

image 19

This is my result

image 20

For the orange shape please add the following layer styles

image 21

image 22

image 23

image 24

image 25

This is my result

image 26

Now let's add some text on our layout with type tool

image 27

For some layers please change the blending mode to Overlay

You need to change the blending mode for the text layers with hosting description

Quote:

150 Gb Transfer
10000 Mb Storage
250 Domains
100% Private Label
Free Billing Software
Free Reseller Acct.
Free End User Support

To change the blending mode be sure you have the layer selected, then change the blending mode to overlay

image 28

After i have changed the blending mode for all layers this is my result

image 29

Now with Rounded rectangle tool , create a small shape. be sure you place this shape under the " BUY | INFO " text

image 30

For this small shape add the following layer styles

image 31

image 32

image 33

image 34

image 35

image 36

This is my result

image 37

Now duplicate this small shape 2 times ( to duplicate be sure you have the layer selected, then press on Ctrl+J )

Then with move tool, place the shape like me

image 38

Now i will add some text on the right side of the layout

image 39

We are ready with the body of our layout. now we will move to the header. I will add some icons over my header, and some text

On the left side i will add a logo from VIP area. If you don't know how to apply for a VIP membership please follow this link

Click to enlarge
Click to enlarge

For the text i have applied the same layers styles as we have used on our blue shape

Now go to www.free-photoshop.com and download a set of brushes ( brush #1 )

Load the brushes in photoshop , then on a new layer ( to create a new layer press Ctrl+Shift+Alt+N )

Be sure you place this layer on top of all layers in your layer palette

Then with brush tool, add some details on your background

If you want to add more details, you can purchase also Talk-Mania Big-Pack

I am sure you can find a lot of details in our Pack

This is my final result

Hosting Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Hosting Layout"