Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Rockband Layout #2

Rockband Layout #2


Create a new document 800x600 with a browny color as your background. Create a new layer, set opacity to 50% and layer mode to "soft light".

image 1

Select a series of grunge brushes and brush randomly onto your new layer. If you don't have any grunge brushes download some here. Here's how mine looks.

image 2

Select your background layer and goto "filter > noise > add noise".

image 3

Now goto "layer > flatten image" to merge the two layers together. Now were going to add a bit of light to our background so head over to our filters and goto "filter > render > lighting effects".

image 4

Your background should look something like this.

image 5

Select the "rounded rectangle tool" draw out a rectangle big enough to hold a large title. Once you have made your rectangle make a selection and goto "select > modify > contract" contract the selection by about 8 pixels then hit the delete key. Now press Ctrl + T and rotate slightly. you should have something like this.

image 6

Type your band name inside the rectangle using a grunge type font. The font I'm using is "base 02".

image 7

Now add these layer styles to both the rectangle and the your text.

image 8

image 9

Your should now have something like this.

image 10

Now add your navigation, just use the type tool and type your navigation all on one layer.

image 11

Add this layer style to your text.

image 12

Your navigation should now look like this.

image 13

Select the rectangular marquee tool and draw a small long rectangle in the middle of the page, goto "filter > brush strokes > spatter" Put all settings as high as they will go. This will act as our divider and should look like this.

image 14

That's it all done. This is how it could look with some content.

Rockband Layout #2
Click to enlarge


Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Rockband Layout #2"

Captcha