In this detailed tutorial you will learn how to create a modern, professional Hosting Company layout in Photoshop.

Represent a new file having 766x660 px and 72dpi.
Choose the following instrument and try to represent the panel for the site?s header next to be.



Blending Options-Gradient Overlay



Gradient?s parameters:



Selecting the previous instrument, you may create the lowest layer for the advertising announcement.

Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke



Make two copies of the new made layer, but change the parameters of each copy.



The parameters for the green one:
Blending Options-Gradient Overlay

Gradient?s parameters:



Blending Options-Stroke



The parameters for the blue one:
Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke

Take the following tool and create the shadow represented in the next picture, colored in CCCCCC





on the layers



Make two copies of the recently created layer and place them the way it is demonstrated in the picture below:



Choose now the next tool and draw a vertical stripe colored with CCCCCC too.

on the layers



Make two copies of this layer this time and place them again the way you may see below:



Introduce now the advertising text, keeping the demands from the table below:



( Full, Business, Start)



(Lorem ipsum dolor, Amet, consectuer)



($25.99, $35.99, $55.99)

Take now a brush of small size, but with sharp edges and white color to draw several small dots on the picture.



Introduce now the photo and place it, like it is shown in the image below:



Make two copies of the layer with the photo on it and place everything the same way it is shown below:



Take the following instrument and represent the panel reserved for the menu?s buttons on the site?s header.

Blending Options-Gradient Overlay



Gradient?s parameters:



Insert one more photo on the central panel of the site?s header:



Take the next tool and choose the right clich? from the next table:



its color is 69CB10.

Blending Options-Drop Shadow



Take the next instrument and represent a kind of button:



Blending Options-Gradient Overlay



Gradient?s parameters:



Insert another photo on the panel of the site?s header:

Introduce the text now on the site?s header panel, but be attentive with the demands requested in the next table:



(Everything you need)



(for internet activity)



(Precise and inpartial approach, 24 x 7 support online chat)



We have to introduce now on the header?s panel a circle colored in EB3D07 which is possible to draw with the following instrument .

Blending Options-Drop Shadow



Select the same instrument used before to draw a flare having the color FAD1C4.





Take the next instrument and choose the clich? indicated in the next table with the red color.



of white color

Take the shown tool here and represent this time two triangles of white color.





Represent one window now designed for the searching system, situated next to create button earlier. This operation may be done by choosing the instrument from here .



Blending Options-Inner Shadow

Blending Options-Bevel and Emboss



Blending Options-Stroke



On the searching panel we should insert the titles of the button and of the window:



(DOMAIN SEARCH)



(GO!)

Insert after that an opening colored in white on the panel reserved for the menu?s buttons. Select the following tool for this manipulation.



Blending Options-Stroke



Gradient?s parameters:



Make four copies of this layer:



Write now the titles of the buttons situated on the site?s menu.

Blending Options-Drop Shadow



Take the next instrument and try to draw several small circles inside the openings on the panel reserved for the menu?s buttons, keeping the next parameters for each one:



The blue one:
Blending Options-Gradient Overlay



Gradient?s parameters:

Blending Options-Stroke



The green one:
Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke



The orange one:
Blending Options-Gradient Overlay

Gradient?s parameters:



Blending Options-Stroke



The red one:
Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke

The silver one:
Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Stroke



The flare for all of them should be the same (the copied one), created with this tool



Fill 0% on the layers:
Blending Options-Gradient Overlay

Gradient?s parameters:



The last step includes writing the name of the new site:



(Hosting)



(Company)



(BEST PLACE ON THE WEB FOR YOU)

Finished!

View full size here.