Photoshop  Home Photoshop Web Layout Funky/Grungy Dj/Music Layout
rss

Funky/Grungy Dj/Music Layout

Author: Hv-Designs.co.uk More by this author


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.

Click to enlarge
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.

Click to enlarge
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.

Click to enlarge
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).

Click to enlarge
Click to enlarge

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

Funky/Grungy Dj/Music Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.hv-designs.co.uk

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Funky/Grungy Dj/Music Layout"