Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Funky/Grungy Dj/Music Layout

Funky/Grungy Dj/Music Layout


Create a new document 900x900 pixels with a background color of #262626, With a groovy font (font is used "bleeding cowboys") of your choice add some text, when adding the text try and use a range of sizes and angles. The colors i used for the text are white, #d90056 and #9abb16. Once you have written and placed your text add a "6 pixel black stroke". You should have something similar to this.

image 1
Click to enlarge

For this next part you may want to download some grunge brushes and circle brushes. (included in PSD) Alternatively make your own. Select your circle brushes and add some circles around your text, again add a 6 pixel black stroke.

image 2

Now add a logo for yourself, maybe some DJ decks or something like that.

image 3

Now select the pen tool and make a selection similar to the picture below. The idea is to fill the background behind the text and images.

image 4

Fill with the color black.

image 5

Select the color black along with some grunge brushes, add some grunge text behind the text and logo. Now select the rectangular marquee tool and create a big horizontal rectangle across the canvas behind the logo and text. Fill with a linear gradient using to shades of gray. Now added these layer styles.

image 6

image 7

You should end up with something like this.

image 8
Click to enlarge

Now create a 45 degree line pattern or industrial lines even and fill over the top of your rectangle, set layer opacity to 6% and blending mode to soft light. If you don't no how to create the pattern you can use a different pattern or you can download the PSD which contains the pattern file. Would be a go time to also add some navigation text.

image 9
Click to enlarge

Now its time to create our content boxes, select the rounded rectangle tool and create these boxes as follows. (next image is an animated .GIF so watch closely).

image 10
Click to enlarge

Once you have all your content boxes in place add your content.

Funky/Grungy Dj/Music Layout
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 "Funky/Grungy Dj/Music Layout"

Captcha