Reverse Grunge – Easy Texture Technique in Photoshop (and others)
I want to show you an easy and quick way to make a grunge-textured background in Photoshop. Of course, this isn’t the only way, but it’s not hard to do if you have a decent set of brushes to work with.
If you find yourself without a decent set of grunge brushes, you can download my Hi-Res Splatter Brushes and Hi-Res Watercolor I and II, here on BittBox. They aren’t necessarily grunge brushes, but they are very large and detailed, and I used them to make all of the examples you see below in this tutorial.
View and download the High-Res Image above Here at the BittBox User Showcase Group on Flickr.
Overview
In a nutshell, what I mean by “reverse grunge” is starting with a solid,filled layer and using an eraser to create the grunge instead of a brush. I will go over in detail exactly how to do this, but I want to start with a visual aid. The image below is a diagram of the anatomy of the example you see above. I only used 3 layers on top of a background gradient, and the only tool I used was an eraser. (with a splatter tip shape) Advanced Photoshop users may want to use this same technique with layer masks for non-destructive grunge effects.
The trick is to play around with the opacity of your layers, the blending mode of your layers, and the flow and opacity settings when using the eraser.
Step By Step:
1. The Background
This part is up to you. You can use a solid color, a gradient, a pattern, an image. . . Anything really. I simply used a gradient as my background:
2. Make a new layer, and fill it with a color (usually a dark color at first)
In order to make our ‘reverse grunge’ effect, we need to make a layer on top of the background and fill it with a solid color. An easy way to do this is to create a new layer in the layers palette, then hit Shift + F5. That is the shortcut for a fill. You can experiment with your own shades of color, but usually darker colors work well for this effect.
I filled my top layer with black at 100% opacity, so black is all I see right now.
3. Start Erasing
In order to get our grunge effect all you need to do is select the Eraser Tool with a grunge or splatter tip shape and start hacking away at your solid black fill. I usually do this using different ‘opacities’ and ‘flow’ settings for the eraser in order to get a more diversified effect. This enables us to fill with a solid color then erase at different opacities.
You will find the Opacity and Flow settings in the main menu bar at the top, when you have the eraser selected.
Download my Free High-Res brushes if you need some to follow along. These are the brushes I used for the tip shape of my ‘eraser:’
Hi-Res Splatter Brushes
Hi-Res Watercolor I
Hi-Res Watercolor II
The Result:
This is the result after ‘erasing’ the black fill at different opacities with the Eraser Tool and a (few) grunge brush tips:
And another example. Both this and the previous example only have 2 layers: A background, and a black fill on top that got erased with a splatter brush.
A 3 step example:
Here is an example of a few of the ‘erasing’ steps. I used a deep burgundy fill in this this example instead of black. You will notice more and more of the gold gradient background being exposed as I hack away.
Tips for Exploring this on Your Own:
1. Make multiple layers – Fill a layer, hack it up, then make another fill layer, and start hacking away again.
2. Experiment with different blending modes for your grunge layers:
3. Use different colors for your fills before you use your ‘grunge eraser.’ Different colors behave differently when playing around with layer blending modes. For example. In some layer modes white becomes invisible. Same for black. So, don’t hesitate to branch out and try a weird color, you may like the effects after the blending mode is changed.
4. Use different sizes, orientations, opacities, and flow settings for your eraser. The more divers, the more realistic the result. (most of the time)
Thanks, cool tutorial as always. Trying it right away. Thanks again.
Bitt, I always love what you showcase in Photoshop. Being against the norm (loads more Illustrator exp. vs. Photoshop), learning new tricks to use is always a real treat. Thanks for a great way to get a great effect!!
Solid as always!
cool! the subscription of your feed was worth a lot until now :-)
nice work you’re doing here.
[...] Lien – Tutorial Reverse Grunge [...]
Great tut! I found your site through Flickr, I must say I’m very impressed!
Bitt, nice work. You layout is just outstanding, in terms of the blog.
PS- nice grunge work too.
PPS- if u are up for an interview, like the ones on my site recently, contact me privately.
Thanks,
Lawton
I love you.
You always come up with such awesome looking graphics!
helpful :)
hey dat waz cool. sorta like da vinci’s mona lisa background painting
I tried this right after reading witout your watercolor. You got me on the right way to make such effects. Thanks!
very good tutorial, i liked the results
As always “Perfect & marvelous”
Thanks for this, it will be really helpful.
what a great tutorial :) thanks for sharing this really helpful
[...] por BittBox esta ma?ana me he encontrado con un tutorial para crear texturas titulado “Reverse Grunge – Easy Texture Technique in Photoshop“. No lo he probado todav?a pero a la vista del ejemplo expuesto en el tutorial, parece que [...]
[...] Reverse Grunge – Easy Texture Technique in Photoshop (and others) – Quick tutorial on how to easily create a grungy background in Photoshop. [...]
This technique seems to be less popular than creating grunge with brushes, but it’s a nice idea. Thank you!
[...] Reverse Grunge – Easy Texture Technique in Photoshop (tags: Photoshop) [...]
Thanks for your work, and generosity with your time and creativity. This tut is very helpful, and allowed me to break through to a new level with my artwork. Please keep it up.
I just want to say thanks. I had a template design I loved but wanted to make it “grungier”. This, plus a few modifications on the technique did the trick wonderfully (i incorporated some images into the layers to great effect).
Thank you!!
Another thanks for your kind sharing!
I couldn’t understand some parts of this article o.us poetry, but I guess I just need to check some more resources regarding this, because it sounds interesting.
This is just owesome effects. Thank you. I learn to use brushes now.. hehehe..
[...] [...]
Nice work. Love the tut. Thumbs up
thanks, I always find some new nugget of info on your site when searching for something.
[...] Reverse Grunge – Easy Texture Technique in Photoshop (and others) | BittBox – [...]
Awesome. Thanks so much.