Grunge Design Inspiration Showcase

by Steven Snell

December 15, 2008 in Inspiration

The 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

Matt Brett

Grunge Design Showcase

Pain is Good

Grunge Design Showcase

darklight

Grunge Design Showcase

Bart-Jan Verhoef

Grunge Design Showcase

Satsu

Grunge Design Showcase

Biola Undergrad

Grunge Design Showcase

Bridge55

Grunge Design Showcase

Bristol Archive Records

Grunge Design Showcase

The Lippincott

Grunge Design Showcase

Brad Candullo

Grunge Design Showcase

Helmy Bern

Grunge Design Showcase

One Source Marketing

Grunge Design Showcase

{ths}

Grunge Design Showcase

Scouting for Girls

Grunge Design Showcase

Dirty Pretty Things

Grunge Design Showcase

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.

Grunge-Style RSS Icons

Grunge Design Showcase

Gungy Olive Icons

Grunge Design Showcase

Distressed Social Media Icons

Grunge Design Showcase

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

Grunge Design Showcase

How to Create a Grunge Web Design in Photoshop

Grunge Design Showcase

Photoshop Paper Texture from Scratch then
Create a Grungy Web Design with it

Grunge Design Showcase

Ultimate Grunge Design Tutorial

Grunge Design Showcase

Creating Grunge Brushes

Grunge Design Showcase

Ten Steps to Making Grunge Brushes with Adobe Photoshop

Grunge Design Showcase

How to Combine Pixel and Vector to Create Striking Artwork

Grunge Design Showcase

Urban City Scene on Grunge Background

Grunge Design Showcase

Create a Cool Music Logo on a Grunge Background

Grunge Design Showcase

Blend If into Textures

Grunge Design Showcase

God of War Text

Grunge Design Showcase

Add Stock Textures to Images for Extra ‘Oomph’

Grunge Design Showcase

Awesome Grunge Text Effect

Grunge Design Showcase

Making a Grungy Business Card

Grunge Design Showcase

Create a Textured Tag for Your Website

Grunge Design Showcase

Dark Grunge Photo Effect

Grunge Design Showcase

Custom Hand Tag

Grunge Design Showcase

Virtual Duct Tape

Grunge Design Showcase

Make it Worn: Parts 1, 2 and 3

Grunge Design Showcase

Create a Wicked-Worn Vintage Pop Art Design

Grunge Design Showcase

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.

Urban Dirty

Grunge Design Showcase

Best Textures Flickr Group

Grunge Design Showcase

Texture King

Grunge Design Showcase

Grunge Textures from Lost and Taken

Grunge Design Showcase

24 Free High Res Textures: Bittbox

Grunge Design Showcase

GrungeTextures.com

Grunge Design Showcase

Free High Res Grungy Paper Textures: Bittbox

Grunge Design Showcase

300+ Free High-Res Grunge Textures You Haven’t Seen Before

Grunge Design Showcase

5 High Res Grunge Texture

Grunge Design Showcase

Vintage Grunge Textures

Grunge Design Showcase

Hardcore Vintage Grunge Textures

Grunge Design Showcase

Color Grunge Textures

Grunge Design Showcase

Grunge Textures Showcase – Flickr Group

Grunge Design Showcase

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.

28 Days Later

Grunge Design Showcase

3rd Man

Grunge Design Showcase

A Bite

Grunge Design Showcase

Base 02

Grunge Design Showcase

Birth of a Hero

Grunge Design Showcase

Capture It

Grunge Design Showcase

Hard Rock

Grunge Design Showcase

Marcelle

Grunge Design Showcase

Rough Linen

Grunge Design Showcase

Trashed

Grunge Design Showcase

Turbo Ripped

Grunge Design Showcase

Times New Yorker

Grunge Design Showcase

5. Grunge Brushes:

Like the other resources in this post, brushes are an excellent way to create impress grunge effects.

Grunge Textures Brush Pack

Grunge Design Showcase

Grunge Corners and Edges Brush Pack

Grunge Design Showcase

Grunge Circle Brush Pack

Grunge Design Showcase

High Res Grunge Ink Splatter Brushes

Grunge Design Showcase

Typographic Grunge Brushes

Grunge Design Showcase

Powered by Shutterstock

About Steven Snell

Stephen Snell is the owner and editor of Vandelay Design.Connect with Stephen on google+

  • Max

    Dec 15th

    Wow huge, i sure love grunge, great collection, thanks for including my texture pack as well

  • coolwhiphoolio

    Dec 15th

    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.

  • Steven Snell

    Dec 15th

    Max,
    You’re welcome! I’m glad you like the post and thanks for the stumble.

    Coolwhiphoolio,
    Thanks for commenting, glad you like it.

  • Irene Demetri

    Dec 16th

    Thank you for putting all these together! Very inspirational

  • Nick Pagano

    Dec 17th

    Cool list Steven! Lots of very cool resources, examples and textures. Great stuff!

  • Stephanie

    Jan 1st

    I have been looking for something like this!!!

  • Karl Francisco Fernandes

    Feb 20th

    Great list… Hugely inspiring… I especially liked Biola and Darklight…

  • SameSun Hostels in Canada

    Jun 26th

    wow, there is a lot of stuff,thank you

  • Darren Hester

    Dec 10th

    Thanks for featuring GrungeTextures.com in your roundup. We sure appreciate it ;-)

  • vuitton

    Aug 4th

    One easy way to get texture is to use a photograph. In this post we’ll feature 25 of the best

  • lv

    Aug 4th

    We sure appreciate it

  • Cinthia Cooksley

    Oct 26th

    Here’s how are you recognise this ?

  • french rosetta stone

    Feb 24th

    oh my!! i love you so much!!

    Thank you so much.

  • lilio

    Apr 23rd

    It’s really great article. I would like to appreciate your work and would like to tell to my friends.

  • Abigayle Soderstrom

    Jul 8th

    Grunge, grunge, grunge. Why do people love your look? Hmm. It may seem dirty, but it’s art!! I think that grunge is more catchy than any other style. When a person looks at a website that has a grunge design, he or she would probably think that whoever created it has prolific hands. Creativity can really go a long way. :)

  • Leave a Comment

    Your email address will not be published. Required fields are marked *