Here is a cool idea for creating a Hardware customer support website background. you may also use it to create a business flyer or for free website layout.[1]-First of all Open New Document of Custom size, Height & Width 500×500 Pixels, Resolution 72 and Mode RGB COlor

pun226-hardware-customer-support-website-layout1.gif

[2]-Now create the following selection with the help of Rectangular Marquee Tool

pun226-hardware-customer-support-website-layout2.gif

[3]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below
pun226-hardware-customer-support-website-layout3.gif

[4]-Now select Drop Shadow and use the following settings

pun226-hardware-customer-support-website-layout4.gif

[5]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout5.gif

[6]-Now select Custom Shape Tool and use the following shape & settings
pun226-hardware-customer-support-website-layout6.gif

[7]-Now create the following shape with the help of Custom Shape Tool
pun226-hardware-customer-support-website-layout7.gif

[8]-Now select Pen Tool and then click & after that select Make selection

pun226-hardware-customer-support-website-layout8.gif

[9]-Now use the following settings in Make Selection

pun226-hardware-customer-support-website-layout9.gif

[10]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout10.gif

[11]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown below
pun226-hardware-customer-support-website-layout11.gif

[12]-Now select Bevel & Emboss and apply the following settings

pun226-hardware-customer-support-website-layout12.gif

[13]-Now select Stroke Structure and apply the following settings
pun226-hardware-customer-support-website-layout13.gif

[14]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout14.gif

[15]-Now create the following selection with the help of Elliptical Marquee Tool

pun226-hardware-customer-support-website-layout15.gif

[16]-Now Press Ctrl+Shift+I and then press “Delete” & your image will be look as shown below

pun226-hardware-customer-support-website-layout16.gif

[17]-Now make 3 Duplicate Layer with the help of Press Ctrl+J for 3 Times
and after that your Layer Pallete will be look as shown below

pun226-hardware-customer-support-website-layout17.gif

[18]-Now select any Duplicate Layer

pun226-hardware-customer-support-website-layout18.gif

[19]-Now seprate the Duplicate image with the help of Move Tool

pun226-hardware-customer-support-website-layout19.gif

[20]-Now select Another Duplicate Layer

pun226-hardware-customer-support-website-layout20.gif

[21]-Now seprate the other Duplicate Image with the help of Move Tool

pun226-hardware-customer-support-website-layout21.gif

[22]-Now select Last Duplicate Layer and seprate it from another image with the help of Move Tool

pun226-hardware-customer-support-website-layout22.gif

[23]-Now create the following selection with the Help of Press Ctrl+click on Duplicate layer1

pun226-hardware-customer-support-website-layout23.gif

[24]-Now fill the selection with any other color with the help of Alt+Backspace

pun226-hardware-customer-support-website-layout24.gif
[25]-Now create the following selection with the help of Press Ctrl+Click on Duplicate layer2

pun226-hardware-customer-support-website-layout25.gif

[26]-Now Fill the selection with any other color & then create other selection with the Press Ctrl+CLick on Duplicate Layer3
& then fill the selection with different color

pun226-hardware-customer-support-website-layout26.gif

[27]-Now create the following selection with the help of Rectangular Marquee Tool

pun226-hardware-customer-support-website-layout27.gif

[28]-Now filll the selection with # FFFFFA color & then create the following selection with the help of
Ctrl+click on Layer 2

pun226-hardware-customer-support-website-layout28.gif

[29]-Now hold Shift+Ctrl & then click on Duplicate Layer3 & your image will be look as shown below

pun226-hardware-customer-support-website-layout29.gif[30]-Now Press Ctrl+Shift+I & then press “Delete” & your image will be look as shown below

pun226-hardware-customer-support-website-layout30.gif

[31]-Now reduce the Opacity of this Layer

pun226-hardware-customer-support-website-layout31.gif

[32]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout32.gif

[33]-Now create the following selection with the help of Rectangular Marquee Tool

pun226-hardware-customer-support-website-layout33.gif

[34]-Now fill the selection with # FFFFFA color & then create the following selection with the help of
Press Shift+Ctrl+CLick on Duplicate Layer 1 & Duplicate Layer 2

pun226-hardware-customer-support-website-layout34.gif

[35]-Now press Ctrl+Shift+I and then press “Delete” & your image willl be look as shown below

pun226-hardware-customer-support-website-layout35.gif

[36]-Now reduce the Opacity 53% of this Layer & your image will be look as shown below

pun226-hardware-customer-support-website-layout36.gif

[37]-Now create the following Text with the help of Text Tool

pun226-hardware-customer-support-website-layout37.gif

[38]-Now click on ‘f’ which is indicating by Hand sign as shown below

pun226-hardware-customer-support-website-layout38.gif

[39]-Now select Gradient OVerlay and apply the following settings

pun226-hardware-customer-support-website-layout39.gif
pun226-hardware-customer-support-website-layout40.gif

[40]-Now select Stroke Structure and apply the following settings

pun226-hardware-customer-support-website-layout41.gif

[41]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout42.gif

[42]-Now create other Text with the help of Text Tool & after that create the following selection
With the help of Custom shape Tool [as create begining of this tutorials]

pun226-hardware-customer-support-website-layout43.gif

[43]-Now fill the selection with # FFFFFA Color & use the same Blending Options (as used in First one Shape).
Now create the following selection with the help of Elliptical Marquee Tool

pun226-hardware-customer-support-website-layout44.gif

[44]-Now fill the selection with # FFFFFA Color & then reduce the Opacity of this Layer

pun226-hardware-customer-support-website-layout45.gif

[45]-Now your image will be look as shown below

pun226-hardware-customer-support-website-layout46.gif

[46]-Now create the following Text with the help of Text Tool

pun226-hardware-customer-support-website-layout47.gif

[47]-Now click on ‘f’ which is indicating by Hand sign as shown below

pun226-hardware-customer-support-website-layout48.gif

[48]-Now select Inner Shadow and use the following settings

pun226-hardware-customer-support-website-layout49.gif

[49]-Finally, all settings have been completed & your final image will be look as shown below

pun226-hardware-customer-support-website-layout50.gif