How to Give Your Work a True Grunge Effect
We get our hands dirty when we make RetroSupply products.
From going to a screen printing studio and torturing the equipment to breaking pens so they get unique strokes.
We work analog and make it digital for you.
In this tutorial we're turning it upside down, our good friend Wesley Van Eeden shows you how to create some killer grungy, gritty designs with toner and paint thinner.
Want to add some gritty textures to your work without getting your hands dirty? Check out these 24 products designed to make adding grit easy.
For this tutorial, I would suggest working with Adobe Illustrator. This will give up sharp clean lines and allow us to use the handy roughen filter.
Create your type or design that you would like to add texture to in Illustrator and then use the “roughen” tool to help add to the textural qualities that we are going to create (make sure the images have been expanded and go to Menu > Object > Expand).
For a more organic look try roughening your typography before you print it out Select your work and go to Menu > Effect > Distort and Transform > Roughen.
You can choose the roughness that you would like by playing with Size and Detail in the Roughen tab.
Next, we will add a black background and make the text white and print out an A4 copy.
Okay, let's get gritty!
Step 1. Print your work out with a photocopier.
Go to the nearest printer or library that has a photocopy machine.
It's important to use a photocopier as the ink that is used for this process is called xerography, a dry process that prints your design out with powder that can be rubbed off - which is what we want when creating the textures!
The reason why we print it out with a black background is to have more of the xerography on the page so that we can experiment with creating different textures!
Step 2. Don't use the first copy.
Here's an important tip. When making a photocopy of your design, be sure to take the first photocopy print out and then make a copy of that print by replacing the original copy in the photocopy machine and printing a copy of the first print out.
This will help you gain more texture and distortion than the first print out.
Step 3. Keep making copies until it gets insanely gritty.
If you keep repeating the process above a couple times (around 10 copies starts looking nice and gritty) you will start to notice how your artwork becomes more and more textural as you can see in the image above.
Step 4. Buy lacquer thinner from your local hardware store.
Return to the studio with your photocopies and get hold of some lacquer thinners from your local hardware store!
Be sure to have adult supervision if you are a minor working with this product.
Place a copy of your design that has been printed out onto a clean table. I suggest having a cutting mat or something to protect your table from the thinners.
And in the name of all that's good stay away from your computer (unless you like ruining expensive stuff)!
Step 5. Pour the thinner onto your design.
Here is the fun part!
You can pour a little bit of the thinner onto your print out and fold the design in half.
The thinners will spread and interact with each side of the page. You don’t have to have it folded for too long, probably a couple seconds.
Step 6. Trying folding it.
Fold out the paper and you should notice that your photostat has started to rub off and interesting textures have been created!
Step 7. Experiment with other copies (optional but fun).
You can try experimenting with the other copies that you have made.
You could pour some thinners on a printout and use a brush to paint over your artwork using the thinners as paint!
You’ll notice that this will pull the photocopier print off the page. The trick is to experiment to get your desired effect.
You could even pour some on a page and scrunch it up into a ball and then roll it out! You get some interesting results!
The idea here is to really experiment and have fun. You can use water to also rub onto the photostat but this will be less hardy than the thinners.
Step 8. Scan your work.
Scan in your artwork at 300 dpi so that it is of decent quality. You will want to remove the white background so that we can place any color underneath it.
Step 9. Adjust your curves.
In Photoshop go to Menu > Image Adjustments > Curves to adjust your settings.
We're looking to increase the contrast a bit and really make those textures jump off the screen.
Step 10. Remove the background.
Then we can remove the white background by selecting all the black in the artwork. Make sure your artwork is in its own layer.
In this example, the red arrow indicates where I will be selecting which will be done once you go to Menu > Select > Color Range.
Click on the color you want to sample with the Eyedropper Tool. You can play with the fuzziness to get more of an accurate selection.
Also, if you need to add or take away from your selection, you can use the eyedroppers plus and minus symbol to do so.
You may need to do this step a couple times in order to remove all the white.
Step 11. Place your final design on something.
Place your design onto any background an adjust the colors of your design by using whichever method you are comfortable with.
You can also use Brightness/Contrast to adjust the levels in the artwork to make it pop a little more. Go to Image > Adjustments > Hue/Saturation to change color.
About the Author
Resoborg is Wesley van Eeden who is an artist, illustrator, graphic designer and muralist who works for clients across the world.
From designs on skateboards to corporate illustrations for banks in South Africa. Resoborg offers a professional service in crafting, typography, graphic design, illustration, logos, corporate identity, packaging, art direction and murals.
Leave a comment
Comments will be approved before showing up.
Also in Tutorials
Emir Ayouni (AKA Growcase and one-third of Forefathers) was one of my first design heroes. I remember this Inappropriate Factory logo he did (see above) just blew my mind.
So when we did the Responsive Branding Training with Emir Ayouni I was thrilled when he shared how he created factories, warehouses, and other building in Adobe Illustrator.