1. Let's start by creating a new doc. Enter the name, Width, Height and Resolution for the new doc, in our case we are going to design a 468x60 standard website banner.
2. When you are done click OK.
3. Double click on the Background Layer Thumbnail.
4. Enter the name of the layer.
5. Click OK, now the layer is named and also is unlocked.
6. Now double click again on the layer thumbnail to show this time the Blending Options.
7. Select Gradient Overlay and choose a gray to white gradient.
8. When you are done click OK.
9. Now we are going to create a new layer to do that click the create new layer icon.
10. Select the Pen Tool and start drawing a shape just like in the fig above.
11. Click on the Paths Tab.
12. Select the Path 1.
13. Click on Load Path as a Selection icon and than select the paint bucked tool.
14. Set the foreground color.
15. Click inside the selection to fill it with the selected color.
16. Click on the Layers Tab.
17. Double click on the layers thumbnail, now the blending options pop up.
18. Click Stroke and choose a orange color, when you are done click OK to apply the color.
Note: repeat steps from 10 to 18 to add another shape just like in the fig bellow.
19. Select the Round Rectangular Tool.
20. Pick a color for the new shape that you are going to create.
21. Draw a shape just like in the fig above.
22. Now select all shape layers by clicking on the first shape layer and holding down shift to select the last layer.
23. Hit CTRL+G to group the layers, name the group shapes.
24. Insert a model by using the techniques that we have learned in our other tuts.
25. Select the Custom Shape tool.
26. From the presets choose the Arrow 2 element.
27. Add the arrow element to enhance the banner design.
28. Select the Text Tool and start adding text to your banner, try choosing different fonts and color for your text.
29. Enhance your text by adding Layer Styles.
30. Now group your text in one folder, name the folder Text.
The finished banner is now ready to be placed in your website.
