40 Beautiful Grunge Photoshop Tutorials - Smashing Magazine

By Jacob Gube

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.

Weve discussed grunge style¹ in modern Web design before, as well as tips and tricks² to achieve the grunge look. Now, its 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!

Beautiful Grunge Photoshop Tutorials

Antique Ace of Spades³
This tutorial shows you how to create an old, stained playing card by using Blending modes.

⁴

Creating an Old-Collage-Effect Poster⁵
Create a textured, old-school collage poster by following this excellent Photoshop tutorial.

⁶

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

⁸

Creating a Stunning Old-World Look in Photoshop⁹
In this Photoshop tutorial, youll learn how to create an old-world look using stock vectors imported into Photoshop.

¹⁰

Design a Unique Grungy Website Layout Tutorial¹¹
This tutorial will teach you how to design a cool grungy website layout. As well as walking you through the various Photoshop techniques it outlines general design principles and provides pointers for your own grunge designs.

¹²

Dark Grunge Photo Effect¹³
In this Photoshop tutorial, youll see how to grunge up a photo using a variety of filters and photo adjustments.

¹⁴

Creating Grunge Brushes¹⁵
In this step-by-step tutorial, youll learn how to create your own custom Photoshop brush that you can use to add grunge accents to your images.

¹⁶

Crazy Movie Poster¹⁷
Recreate the Pirates of the Caribbean movie poster using your own images in this tutorial.

¹⁸

Creating Smokey Dancer¹⁹
This tutorial involves isolating the subject using the Lasso tool, some image adjustments and texturing effects.

²⁰

Design a Grungy Floating Island²¹
This tutorial by PSDFAN creates a grungy floating island by using a few Blending modes.

²²

Distressed Effects in Photoshop²³
Explore different techniques in Photoshop that give your artwork some wear and tear.

²⁴

Photoshop Expertise²⁵
This tutorial shares a method for giving your artwork some texture and depth.

²⁶

Filter-Free Art in Photoshop²⁷
Create a beautiful, grungy photo montage using only the Layer palette in Photoshop.

²⁸

Photo Transfer Edge Effect²⁹
Apply a distressed border onto existing images by following this brilliant Photoshop tutorial.

³⁰

Creating an Urban-Style Piece of Artwork³¹
Create this organic and edgy artwork by using some stock photos and some crafty filters.

³²

Artistic One-Eyed TV Man in a Grunge Vector Design³³
In this Photoshop tutorial, youll learn how to create a grunge-style wallpaper using stock textures and a couple of custom shapes to add some accents to the artwork.

³⁴

Urban City Scene on Grunge Background³⁵
Create an urban city scene set on a grungy, distressed background.

³⁶

Design an Old-Style Safari Map³⁷
This tutorial uses some basic Photoshop techniques to create a textured, old-style safari map.

³⁸

Dramatic Gritty Effect³⁹
Add some grit to an image by following this excellent grunge Photoshop tutorial.

⁴⁰

Create an Impressive Mock-up of a Grunge Box⁴¹
Learn how to build a realistic worn-and-torn crate using the Vantage Point Photoshop filter as well as a few other Photoshop techniques.

⁴²

Creating Old Paper with Custom Brushes⁴³
Learn how to create a custom brush using folded paper to give your artwork distressed accents.

⁴⁴

Add Stock Textures to Images⁴⁵
Learn how to add a bit of grunge to your artwork by using stock textures.

⁴⁶

Burnt Parchment in Photoshop⁴⁷
Give your borders a scorched, uneven look by following this Photoshop tutorial.

⁴⁸

Easy Photo Grunge Effect⁴⁹
Give photos a simple grunge effect by adjusting Layer styles and using some filters.

⁵⁰

Grunge Portrait⁵¹
This Photoshop tutorial uses some basic Photoshop techniques to create a grungy portrait.

⁵²

Daguerre Effect⁵³
Learn how to achieve the Daguerreotype look using this Photoshop tutorial.

⁵⁴

Designing a Typographic Concept Poster⁵⁵
In this Photoshop tutorial, youll learn how to create a grungy, aged poster design.

⁵⁶

Pencil It In⁵⁷
This tutorial shows you how to create a hand-drawn look that uses scanned images.

⁵⁸

Grunge-style layer tutorial⁵⁹
This tutorial uses Layer styles to achieve a gritty grunge look.

⁶⁰

Grunge and Textured Art Tutorial⁶¹
Use this Photoshop tutorial to add a grunge effect to your photographs.

⁶²

Create an Awesome Illustration Using Custom Brushes⁶³
In this tutorial, youll find out how to use custom brushes to create a textured black and white illustration.

⁶⁴

Hero Header Part II⁶⁵
Learn how to create a grunge element using Photoshop filters and a stock image.

⁶⁶

Create a Fantastic Decaying Metal Sign⁶⁷
Using a variety of filters (five of them to be exact), you can create a rusting metal sign.

⁶⁸

Create a Cool Music Logo on a Grunge Background⁶⁹
Add a bit of grunge to your brand by using a variety of Photoshop techniques and using a free high-resolution brush set.

⁷⁰

Design a Cartoon Grunge Website Layout⁷¹
Mix cartoons with the grunge design trend to create a unique website layout.

⁷²

The Dark Knight Grunge Wallpaper⁷³
This step-by-step Photoshop tutorial walks you through the creation of a Dark Knight-inspired wallpaper.

⁷⁴

Building Textures from Scanned Art⁷⁵
This tutorial uses stock photos and a watercolor-washed scanned image to achieve an abstract, paint-splattered design.

⁷⁶

Making a Grungy Business Card⁷⁷
Make your business card stand out by giving it some texture with the help of this Photoshop tutorial.

⁷⁸

Ultimate Grunge Design Tutorial⁷⁹
This tutorial walks you through the creation of a grunge website layout that has rough edges and a distressed background texture.

⁸⁰

How to Create a Grunge Web Design in Photoshop⁸¹
Witness the steps involved in creating a beautiful grunge-themed website design in this brilliant Photoshop tutorial by PSDTUTS.

⁸²

Want to find more Photoshop tutorials?

This is the fourth part of the Beautiful Photoshop Tutorials series by Jacob Gube. If you enjoyed this article, you may also want to consider:

1. Part 1: 30 Beautiful Photoshop Text Effect Tutorials⁸³ (on Six Revisions)
2. Part 2: 30 Beautiful Photoshop Illustration Tutorials⁸⁴ (on Six Revisions)
3. Part 3: 35 Beautiful Vintage and Retro Photoshop Tutorials⁸⁵

(al)

Footnotes

1. 1 http://www.smashingmagazine.com/2008/01/29/grunge-style-in-modern-web-design/
2. 2 http://www.smashingmagazine.com/2008/03/11/the-secrets-of-grunge-design/
3. 3 http://pshero.com/archives/antique-ace-of-spades
4. 4 http://pshero.com/archives/antique-ace-of-spades
5. 5 http://psdtuts.com/designing-tutorials/creating-an-old-collage-effect-poster/
6. 6 http://psdtuts.com/designing-tutorials/creating-an-old-collage-effect-poster/
7. 7 http://psdtuts.com/designing-tutorials/quick-grungy-poster/
8. 8 http://psdtuts.com/designing-tutorials/quick-grungy-poster/
9. 9 http://psdtuts.com/designing-tutorials/creating-a-stunning-old-world-look-in-photoshop/
10. 10 http://psdtuts.com/designing-tutorials/creating-a-stunning-old-world-look-in-photoshop/
11. 11 http://psdfan.com/designing/design-a-unique-grungy-website/
12. 12 http://psdfan.com/designing/design-a-unique-grungy-website/
13. 13 http://pshero.com/archives/dark-grunge-photo-effect
14. 14 http://pshero.com/archives/dark-grunge-photo-effect
15. 15 http://veerle.duoh.com/blog/comments/creating_grunge_brushes/
16. 16 http://veerle.duoh.com/blog/comments/creating_grunge_brushes/
17. 17 http://www.imarc.net/communique/view/97/ps_quickie_your_own_crazy_movie_poster
18. 18 http://www.imarc.net/communique/view/97/ps_quickie_your_own_crazy_movie_poster
19. 19 http://psdfan.com/photo-effects/creating-smokey-dancer-using-lightingtexturing-effects/
20. 20 http://psdfan.com/photo-effects/creating-smokey-dancer-using-lightingtexturing-effects/
21. 21 http://psdfan.com/designing/design-a-grungy-floating-island/
22. 22 http://psdfan.com/designing/design-a-grungy-floating-island/
23. 23 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/distressed_effects_in_photoshop
24. 24 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/distressed_effects_in_photoshop
25. 25 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/photoshop_expertise
26. 26 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/photoshop_expertise
27. 27 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1683
28. 28 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1683
29. 29 http://pshero.com/archives/photo-transfer-edge-effect
30. 30 http://pshero.com/archives/photo-transfer-edge-effect
31. 31 http://psdtuts.com/designing-tutorials/creating-an-urban-style-piece-of-artwork/
32. 32 http://psdtuts.com/designing-tutorials/creating-an-urban-style-piece-of-artwork/
33. 33 http://naldzgraphics.com/tutorials/create-an-artistic-one-eye-tv-man-in-a-grunge-vector-design/
34. 34 http://naldzgraphics.com/tutorials/create-an-artistic-one-eye-tv-man-in-a-grunge-vector-design/
35. 35 http://www.adobetutorialz.com/articles/2943/1/Urban-city-scene-on-grunge-background
36. 36 http://www.adobetutorialz.com/articles/2943/1/Urban-city-scene-on-grunge-background
37. 37 http://psdfan.com/designing/design-an-old-style-safari-map/
38. 38 http://psdfan.com/designing/design-an-old-style-safari-map/
39. 39 http://photoshopfrenzy.com/?p=94
40. 40 http://photoshopfrenzy.com/?p=94
41. 41 http://psdtuts.com/designing-tutorials/create-an-impressive-mock-up-of-a-grunge-box/
42. 42 http://psdtuts.com/designing-tutorials/create-an-impressive-mock-up-of-a-grunge-box/
43. 43 http://pshero.com/archives/creating-old-paper-with-custom-brushes
44. 44 http://pshero.com/archives/creating-old-paper-with-custom-brushes
45. 45 http://www.photoshopstar.com/effects/add-texture-to-improve-artwork/
46. 46 http://www.photoshopstar.com/effects/add-texture-to-improve-artwork/
47. 47 http://www.tutorial9.net/photoshop/create-burnt-parchment-from-scratch/
48. 48 http://www.tutorial9.net/photoshop/create-burnt-parchment-from-scratch/
49. 49 http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/
50. 50 http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/
51. 51 http://psdlearning.com/2008/08/grunge-portrait/
52. 52 http://psdlearning.com/2008/08/grunge-portrait/
53. 53 http://www.photoshopsupport.com/tutorials/or/daguerre-daguerretypes.html
54. 54 http://www.photoshopsupport.com/tutorials/or/daguerre-daguerretypes.html
55. 55 http://psdtuts.com/designing-tutorials/designing-a-typographic-concept-poster/
56. 56 http://psdtuts.com/designing-tutorials/designing-a-typographic-concept-poster/
57. 57 http://pshero.com/archives/pencil-it-in
58. 58 http://pshero.com/archives/pencil-it-in
59. 59 http://www.ephotozine.com/article/Grunge-style-layer-tutorial
60. 60 http://www.ephotozine.com/article/Grunge-style-layer-tutorial
61. 61 http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/
62. 62 http://blog.dubtastic.com/2008/06/04/grunge-textured-art-tutorial-post-processing-of-your-photography/
63. 63 http://psdfan.com/designing/create-an-awesome-illustration-using-custom-brushes/
64. 64 http://psdfan.com/designing/create-an-awesome-illustration-using-custom-brushes/
65. 65 http://pshero.com/archives/hero-header-part-ii
66. 66 http://pshero.com/archives/hero-header-part-ii
67. 67 http://3nhanced.com/photoshop/create-a-fantastic-decaying-metal-sign/
68. 68 http://3nhanced.com/photoshop/create-a-fantastic-decaying-metal-sign/
69. 69 http://psdtuts.com/designing-tutorials/create-a-cool-music-logo-on-a-grunge-background/
70. 70 http://psdtuts.com/designing-tutorials/create-a-cool-music-logo-on-a-grunge-background/
71. 71 http://psdtuts.com/interface-tutorials/design-a-cartoon-grunge-website-layout/
72. 72 http://psdtuts.com/interface-tutorials/design-a-cartoon-grunge-website-layout/
73. 73 http://www.photoshopstar.com/graphics/the-dark-knight-grunge-wallpaper/
74. 74 http://www.photoshopstar.com/graphics/the-dark-knight-grunge-wallpaper/
75. 75 http://tu-torial.com/view_tut.php?id=222
76. 76 http://tu-torial.com/view_tut.php?id=222
77. 77 http://luxa.org/tutorial_making_a_grungy_business_card.php
78. 78 http://luxa.org/tutorial_making_a_grungy_business_card.php
79. 79 http://pushstandards.com/2008/03/the-ultimate-grunge-design-tutorial/
80. 80 http://pushstandards.com/2008/03/the-ultimate-grunge-design-tutorial/
81. 81 http://psdtuts.com/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/
82. 82 http://psdtuts.com/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/
83. 83 http://sixrevisions.com/graphics-design/photoshop_text_effect_tutorials/
84. 84 http://sixrevisions.com/graphics-design/30-beautiful-photoshop-illustration-tutorials/
85. 85 http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

Back to topTweet itShare on Facebook

40 Beautiful Grunge Photoshop Tutorials - Smashing Magazine
This is truly a great collection of grunge tutorials and examples. Way t go as always.

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine ...
By Jacob Gube. 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

35 Beautiful Vintage and Retro Photoshop Tutorials ...
79 http://www.smashingmagazine.com/2008/10/28/40-beautiful-grunge-photoshop-tutorials/ Search on Smashing Magazine Search. Advertisement Advertise with us!

40 beautiful grunge photoshop tutorials smashing magazine ...
There are 40 beautiful grunge photoshop tutorials smashing magazine categories, in these articles contain the mod, apk, app, and games review from trusted resources

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine
Here i will explain about 40 beautiful grunge photoshop tutorials smashing magazine . Many people have talked about 40 beautiful grunge photoshop tutorials smashing

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine ...
Get Manual Guide info about 40 Beautiful Grunge Photoshop Tutorials Smashing Magazine and read our other article related to 40 Beautiful Grunge Photoshop Tutorials

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine
40 Beautiful Grunge Photoshop Tutorials Smashing Magazine. Kali ini Kabar Pilihan akan berbagi artikel mengenai 40 Beautiful Grunge Photoshop Tutorials Smashing

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine ...
Stay updated everywhere, anytime with Paraguay Post. this news about 40 Beautiful Grunge Photoshop Tutorials Smashing Magazine and read our other update related to 40

theoryofdave - 40 Beautiful Grunge Photoshop Tutorials ...
40 Beautiful Grunge Photoshop Tutorials | Tutorials 40 Beautiful Grunge Photoshop Tutorials | Tutorials | Smashing Magazine

40 Beautiful Grunge Photoshop Tutorials Smashing Magazine ...
Photoshop Tutorial Screenshot. : 45 . retouching in photoshop beauty saloon skin retouching with photoshop

• Tweet
• Share
• Share
• Share
• Share

About K-Sora

Travelling is my life

Related Post