Download Source Files
- Source files for this tutorial are available to Premium members.
Get a Premium Membership
In this tutorial, I will show you how to create a sort of grunge poster. We will learn how to make some elements look a bit dirty, create textures, and add some depths to the elements using shadows and blend modes.
Step 1
Create a new document. Fill the background layer with a dark brown.
Step 2
Set the background color to black and the foreground color to white. Select the background layer and go to Filter>Texture>Texturizer.
Step 3
Select the Horizontal Type Tool (T) and type PSD. Then Select the Rectangle Tool (U) and create some shapes like the image below. After that, group the PSD text and the rectangles. Rename the group to “white lines.”
Step 4
Rotate the group like the image below.
Step 5
Using the Pen Tool (P), create some shapes to fill the gaps before the P, the S, and the D. Make sure that these shapes are beneath the “white lines” group. Use yellow for the first shape, red, for the second, and blue for the third. After that, group these layers and name the group “colors.”
Step 6
If you use Photoshop CS3 convert the yellow, red, and blue shapes to Smart Filters and go to Texture>Texturizer again. Apply the filter to all three shapes. If you don’t use the CS3 version, just apply the filter.
Step 7
Now select the white lines and using the Layer Styles, select Drop Shadow. After that put the PSD text layer in front of the lines.
Step 8
Double-click on the PSD text layer and in the Layer Style box, select Drop Shadow This time let’s make a bigger and stronger shadow. After that, click with the right button of the mouse over the text layer and select Create Layer. That command will create a layer only with the shadow. Then go to Layer>Layer Mask>Reveal All and delete some parts of the shadow that go above the white lines. Make the text and the lines be the same.
Step 9
Create a new layer and name it “dirty.” Change the Blend Mode to Color Burn. Select black for the background color and a white for the foreground color. Go to Filter>Render>Render Clouds.
Step 10
Hold the Command Key (Mac) or Control (PC), and click on the thumbnails of the layers, which will create selections from the layers. With all white objects selected, create a new layer and fill the selection with white. After that go to Texture>Texturizer…
Step 11
Select the white objects again and create a new layer. Then go to Filter>Render>Render Clouds. After that go to Image>Adjustments>Levels and add more white to the clouds.
Step 12
Now go to Image>Adjustments>Hue/Saturation. Select the colorize option and change move the sliders until you get a beige color.
Step 13
Select all layers and group them. With the group folder selected go to Layer>Add Layer Mask>Reveal All. Now select some grunge or dirty brushes and start deleting some parts of the image. You can get amazing brushes at http://www.brusheezy.com/brushes
Step 14
Using the Horizontal Text Tool (T), create the word TUTS. Rotate it to the same angle as the other text, perpendicular to the lines. And you can repeat the Texturizer filter as well.
Conclusion
You can use this technique in lots of different projects, like logos, posters, and Web site headers, for example. The most important thing, again, is to play with the tool and change some values to see what happens, like with the Render Clouds Tool. This time we use that filter to create stains in our design, a totally different approach from when we used it to create lighting effects.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Fabio
Premium Members
Source Files, Bonus Tutorials & More for all relevant Tuts+ sites in one subscription. Join Now
Related Posts
Premium Membership
Source Files, Bonus Tutorials & More for all relevant Tuts+ sites in one subscription
just feel it - More
Photoshop Basix
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
Other Plus Sites ...
aetuts+ audiotuts+ vectortuts+ tuts+ phototuts+ cgtuts+ nettuts+ psdtuts+ activetuts+Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
don’t u think the S is little weird? why is the bottom of the S connecting with the solid line but the top isn’t?
Its cool
Thanks alot for sharing this great tutorial.
Nice tutorial!
This is my wallpaper 2009:
http://jpeiro.deviantart.com/art/Wallpaper-2009-108815620
Hello.. Very nice tutorial.
I have one problem though.
I cant seem to select all the white layers at once like you are suppose in step 9. I can only select one at a time, and that is making it dificult to make a new layer with all the white objects in it.
Help?
the letters look like you took a piss on them. this tutorial suucks
^^ Obviously a comment made by somebody with
the maturity and intellect of a 10 year old. Go Rob!
its cool
its cool keep trying for new ideas i want to make a similar one.
this is what i was looking for thanks a lot
really cool tutorial! thanks fabio!!!
Awesome tutorial, how do you find the time to work and share your knowledge like this. Amazing. Thanks
great tutorial, love it…
WOW i like this tutorial very much
awesome and very easy to follow! Good job
This is awesome!. Does anyone know how to create this in either Photoshop or Illustrator? I’ve been looking for a TUT on this for ever and cant find anything. Can anyone help?
http://behance.vo.llnwd.net/profiles/72589/projects/89817/725891209949179.jpg
Great tutorial
hee! your tutorial is really great, only I’ve this one problem, every time I draw an rectangle, it has an thin black line as his contour. How can i shut this off? in illustrator it’s quiet easy but I’m having problems with it in photoshop, help!!!
That’s Great. Simpl anf fastly.
Good Job.
nice
Thanks man, my end result looks perfect. Great tut.
Thank you for this amazing tutorial. Always love to recreate a tutorial and then give it my own twist and I did. Unfortunately I couldn’t find the tutorial anymore to show you my results, but finally I’ve found it again.
I have created a set with a Criminal Minds twist.
http://www.flickr.com/photos/miranl/sets/72157621840438773/
i got stuck at the pen tool. i’m a tool who doesn’t know how to use it. :-/
hello. i am a art student and so I am looking for inspiration. I like many posters in these tutorials as well as posters real posters I see on the street. My question to the “Professionals” how do I use what I see including the techniques and make them my own design.
It’s really has a great techniques…………..nice concept
WAS GOING SO WELL. STOPPED IN STEP 5. I DO THE SHAPE AND WHEN I COME TO FILL IT WITH A COLOR THE WHOLE THING CHANGES. PLEAS HELP.
wow .. wow .. wow
it’s nice lesson
I swear that I liked the lesson
thank thank u ~
<3
Hi I forgot something ^ ^ ”
http://www.flickr.com/photos/41444652@N08/
ENJOY
Step 1 should actually be: “Find another designer to blatantly rip off”
Great Tutorial
This is great tutorial. Quick and easy steps.
here’s my result.
http://viewmorepics.myspace.com/index.cfm?fuseaction=viewImage&friendID=525173034&albumID=79229&imageID=293684
This is truly assume! I tried to make one similar but I’m not so good at Photoshop. If someone could make one that says “Sök Nu” and mail it to me, you would truly be a lifesaver. Please help me someone