Have every post delivered to your inbox and get access to hundreds of useful design freebies.
As part of our FanExtra Network launch, we will be publishing one tutorial every day for our launch week. We hope that you enjoy them.
You can also sign up for your FanExtra membership for just $1 for the first month (offer ends Friday 22nd, October). This will give you access to our hundreds of tutorial source files, members only tutorials, hundreds of textures/vectors/icons, and great design discounts! Sign Up Today.
FanExtra Launch Week:
DAY 1:
FanExtra Network Launch
Create a Google Docs Icon
DAY 2:
30 Minute Redesign – GymDJ
Master a Professional Photo-Retouching Workflow
DAY 3:
Design a Textured Portfolio Website
DAY 4:
Members Area Tutorial: Digital Painting Lesson: Scarecrow’s Joyride
DAY 5:
Create a Stylized Photo Montage From Scratch
DAY 6:
Design a Grungy Rock & Roll Gig Poster
DAY 7
Design an Awesome Paint Splattered Dancer
As always, this is the final image that we’ll be creating:
Create a new document (600X700px). Paste in this old paper texture.
Call this first layer ‘old paper texture’. Reduce it’s opacity to 30%.
Apply a hue/saturation adjustment layer and a levels adjustment layer.
Settings below:
Hue/Saturation Adjustment Layer
Hue: 0
Saturation: -60
Lightness: 0
Levels Adjustment Layer
57 / 0.87 / 255
Now download this great free High-Res Sunburst Vector Set.
Paste it into your document, making sure to position it centrally.
Call this layer ‘sunburst’, and then change it’s opacity to 20% and change it’s layer blend mode to ‘multiply’.
Now apply a hue/saturation adjustment layer (settings below).
Hue/Saturation Adjustment Layer:
Hue: 0
Saturation: -100
Lightness: 0
This grayscales your sunburst, but also your entire image! You only want this adjustment layer to effect your sunburst shape, so simply go to layer>apply clipping mask:
Paste in this guitar photo.
Crop it so that only the parts shown below remain. Then change this layer’s blend mode to ‘overlay’.
Call this layer ‘guitar 1′.
Download this incredible High-Res Watercolor Brush Set.
Then with your ‘guitar 1′ layer selected, go to layer>apply layer mask>reveal all.
Use various brushes from your watercolor brush set, set to black (000000), 100% opacity, and start painting over the edges of your guitar image. Because you have applied a layer mask, painting over these areas in black with mask off the edges of your guitar image.
The watercolor brush that you’re using means the edges will be very rough and artistic!
Apply a hue/saturation adjustment layer, and be sure to apply a clipping mask, so that it only effects your ‘guitar 1′ layer, rather than your entire image.
Hue/Saturation Adjustment Layer
Hue: 0
Saturation: -100
Lightness: 0
Now duplicate your ‘guitar 1′ layer, calling the duplicate (you guessed it!) ‘guitar 2′.
Go to edit>transform>flip horizontal to flip your duplicate guitar image. Then reapply the same adjustment layer settings. If needed reapply clipping masks where needed:
Now type out some text to fill your poster.
I used a variety of fonts (see diagram below), including:
Chunkfive
AW Conqueror Carved
AW Conqueror Inline
Birch Std
AW Conqueror Slab
Use your line tool to draw a black, 1px line above and below your bottom line of text.
Merge your two line layers together and call your merged layer ‘divider’. Reduce this layer’s opacity to 50%.
Paste in part of a texture from our great Premium Texture Set: Tint.
Make sure that this texture layer is beneath your text/guitar layers, but above your background/sunburst layers. Call this layer ‘tint texture 1′.
Move your ‘tint texture 1′ layer to the top of your canvas. Reduce this layer’s opacity to 55%, and then use the same masking technique that you used on your guitar layers (being sure to use your watercolor brush set for masking).
Now apply a hue/saturation adjustment layer (settings below). Be sure to apply a clipping mask so that this adjustment layer only effects your tint texture 1 layer.
Hue/Saturation Adjustment Layer:
Hue: 0
Saturation: -80
Lightness: -30.
Now repeat this technique, but placing your texture over the texture specifying your supporting band. You can duplicate your tint texture 1 layer and hue/saturation adjustment layer, and then just adjust your layer mask.
235ea7
To give your image a final bit of impact, we’re going to apply some final adjustment layers as top layers.
Gradient Map Adjustment Layer
Gradient ranging from: 235ea7 to ad9c57
Blend mode: Hard Light
Layer opacity: 50%
Levels Adjustment Layer
56 / 1.00 / 233
Layer Opacity: 100%
Channels Adjustment Layer
(see diagram below):
You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome:
Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.
Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.
Great tutorial and very easy to follow. I really like the effects and techniques you used to create a very grungy image. I could use some of these techniques to create some grungy images. Thanks.
I really like the color. Thanks so much
Very nice artist worked
An Amazing creative work! Some really great effects and techniques have been used to create a this grungy image. I also appreciate the color selection.
Another great tute, Tom, thanks. The Apply Layer Mask>Reveal All as an image modification technique is a wonderful tip in and of itself. Loved the tint texture, and I can’t believe the extra “pop” produced by your final adjustment layers. Most instructive, thank you again!
Great tutorial I made this for a CD Sleeve. Check it out would love to know what you think as first attempt!!
http://img29.imageshack.us/img29/7320/coreyurbanplaylistautum.jpg
http://img101.imageshack.us/img101/7320/coreyurbanplaylistautum.jpg
Wow, very impressed! Great work Corey.
Hiya Tom, many thanks! Coming from you that is a huuuuuge compliment!. All the best.
Looks great and really easy to make… the text font and the gradient map are the elements that make the difference!