Design a website banner with shadow

How to make a Website banner with shadow  using photoshop.

Photoshop Website  template or layout related tutorial

[1] Take a new file of 500 pixels,500 pixels, of resolution 72 dpi in the RGB mode.

[2] Now take the Shape Tool and select this one.

[3] Then create your shape and fill with this color coding #960001.

[4] Now press Cnlt+T, Transform Selection to Rotate your shape.

[5] Hold Cntl+Click the layer to make the selection.

[6] Now go to Select>Modify>Contract Selection use these values.

[7] Make the new layer then fill the selection with this color coding #D7D7D7.

[8] Now take the Pen Tool create a new shape as shown image below.

[9] Create a new layer and make the selection and fill with white color.

[10] And now set the Opacity of Previous shape layer.

[11] Now take the Shape Tool and select this one.

[12] Make the new and fill the new shape with black color, then press Cntl+T, Transform selection to Rotate your shape see in the next image.

[13] Now hold Cntl+E, to Merge Down the Layers, do not merge background layer.

[14] Make the copy of shape-1 as shown image below.

[15] Then press Cntl+T, Transform Selection to Rotate your shape as shown image below.

[16] Now go to Layer Pallete and click this button as shown image below.

[17] Now take the Gradient Tool use these settngs.

[18] Now Drag the Tool from the top of image.

[19] Your final image should be look like this.

Free Photoshop Website banner Templates, Free Photoshop Web Layouts