Grunge Design Inspiration Showcase

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

Pain is Good

darklight

Bart-Jan Verhoef

Satsu

Biola Undergrad

Bridge55

Bristol Archive Records

The Lippincott

Brad Candullo

Helmy Bern

One Source Marketing

{ths}

Scouting for Girls

Dirty Pretty Things

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

Gungy Olive Icons

Distressed Social Media Icons

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

Creating Grunge Brushes

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

Blend If into Textures

God of War Text

Add Stock Textures to Images for Extra ‘Oomph’

Awesome Grunge Text Effect

Making a Grungy Business Card

Create a Textured Tag for Your Website

Dark Grunge Photo Effect

Custom Hand Tag

Virtual Duct Tape

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.

Urban Dirty

Best Textures Flickr Group

Texture King

Grunge Textures from Lost and Taken

24 Free High Res Textures: Bittbox

GrungeTextures.com

Free High Res Grungy Paper Textures: Bittbox

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

5 High Res Grunge Texture

Vintage Grunge Textures

Hardcore Vintage Grunge Textures

Color 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.

28 Days Later

3rd Man

A Bite

Base 02

Birth of a Hero

Capture It

Hard Rock

Marcelle

Rough Linen

Trashed

Turbo Ripped

Times New Yorker

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 Corners and Edges Brush Pack

Grunge Circle Brush Pack

High Res Grunge Ink Splatter Brushes

Typographic Grunge Brushes

Scratch Splat Grunge Brushes

Dumpster Brushes

Grunge Notion Brushes (24 brushes)

High Res Dirt Brush Set (8 brushes)

Grunge Brushes (50 brushes)

Rust Brushes

Dust & Scratches