Web2.0 Premium Website TemplatesAll TemplatesWeb2.0 TemplatesPremium TemplatesTemplate TutorialsContacts

Web2.0 Premium Templates

Design a Simple But Clean Web Hosting Template

Step one:

Start with a 1000 x 800 pixels, white canvas then make a new layer set titled Header. Now choose your rounded rectangle tool and set the radius setting to 20 pixels with anti-aliased checked.
In a new layer draw a 979 x 126 pixels, black rounded rectangle. Add the following layer styles:


Step two:

Now add your company name above your black rounded rectangle. Use font Arial, regular, 11pt, none and #386A3D #243E74 #5A2D19 for colors.
In a new text layer add your slogan using ffont Verdana, regular, 11pt, none.

Step three:

In a new layer draw a 147 x17 pixels, black rounded rectangle.
Set your layers blending mode to Darken and add the following layer styles:




Step four:

In another new layer draw a 75 x 17 pixels, black rounded rectangle using rounded rectangle tool.
Now add your first navigation link using font Eurostile, bold, 10 pt, crispt and #FFFFFF for color.

Step five:

Complete your navigation system by adding more buttons with your links.

Step six:

Now days phone support is very important for costumers, add yours at the top end of your navigation system using font Eurostile, bold, 9 pt, crispt and #000000 for color.

Step seven:

Choose roundeded rectangle tool again and set the radius setting to 4 pixels. In a new layer draw a 243 x 240 pixels, black rounded rectangle.
Set your layers blending mode to Darken and add the following layer styles:




Step eight:

Add your first hosting plan on this area.

Step nine:

Make a new layer set titled Plan Price. In a new layer create a 243 x 46 pixels, black rounded rectangle. Add the same layer layers from three which consist of Inner Glow, Outer Glow, Gradient Overlay, and Stroke.Also set your layers blending mode to Darken.
Now add a custom server graphic, set it up as shown on the picture below, then add your pricing information.

Step ten:

Add the rest of your plan prices to your other plans by duplicating your plan price layer set.

Step One / Step Two


Category:
Keyword:
ID:

Earn Commission

20% of the Sales Generated from Your Website
Join Now!
Clear Details © 2006 | FAQ  | Terms of Use