If you want to impress your client as website designer the first thing it to create a professional website for yourself. Here is a photoshop tutorials for you to create a professional Website Header using 3d cubes design layout.

Open the photoshop software and create a file and then close your eyes… just kidding hehe..
Now fill the Background with any color.
Create the following selection with the help of Rectangular Marquee Tool
pun215-purple-square-website-header2.gif

[3]-Now fill the selection with any color & after that create the following selection with the
help of Rectangular Marquee Tool

pun215-purple-square-website-header3.gif

[4]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown
below

pun215-purple-square-website-header4.gif

[5]-Now select Gradient Overlay and apply the following settings
pun215-purple-square-website-header5.gif
pun215-purple-square-website-header6.gif

[6]-Now select Stroke Structure and use the following settings

pun215-purple-square-website-header7.gif
pun215-purple-square-website-header8.gif

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

pun215-purple-square-website-header9.gif

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

pun215-purple-square-website-header10.gif

[9]-Now fill the selection with any color & then click on ‘f’ which is indicating by Hand sign as shown
below
pun215-purple-square-website-header11.gif

[10]-Now select Drop Shadow and apply the following settings

pun215-purple-square-website-header12.gif
[11]-Now select Bevel & Emboss and use the following settings
pun215-purple-square-website-header13.gif

[12]-Now select Pattern Overlay and use the following settings

pun215-purple-square-website-header14.gif

[13]-Now select Gradient Overlay and apply the following settings

pun215-purple-square-website-header15.gif
pun215-purple-square-website-header16.gif

[14]-Now select Stroke Structure and use the following settings

pun215-purple-square-website-header17.gif

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

pun215-purple-square-website-header18.gif

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

pun215-purple-square-website-header19.gif

[17]-Now Press “Delete” and create the following selection with the help of Rectangular Marquee Tool

pun215-purple-square-website-header20.gif

[18]-Now press “Delete” and create the another selection & then press “delete”

pun215-purple-square-website-header21.gif

[19]-Now Reduce the Opacity of this Layer as shown below

pun215-purple-square-website-header22.gif

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

pun215-purple-square-website-header23.gif

[21]-Now create the following Text with the help of Text Tool.Finally,all settings have been completed
& your final image will be look as shown below

pun215-purple-square-website-header24.gif