Creative Template: Header
In this tutorial you’re going to make a header for the creative template series.. Previous tutorials:
Creative Template: Navigation
Creative Template: Background
1.
Start off by making a good template-sized document. I’ll use 740 x 620, but we’ll only be using the top, unless you want to put in the navigation aswell.Make a crooked selection at the top of the document like so:
![](http://www.photoshopstar.com/tutorials/26/02.png)
( Resized Image )
2.
On a new layer fill the selection with #903e28.![](http://www.photoshopstar.com/tutorials/26/03.png)
Apply the following layer styles to the layer:
Drop Shadow
Inner Shadow
Gradient Overlay
Pattern Overlay
![](http://www.photoshopstar.com/tutorials/26/04.png)
Make a new layer and do some grunge brushing inside of the selection (If you deselected, you can reselect it by holding CTRL and clicking the layer thumbnail.)
![](http://www.photoshopstar.com/tutorials/26/05.png)
Set the Layer Mode for the grunge brushing layer to Soft Light and lower the opacity to what you see is fit.
![](http://www.photoshopstar.com/tutorials/26/06.png)
3.
Go to TheDesignWorld.com and get this render. Drag the render onto the canvas, flip it 90CW or 90CCW.![](http://www.photoshopstar.com/tutorials/26/07.png)
Make a selection a bit smaller than the header (crooked selection)
![](http://www.photoshopstar.com/tutorials/26/08.png)
With the Polygonal Lasso Tool still out, right click the selection and click “Select Inverse” then press Delete.
![](http://www.photoshopstar.com/tutorials/26/09.png)
On the ‘render’ layer, apply Filter > Noise > Add Noise with the following settings:
![](http://www.photoshopstar.com/tutorials/26/10.gif)
Set the layer mode to Soft Light and lower the opacity to 85%.
Use a layer mask or the eraser tool to get rid of a bits with either a big soft brush or some grunge brushes.
![](http://www.photoshopstar.com/tutorials/26/13.png)
4.
Make a slightly crooked square selection in the middle of the banner, fill it with white (#FFFFFF)Apply the following layer styles:
Drop Shadow
Inner Shadow
![](http://www.photoshopstar.com/tutorials/26/16.png)
Now you can add text and any other creative bits you can think of!
![](http://img2.blogblog.com/img/icon18_edit_allbkg.gif)