Article
Cool Web Design Effects Tutorials
A Grunge Experiment
This effect builds on the basic grunge technique, and focuses on Photoshop's Blending Modes and the Eraser Tool. Let's get started!
Step 1 -- Image Selection
To start your own grunge manipulation, I recommend that you select a picture that already has a dark feel about it. Here's the one I chose:
Step 2 – Find Suitable Textures
One of the absolute necessities in creating successful grunge effects is texture. Take time to make sure the textures you choose will work well with the image and the effect you're creating.
Also, keep this in mind: the higher the quality of texture, the better the results.
For this example, I used imagery of cracks in the earth and walls.
Step 3
Concentrate more heavily on the face than the rest of the body for this step. Take the second texture image, resize it, and position it around the middle of the face.
Using a large soft brush with the Eraser Tool (at around 100 pixels), get rid of the main areas of brick that surround the crack. For the more intricate areas, zoom in with a magnification of about 400% and use a smaller soft brush (about 8 pixels).
Once you're satisfied with your work, change the Textures layer Blending Mode to Multiply.
Step 4 – The Second Texture
Now import the other texture into the workspace, again resize it to your liking, and then apply the Overlay blending option. It should look something like this:
Just like before, use the eraser tool to get rid of unwanted texture, zooming in and using smaller brush sizes as needed. I warn you, this may be quite time consuming if you're not used to working in this way.
Once you're done, duplicate the layer to enhance the texture.
Step 6 – Add Text
For a finishing touch, you might like to add some text with a script-style font, and play around with the blending options to see which complements the curves of the text best.
This tutorial only covers a few aspects of the grunge style. If you want to go further than this, try sites like www.dubtastic.com for a more in depth look.
Andrew is a Web graphics and branding specialist based in the UK. He's also a mentor in the SitePoint Forums who loves Queen. Visit his online portfolio at frozentoast.com.