Grunge Design Inspiration Showcase

by Steven Snell

on 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+