In the design world, there are always new and different design trends, that can appear out of nowhere, and pass just as quickly. Smashing Magazine talks about how the Web 2.0 style of web design, glossy buttons; bold colors; reflections; large fonts; and rounded corners;, was a very popular design style and you could see these elements on websites all over the internet. Though, Web 2.0 is beginning to fade away. “Web 2.0 style is all about glossy and shiny look, another option would be something rather crude, radical and provoking. Such as the grunge style — dirty look with irregular, nasty, sometimes even ugly and crooked visual elements” – Smashing Magazine. I couldn’t put it any better way. Grunge is almost the total opposite of Web 2.0. It will be interesting to see, as Web 2.0 fades, whether Grunge will be just another fad, that designers start doing because it’s the “in” thing to do.
For all those people that are interested in learning some Grunge design techniques, here is a list of Grunge resources, text effects, image effects, textures, brushes, and fonts.
Grunge Text Effects
These are a few of the best grunge text effects that I have seen.
1. Create A Deep Grunge Text Effect
2. Awesome Grunge Text Effect
3. Text on Rust – Grunge Text
4. Blend Into Texture
5. Graffiti Text Effect with Photoshop
6. Graffiti Text Effect with Photoshop
Grunge Image Effects
A great list of Grunge image effects.
1. How to Combine Pixel and Vector to Produce Striking Artwork
2. Displace filter with vector effects
3. Hard Surface Texture Painting
4. Create a Cool Music Logo on a Grunge Background
5. Urban Web Page Layout Perfect For Web Design Company
6. Making the ‘Clean Grunge’ Blog Design
Amazing Grunge Textures
Awesome list of 12 really good Grunge textures and backgrounds to use in your artistic masterpieces.
1. Painted Grunge Textures
2. Cracks ‘N’ Peels Grunge Texture
3. Colorful Grunge Texture
4. Photomorphix Grunge Textures
5. 10 Grunge, Rusty and Dirty Tileable Textures
6. Sanami Grunge Textures
7. Hardcore Vintage Grunge Textures
8. BAS Special Textures
9. 6 Pack of Grunge Textures
10. Mixed Pack of Textures
11. Experiments with Light
12. Grunge Cracks
Free Grunge Brushes
Just a few Grunge brush packs that I like.
1. Grunge Brushes
2. Typographic Grunge Brushes
3. Splatter Brushes
4. Dripping Ink Brushes
Free Grunge Fonts
If your going to do any of the text effect tutorials listed above, you’re going to need a font. Here are a few free Grunge fonts that I like.
1. Base 02
2. Bleeding Cowboys
3. A-Bite
4. Loserboi Grunge
5. Trashco
6. Cocaine Nosejob
I hope you enjoy this list, and found it useful. It’s funny because I started making this post with intentions to have just Grunge text effect tutorials, but then as the list grew, I accidently started adding non-text effect tutorials. So then I decided to make for Grunge effect tutorials. Then I saw a couple of textures I really liked, and wanted to include, and so I figured I might as well include other resources.
I also made this image using one of the text effect tutorials, and some of the textures that are listed above. Click it to view the full image.









Everyone gets sick of all the thousands of advertisements seen on the internet, on just about every website you visit, at any given time. Some advertisements are so annoying and sometimes you just want them gone. You may be one of the 58 million Firefox users that have installed the extension,
I recently came to learn how useful using the excerpt feature that is built into Wordpress. You can use excerpts if you want to show a short blurb for each post on your blog’s homepage, which I have been wanting to do on Tweeaks for a long time now I just didn’t know how to do it. Since I was doing some layout modifications, and tweaks FINALLY, I figured I should find out how to use excerpts, and I am happy I did. It’s so easy



















































August 29th, 2009 at 6:33 pm
now that graffiti one and the snowboard one are awesome ^5
wow at cracks and peels
August 30th, 2009 at 1:46 am
@iY: I'm glad you enjoy this. If you try any of the tutorials out, post what you make. I would like to see.
.-= jaredwilli´s last blog ..34 Grunge Resources: Tutorials, Textures, Brushes and Fonts =-.
September 12th, 2009 at 5:45 am
Thanks a lot for this great "grungy" collection.
.-= Ezuca´s last blog ..The Ultimate Online Color Tools for Web Designers =-.
September 20th, 2009 at 12:35 am
@Ezuca: Your welcome, I'm glad you like it.
October 5th, 2009 at 1:42 am
Thanks Jared for whole a lot of grunge effect collection. And in fact, the intro is very good.
.-= Rejis´s last blog ..Create a Blazing Lava Text Effect in Photoshop =-.
October 9th, 2009 at 12:34 am
Sweet find, ill be using these in the future.
October 31st, 2009 at 7:08 pm
RT @Tweeaks 34 Grunge Resources: Tutorials, Textures, Brushes and Fonts http://bit.ly/1twaWa
January 18th, 2010 at 7:11 am
34 Grunge Resources: Tutorials, Textures, Brushes and Fonts - http://bit.ly/3sCOXx (via @Tweeaks)