Grunge Design Inspiration Showcase
By Steven Snell | Published December 15th, 2008 in InspirationThe grunge style is one of the most popular in modern web design. In this post we’ll take a look a variety of inspirational sources and some resources that can help you with your own grunge-style design. We’ll look at websites with a grunge style, grunge icons, tutorials for grunge design, textures, and Photoshop brushes.
1. Grunge-Style Websites
Icons:
Small details in a design, such as icons, can often make huge differences in achieving a certain style. Consider using grunge icons when it’s the look you’re after.
2. Tutorials:
These are some of the best Photoshop tutorials for designing with a grunge style. A few focus on designing a site layout in Photoshop, and others focus on specific effects and techniques.
Design a Cartoon Grunge Website Layout
How to Create a Grunge Web Design in Photoshop
Photoshop Paper Texture from Scratch then
Create a Grungy Web Design with it
Ultimate Grunge Design Tutorial
Ten Steps to Making Grunge Brushes with Adobe Photoshop
How to Combine Pixel and Vector to Create Striking Artwork
Urban City Scene on Grunge Background
Create a Cool Music Logo on a Grunge Background
Add Stock Textures to Images for Extra ‘Oomph’
Create a Textured Tag for Your Website
Make it Worn: Parts 1, 2 and 3
Create a Wicked-Worn Vintage Pop Art Design
3. Textures:
Using textures is one of the best, and quickest ways to achieve a grungy look. Fortunately, there are plenty of free textures available. In this section we’ll feature some of the best sources of grunge textures.
Grunge Textures from Lost and Taken
24 Free High Res Textures: Bittbox
Free High Res Grungy Paper Textures: Bittbox
300+ Free High-Res Grunge Textures You Haven’t Seen Before
Hardcore Vintage Grunge Textures
Grunge Textures Showcase – Flickr Group
4. Grunge Fonts:
When it comes to fonts, you can either add grunge effects to an existing font, or you can use one of many grungy fonts that is freely available.
5. Grunge Brushes:
Like the other resources in this post, brushes are an excellent way to create impress grunge effects.
Grunge Corners and Edges Brush Pack
High Res Grunge Ink Splatter Brushes
Wow huge, i sure love grunge, great collection, thanks for including my texture pack as well
Cool page. I have a kinda acidrock, grunge style to my site, but this stuff is brilliant.
I need to step up my artworkd game a bit.
Max,
You’re welcome! I’m glad you like the post and thanks for the stumble.
Coolwhiphoolio,
Thanks for commenting, glad you like it.
Thank you for putting all these together! Very inspirational
[...] Grunge Design Inspiration Showcase Grungiest Inspiration EVER (tags: design free websites photoshop textures web webdesign gallery texture showcase Resources inspiration CSS Tutorials grunge awesome icon icons web.design styles) [...]
Cool list Steven! Lots of very cool resources, examples and textures. Great stuff!
[...] Designm.ag han echo una muy bonita recopilación de algunos de los mejores sitios con estilo Grunge. El [...]
[...] Smashingmagazine.com tiene una acertada definición de Grunge (english) y una buena lista de ejemplos. Algo similar nos acerca designm.ag. [...]
[...] Grunge Design Inspiration Showcase [...]
I have been looking for something like this!!!
[...] Grunge design inspiration og ressourcer [...]
[...] Grunge Design Inspiration Showcase [...]
[...] Grunge Inspiration Design Showcase [...]
Great list… Hugely inspiring… I especially liked Biola and Darklight…
[...] Grunge Design Inspiration Showcase [...]
[...] and dirty textures are great for creating grungy designs. We’ve released some of our own dirty textures in the past, but now we would like to showcase [...]
wow, there is a lot of stuff,thank you
Thanks for featuring GrungeTextures.com in your roundup. We sure appreciate it
[...] Comments 19 December 2009 Having the right texture is critical for effective grunge-style design. One easy way to get texture is to use a photograph. In this post we’ll feature 25 of the best [...]
[...] Inspiration grunge: layout, logodesign & tutorial [...]
One easy way to get texture is to use a photograph. In this post we’ll feature 25 of the best
We sure appreciate it