Im a big fan of grunge and creating grunge designs is one of the most interesting things to do in my opinion whether it be a web design or a piece of grunge art.
This post covers where you can find grunge resources such as brushes, textures, tutorials, wordpress themes, fonts and interesting reading articles.
Grunge Web Design Tutorials
Tutorials for creating grunge web designs, there’s also some grunge web sites listed near the bottom of the post
- Design a cartoon grunge website - PSD Tuts creating a unique grunge cartoon website
- Ultimate grunge web design - Push Standards, every thing you need to know to create a grunge web design
- Band web site template - Photoshop Star, Grunge band design tutorial, but doesn’t have to be used for a band
Grunge Brushes Tutorials
There are a few different techniques here for creating brushes hopefully you’ll be able to create the best possible result and maybe mix a few of the techniques together
- Creating grunge brushes - Veerle, Creating a brush using levels
- Making grunge brushes - Photoshop Star, Create a brush from other brushes and a texture
- How to make grunge brushes - Wesbos, create a brush from a texture using brightness and contrast controls
- Creating grunge brushes - Photoshop freebies
- Tutorials for grunge brushes and textures -Photoshop Roadmap
Grunge Designs Tutorials
Varied tutorials helping with different techniques such as torn edges and worn effects.
- Grunge Logo and background - PSD Tuts, simple tutorial to create a business card type design.
- Grunge Box - PSD Tuts, Doesn’t show you how top make the box but you will defiantly learn some thing
- Grunge Text Effect - PSD Fan, Give your text some subtle textures/
- Grunge borders - Photoshop girl, create grunge style borders using filters, you could even make a brush out of them.
- Grunge style layer tutorial - ephotozine, make a grunge layer to place over other work
- Worn an weathered effect - The flyer wall, create a worn looking label
- Ripped and torn edges - Photoshop lab, creating a brush to make your torn edges
- 15 great tutorials on grunge design styles - CSS Addict, a list of some great grunge tutorials
- Building textures from scanned art - Tu-torial, an excellent way to create a new brush or texture from images youve found.
- 40 tutorials for textures and backgrounds - Nice selection of background tutorials
- Visual Texture
Grunge Photography Tutorials
Cool photography grunge effect tutorials adding textures and contrast.
- Grunge and textured art tutorial - Dubtastic, taking a photograph and applying tones and texture.
- Grunge Photo effect - Sitepoint, Making texture part of your photo
- Dark Grunge Photo Effect - Pshero, manipulate an image to give it a dark and moody feel
- Getting Dirty in Photoshop - Layersmagazine, creating a grainy old photo.
Grunge Textures
Add texture to your design here’s where you can get some good textures
- Bashcorpo - Great paper textures
- 300+ hi res grunge textures - My own personal collection of textures
- Texture king - Vast amounts of textures
- Urban dirty - More excellent textures
- Free texture mapshost - Tile able textures and Raw textures
- Grunge Textures - Anouther great source for textures
- Wood Textures - Abuzeedo, lists some great wood textures
Design Extras
Some cool elements to add to your web designs.
- Tape / Cello tape images - Ben blogged, tape down some of your design elements for the ultimate grunge effect.
Hand Picked Photoshop brushes from fellow bloggers
Here are some brush sites and some lists of brushes that have been hand picked by fellow bloggers.
- Dirty Sprays - Tutorial9 made some great spray brushes.
- Wefunction subtle grunge textures - A nice set of subtle grunge tectures.
- 75 Hi-Res brushes - 75 hand picked hi-res Photoshop brushes.
- 100 Grunge brushes 100 hi-res hand picked brushes.
- 200 grunge brushes - 200 hand picked grunge brushes.
- 250 hi-res splatter brushes - 250 hi-res splatter brushes.
- Collection of brushes - Crazyleafs collection of brushes.
- Free grunge style brushes - Outlaws collection of brushes.
Other Brushes
Here a just a few brushes you mat like for you designs
- Krako grunge typo - Nice grunge typography brush
- Bird brushes - Birds can play a vital part in a grunge theme
- Blood and Splatters - some realistic blood and spaltter brushes
- Angel wings - Add wings to you designs
- Ultimate grunge set 2 - Some good looking smear brushes.
- 12 hi-res grunge brushes - Subtle grunge textures.
Photoshop brush sites
So you want more brushes check out these quality resources
- Brush King - The king of Photoshop brushes and just released there own brush set
- Brusheezy - Nice high quality brush sets
Interesting Reading about Grunge Design
Get you head around grunge and see what others have to say about creating a grunge style web design.
- Grunge style in modern web design - How grunge style has become apart of web design
- The Secrets of grunge design - Analysing grunge web design
- Make it Worn part 1 - Designing a web page with a worn look part 1
- Make it Worn part 2 - Designing a web page with a worn look part 2
- Discover the art of grunge - A PDF file talking about how to get the grunge web design look
Grunge Fonts
You’ve got a grunge design, now you need your grunge style header fonts
- 5 Excellent Free fonts - 5 Hand picked fonts from Bittbox
- 10 grunge fonts - Hanfd picked by fortysomething
- Font Space Grunge Fonts - Over 150 distressed fonts
- Last Sound Track - A font designer with a nice portfolio of grunge fonts
- Destroyed Fonts - Cool dirty fonts
- Distorted - unique messy fonts
- Eroded - Fonts with parts missing grunge
- Grunge and distressed font design gallery - Gallery of more grunge fonts
- Eroded Grunge - More eroded and distresses grunge fonts.
Grunge Web site designs (inspiration)
Look at some examples people have collected of grunge web design
- 30 Dirty Designs - 30 Good examples of grunge used in web design
- 10 best grunge designs 10 more grunge web designs
- Grunge Websites - A whole host of grunge designed sites
Free Grunge Wordpress Themes
Lists of Wordpress themes you may be interested in if you want a grunge blog
Well i hope this post provides people with enough grunge resources to either be inspired or get some useful resources to create your next epic grunge design. Don’t forget to stumble this page and add a tag such as “grunge” so you don’t loose it when you need it.
NOTE: If you have a favourite grunge resource please let me know in the comments id be glad to add it to the list thanks Max.
33 Comments
Awesome stuff, Max. I love grunge design, this will be a lot of fun to look through!
Great collection mate! Thanks for including some of our Brush Collections/sets within! Love it when I hear people enjoy our resources, just as I’m sure folks will love this post ;)
Wow, this took some time to put together. Thanks for the link.
@ Andrew - Yea grunge is a favourite, im really starting to like the grungy illustrations now urs was excellent btw
@ David - Yea the brushes were amazing its good to have so good resources and creative people
@ Steven - Yea it took a while and i kept getting distracted hopefully i and any one who reads it can kepp coming back to this page to get some grunge resources, np
Wow, good stuff, a truly epic collection. Love this, will be coming back to this post again and again.
I’m also a big fan of grunge in design, which is kind of strange since I’m also a big fan of really clean vectors. This is a great resource list, thanks for putting it together. I’ll be bookmarking it to reference back to.
And here’s my grunge circle pack that I just put up today.
Don’t forget I have quite a bit of grunge resources on my site http://www.colorburned.com. You can also purchase some really great high resolution textures at http://colorburned.myshopify.com.
In addition to that I’ve got some great Illustrator brushes on my site as well. You could easily turn them into Photoshop brushes if you liked as well. http://colorburned.com/illustrator-brushes/
Great post by the way!
@ Liam - Thanks im glad it can entice you back.
@ Angie - Great Bruhes, im a fan of vector but with a little bit of texture added to them
@ Grant - Nice brush sets you have, thaks for stopping by.
great resources! really like the Grunge Textures
nice share very useful stuff.thanks for the share
@ Neil - Thanks, a thaks to all the web sites tha thave provided such good content.
@ Mohan - No problem, happy to share
Good god! Let’s get grunge sick today! Horay! Thanx for this :)
Wow ! Huge resources
Thanks to mention BrushKing :)
Great great list! Thanks for including me :)
@ Gerasimos - Go crazy haha, no problem
@ Thomas - No problem i love brushking atm
@ Tom Ross - Some good stuff on your blog, its no problem
wow another grunge collection.grunge is one of my favorite.
thanks for this resources.
Ronald
great collection here! thanks for posting these.
Wow, cool collection :) Nice work. Quite surprise to see mine on top :P Thanks!
Great list - thanks for your efforts in putting it together!
I’ve been toying with the idea of making my own site grungey, but I’m still not decided. Hopefully this list will help me make a decision!
@ NaldzGraphics - Yup, Grunge has to be one of my favourite styles too
@ chantix - no problem
@ kailoon - Its a great design, quite different in a sense when you think of grunge.
@ Shane - Yee, take a look at some of the word press themes and site designs for ideas.
Interesting. Added links on my site
great collection; thanks guy.
http://www.bildirgec.org/yazi/grunge-tasarim-kaynaklari
how do i install these programs into my computer?
Респект.
Thank you for the link! Also, thanks for giving me another site to bookmark. Some very helpful information you have.
its a good collection and nice tips
web design examples are nice, do you have an social network design samples?
SocialNetworkDesign´s latest blog post..Create Your Own File Sharing Service With Drop.io
MASSIVE! Thanks a lot! Saved me a hours of Google-ing… Hugely inspiring as well!
Wow ! Huge resources. Thank you for the link. web design examples are nice.
Thanks for this link
What and amazing collection, thanks for sharing!
Thank you SO much! I’ve been doing vintage design for years. Grunge is top of my list and top of my tools for my vintage and antique sites! What an incredible page you’ve got here, and yes, it’s evident how much time this took. I am going to do a review on my blog.
Have a super day and again, thanks :-)
Leanne
Leanne Boyd´s latest blog post..E-books Are Viral Salesmen
Thanks, web design examples are nice.Amazing collection and
great resource really like the Grunge Textures…..