Menu Search
Jump to the content X X
Smashing Conf San Francisco

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

40 Dirty Photoshop Grunge Tutorials

Grunge is a popular trend that gives designs a more organic and realistic look. It also provides a stark contrast to the simplistic, polished and rigid Web 2.0 trend, opting instead for a less uniform and more elaborate form of design.

We’ve discussed grunge style1 in modern Web design before, as well as tips and tricks2 to achieve the grunge look. Now, it’s time to put theory into practice by finding ways to infuse grunge themes into your artwork using Photoshop. In this collection, we present to you 40 excellent, high-quality grunge Photoshop tutorials. So fire up Photoshop and get ready to get your hands… dirty! [Content Care Nov/01/2016]

Please also take a look at the following articles:

List Of Photoshop Grunge Tutorials Link

Master the “grunge” look with this step-by-step Photoshop tutorial5

How to achieve a rough effect using irregular textures on a simple black and white photo.

Photoshop Grunge6

Head blow off effect7

Create a Head blow off effect using Photoshop with a Stock photo as a base for our design.

Photoshop Grunge Tutorials8

Designing a Typographic Concept Poster9

In this Photoshop tutorial, you’ll learn how to create a grungy, aged poster design.

grunge310

How to Distress an Image11

Create a distressed effect on your designs and how to add interesting graphics effects using the same technique.

grunge412

Create a Dark Grunge 3D Text Scene in Photoshop13

Learn how to create a 3D text using only Photoshop. The mood in this piece is dark and grungy.

grunge514

How to Create a Grunge Style Illustration with Stains15

Grab a picture, apply several filters to it and obtain a monochromatic stain, which combined with a texture will transform into an eye-catching grunge result.

grunge616

Grunge Lines17

How to make a grunge background, featuring grungy lines.

grunge718

Create This Stylistic Mixed-Media Artwork in Photoshop19

Learn to create a beautiful composition stock images and custom build shapes. It demonstrates effective usage of shape layers, smart objects, and masks.

grunge820

Design a Grunge Vintage Poster21

How to create a vintage poster design. Use some useful techniques related to patterns and visual organization with guides.

grunge922

Typographic Design – Photoshop Grunge Tutorial23

Use 3 free brush sets, a free font and a halftone texture and a gradient set.

grunge1024

Create a Furious Pink Panther Poster25

How to create a poster of this pink panther using some online resources.

grunge1126

Create an Ink Splattering Knight Composition27

How to use filters and brushes to create an ink splattering knight composition.

photoshop grunge 28

Photoshop Grunge Type Tutorial29

Look at how to make grunge / worn style type to use in your art.

grunge1330

Creating an Urban-Style Piece of Artwork31

Create this organic and edgy artwork by using some stock photos and some crafty filters.

grunge1432

Add Stock Textures to Images for extra ‘Oomph’33

Learn how to add a bit of grunge to your artwork by using stock textures.

grunge1534

Tutorial: Making a grungy Business Card35

Make your business card stand out by giving it some texture with the help of this Photoshop tutorial.

photshop grunge card36

Design a Grungy Floating Island37

This tutorial by PSDFAN creates a grungy floating island by using a few Blending modes.

grunge1738

Trendy Geometric Lines Design Tutorial39

Create a group of vector based geometric lines at dynamic 45 degree angles, then follow the walkthrough to rough them up with brush textures.

grunge1840

Custom Hang Tag41

In this Photoshop tutorial you’ll learn how to create a retail hang tag.

grunge1942

Virtual Duct Tape43

Create a cool virtual duct tape effect using the texturizer and layer styles tools.

grunge2044

How to Combine Pixel and Vector to Produce Striking Artwork45

Here you will find a step by step guide of how to make this Snowboarder artwork.

grunge2146

Create a Cool Music Logo on a Grunge Background47

Add a bit of grunge to your brand by using a variety of Photoshop techniques and using a free high-resolution brush set.

grunge2248

Hard Surface Texture Painting

A great workflow to use textures for 3D surfaces.

grunge23

Making of Urban49

A urban landscape and to integrate natural elements into it.

grunge2450

Creating a Wet and Muddy Rocks Texture with Filter Forge plugin51

Filter Forge is an incredibly powerful Plugin. Create your own filters.

grunge2552

Creating grunge brushes53

In this step-by-step tutorial, you’ll learn how to create your own custom Photoshop brush that you can use to add grunge accents to your images.

grunge2654

Dark Grunge Photo Effect55

In this tutorial, you’ll see how to “grunge up” a photo using a variety of filters and photo adjustments.

grunge2756

How to Create Photoshop Grunge Brushes57

You can use a photograph to create texture, but brushes also present a simple way to add texture to your work.

grunge2858

Easy Texture Technique in Photoshop59

An easy and quick way to make a grunge-textured background.

grunge2960

Create a Grunge Snowboard Poster for the Winter Olympics61

In this tutorial your going to put together a cool grungy poster design for Olympics.

grunge3062

Quick Tip: How to Create Halftone Grunge Textures in Photoshop63

Halftone textures can add an interesting vintage effect to your designs.

grunge3164

Create a Powerful Emotional Effect for Your Portraits in 9 Easy Steps65

Learn how to create a powerful emotional effect for your photos.

grunge3266

Create an Easy Worn Press Text Effect67

Give your artwork an old printed or worn out look.

grunge3368

Grunge in 8 Simple Steps69

8 simple steps in to achieve this final grungy look.

grunge3470

Make a Soft Grunge Product Ad Design in Photoshop71

Create a poster with light grunge features centered around a Nike shoe.

grunge3572

Rubber Stamp Text Effect Tutorial73

This tutorial will show you how to apply a stamp effect to text or an image.

grunge3674

Create a Realistic Grunge Peeling Sticker75

In this Photoshop tutorial you will learn how to create a grunge peeling sticker effect.

grunge3776

Design Abstract Text Effect with Pen Tool and Grunge Brush Decoration77

All the steps to design this abstract text effect with pen tool and grunge brush decoration.

grunge3878

Quick Grungy Poster79

Learn how to create a grungy poster by using smart filters and a few image adjustments.

grunge3980

Creating a Photoshop Grunge Rock Poster81

Learn how to create a music grunge poster design.

grunge4082

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/01/29/grunge-style-in-modern-web-design/
  2. 2 https://www.smashingmagazine.com/2008/03/11/the-secrets-of-grunge-design/
  3. 3 https://www.smashingmagazine.com/2009/03/50-stunning-photoshop-text-effect-tutorials/
  4. 4 https://www.smashingmagazine.com/2008/10/30-beautiful-vintageretro-photoshop-tutorials/
  5. 5 https://en.99designs.de/blog/design-tutorials/master-the-grunge-look-with-this-step-by-step-photoshop-tutorial/
  6. 6 https://en.99designs.de/blog/design-tutorials/master-the-grunge-look-with-this-step-by-step-photoshop-tutorial/
  7. 7 http://designstacks.net/head-blow-off-effect
  8. 8 http://designstacks.net/head-blow-off-effect
  9. 9 https://design.tutsplus.com/tutorials/designing-a-typographic-concept-poster--psd-338
  10. 10 https://design.tutsplus.com/tutorials/designing-a-typographic-concept-poster--psd-338
  11. 11 http://hubpages.com/art/how-to-make-an-image-design-distressed-worn-vintage-effect-photoshop-elements-tutorial
  12. 12 http://hubpages.com/art/how-to-make-an-image-design-distressed-worn-vintage-effect-photoshop-elements-tutorial
  13. 13 http://designinstruct.com/graphic-design/text-effects/create-a-dark-grunge-3d-text-scene-in-photoshop/
  14. 14 http://designinstruct.com/graphic-design/text-effects/create-a-dark-grunge-3d-text-scene-in-photoshop/
  15. 15 https://design.tutsplus.com/tutorials/how-to-create-a-grunge-style-illustration-with-stains--psd-2634
  16. 16 https://design.tutsplus.com/tutorials/how-to-create-a-grunge-style-illustration-with-stains--psd-2634
  17. 17 http://www.legittutorials.com/grunge-lines/
  18. 18 http://www.legittutorials.com/grunge-lines/
  19. 19 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-this-stylistic-mixed-media-artwork-in-photoshop/
  20. 20 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-this-stylistic-mixed-media-artwork-in-photoshop/
  21. 21 http://wegraphics.net/blog/tutorials/photoshop/design-a-grunge-vintage-poster-in-photoshop/
  22. 22 http://wegraphics.net/blog/tutorials/photoshop/design-a-grunge-vintage-poster-in-photoshop/
  23. 23 http://www.graphix1.co.uk/2010/08/02/grunge-typographic-design-photoshop-tutorial/
  24. 24 http://www.graphix1.co.uk/2010/08/02/grunge-typographic-design-photoshop-tutorial/
  25. 25 http://gomedia.com/zine/tutorials/create-furious-pink-panther-poster/
  26. 26 http://gomedia.com/zine/tutorials/create-furious-pink-panther-poster/
  27. 27 http://10steps.sg/tutorials/photoshop/create-an-ink-splattering-knight-composition/
  28. 28 http://10steps.sg/tutorials/photoshop/create-an-ink-splattering-knight-composition/
  29. 29 http://www.ucreative.com/resources/grunge-type-photoshop-tutorial/
  30. 30 http://www.ucreative.com/resources/grunge-type-photoshop-tutorial/
  31. 31 https://design.tutsplus.com/tutorials/creating-an-urban-style-piece-of-artwork--psd-118
  32. 32 https://design.tutsplus.com/tutorials/creating-an-urban-style-piece-of-artwork--psd-118
  33. 33 http://www.photoshopstar.com/effects/add-texture-to-improve-artwork/
  34. 34 http://www.photoshopstar.com/effects/add-texture-to-improve-artwork/
  35. 35 http://luxa.org/tutorial_making_a_grungy_business_card.php
  36. 36 http://luxa.org/tutorial_making_a_grungy_business_card.php
  37. 37 http://psd.fanextra.com/tutorials/designing/design-a-grungy-floating-island/
  38. 38 http://psd.fanextra.com/tutorials/designing/design-a-grungy-floating-island/
  39. 39 http://blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial
  40. 40 http://blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial
  41. 41 http://pshero.com/photoshop-tutorials/graphic-design/custom-hang-tag
  42. 42 http://pshero.com/photoshop-tutorials/graphic-design/custom-hang-tag
  43. 43 http://pshero.com/photoshop-tutorials/graphic-design/virtual-duct-tape
  44. 44 http://pshero.com/photoshop-tutorials/graphic-design/virtual-duct-tape
  45. 45 http://blog.spoongraphics.co.uk/tutorials/how-to-combine-pixel-and-vector-to-produce-striking-artwork
  46. 46 http://blog.spoongraphics.co.uk/tutorials/how-to-combine-pixel-and-vector-to-produce-striking-artwork
  47. 47 https://design.tutsplus.com/tutorials/create-a-cool-music-logo-on-a-grunge-background--psd-140
  48. 48 https://design.tutsplus.com/tutorials/create-a-cool-music-logo-on-a-grunge-background--psd-140
  49. 49 http://www.cgarena.com/freestuff/tutorials/photoshop/urban/index.html
  50. 50 http://www.cgarena.com/freestuff/tutorials/photoshop/urban/index.html
  51. 51 http://photoshoproadmap.com/creating-a-wet-and-muddy-rocks-texture/
  52. 52 http://photoshoproadmap.com/creating-a-wet-and-muddy-rocks-texture/
  53. 53 http://veerle-v2.duoh.com/blog/comments/creating_grunge_brushes/
  54. 54 http://veerle-v2.duoh.com/blog/comments/creating_grunge_brushes/
  55. 55 http://pshero.com/photoshop-tutorials/photo-effects/dark-grunge-photo-effect
  56. 56 http://pshero.com/photoshop-tutorials/photo-effects/dark-grunge-photo-effect
  57. 57 http://www.vandelaydesign.com/create-grunge-photoshop-brush/
  58. 58 http://www.vandelaydesign.com/create-grunge-photoshop-brush/
  59. 59 http://www.bittbox.com/photoshop/reverse-grunge-easy-texture-technique-in-photoshop-and-others
  60. 60 http://www.bittbox.com/photoshop/reverse-grunge-easy-texture-technique-in-photoshop-and-others
  61. 61 http://www.visualswirl.com/tutorials/create-a-grunge-snowboard-poster-for-the-winter-olympics-photoshop-tutorial/
  62. 62 http://www.visualswirl.com/tutorials/create-a-grunge-snowboard-poster-for-the-winter-olympics-photoshop-tutorial/
  63. 63 http://medialoot.com/blog/create-halftone-grunge-textures-in-photoshop/
  64. 64 http://medialoot.com/blog/create-halftone-grunge-textures-in-photoshop/
  65. 65 https://www.photoshoptutorials.ws/photoshop-tutorials/photo-effects/create-powerful-emotional-effect-portraits-9-easy-steps/
  66. 66 https://www.photoshoptutorials.ws/photoshop-tutorials/photo-effects/create-powerful-emotional-effect-portraits-9-easy-steps/
  67. 67 http://medialoot.com/blog/worn-press-text-effect-photoshop-tutorial/
  68. 68 http://medialoot.com/blog/worn-press-text-effect-photoshop-tutorial/
  69. 69 https://www.glyndewis.com/grunge-in-8-simple-steps-photoshop-tutorial/
  70. 70 https://www.glyndewis.com/grunge-in-8-simple-steps-photoshop-tutorial/
  71. 71 http://designinstruct.com/graphic-design/make-a-soft-grunge-product-ad-design-in-photoshop/
  72. 72 http://designinstruct.com/graphic-design/make-a-soft-grunge-product-ad-design-in-photoshop/
  73. 73 http://graphicssoft.about.com/od/photoshop/ss/Rubber-Stamp-PS.htm
  74. 74 http://graphicssoft.about.com/od/photoshop/ss/Rubber-Stamp-PS.htm
  75. 75 http://www.dawghousedesignstudio.com/archives/2009/create-a-realistic-grunge-peeling-sticker-in-photoshop/
  76. 76 http://www.dawghousedesignstudio.com/archives/2009/create-a-realistic-grunge-peeling-sticker-in-photoshop/
  77. 77 http://www.psdvault.com/text-effects/design-abstract-hair-text-effect-with-grunge-brush-decoration-in-photoshop/
  78. 78 http://www.psdvault.com/text-effects/design-abstract-hair-text-effect-with-grunge-brush-decoration-in-photoshop/
  79. 79 https://design.tutsplus.com/tutorials/quick-grungy-poster--psd-90
  80. 80 https://design.tutsplus.com/tutorials/quick-grungy-poster--psd-90
  81. 81 http://10steps.sg/tutorials/photoshop/creating-a-grunge-rock-poster/
  82. 82 http://10steps.sg/tutorials/photoshop/creating-a-grunge-rock-poster/

↑ Back to top Tweet itShare on Facebook

Advertisement

Jacob Gube is the Founder and Chief Editor of Six Revisions, a web publication for web developers and designers, and the Deputy Editor of Design Instruct, a web magazine for designers and digital artists. He has over seven years of experience as professional web developer and web designer and has written a book on JavaScript.

  1. 1

    Wow, I’m honestly stunned that 6 of the 40 are mine! Thanks so much for the feature, and the other tutorials in the list will make great reading for me this week :).

    1
  2. 2

    Again the same? Come on

    -1
  3. 3

    Great to see two of my tuts in the list! thanks… :D

    1
  4. 4

    Great tuts indeed….

    PS: It’s getting annoying to see so many lazy people with a FaceYourManga-avatar ;)

    1
  5. 5

    brilliant concept and designs, congrats to all designer who made all of this cool Grunge Style design. I’m inspired in your designs. keep it up and thank you I learn a lot. :)

    0
  6. 6

    Nice collection Jacob.

    0
  7. 7

    Cool! Keep it going! Nice one dude :D

    0
  8. 8

    This is great! Really awesome! :)

    0
  9. 9

    This is truly a great collection of grunge tutorials and examples. Way t go as always.

    0
  10. 10

    I get so much from your tutorials!
    Thanks for collecting them and making them readily available.

    0
  11. 11

    awesome used the PSDTuts before. Another cool post guys =]

    Adam

    0
  12. 12

    Curt Simon Harlinghausen

    October 28, 2008 7:43 pm

    I like it. Especially the moke ups and the
    Quick Grungy Poster. Simple, but great.

    Stay tuned for more happy days.

    0
  13. 13

    check out .. for another Grunge-Vintage variation .

    Try not to Copy :)

    0
  14. 14

    Muhammad Ahmad

    October 28, 2008 9:54 pm

    awesome job

    0
  15. 15

    Amazing! It will really help to improve the photoshop knowledge as each tutorial has a detail study of working. Thanks for sharing

    0
  16. 16

    Naldz Graphics

    October 28, 2008 10:48 pm

    Nice post.thanks for the include:)

    Ronald

    0
  17. 17

    laurence from france

    October 29, 2008 12:08 am

    superbe ! merci

    0
  18. 18

    Jim Fitzsimmons

    October 29, 2008 4:38 am

    Wow. These are fantastic!!

    0
  19. 19

    I’ve got enough this grungy or retro stuff, web is full of this! Does anyone design something else?

    0
  20. 20

    Great roundup! You guys always do such a fantastic job. Thanks so much for including pshero.com in your list! I’m flattered to be counted in such distinguished company!

    0

↑ Back to top