special effect

Create a Deep Grunge Text Effect

July 26, 2009, Posted by Rejis Dale at 1:11 am

In this Tutorial we will make a deep grunge and cracked Text effect. We will also come across how to use textures for creating certain inspiring results in less than 10 steps!.%photoshop Create a Deep Grunge Text Effect
To start this tut, we will need 3 textures.
%photoshop Create a Deep Grunge Text Effect%photoshop Create a Deep Grunge Text Effect%photoshop Create a Deep Grunge Text Effect
Open a document, with white background. Size 600 x 450 pixel.
Paste the texture 1 as the background.
Create a new layer.
From the Text tool, select the “Horizontal Type Mask”.Type the text you wish. Try to use some thick font
Here I have used Arial Black, 100pt. which is a thick rounded font.

%photoshop Create a Deep Grunge Text Effect

Open the Texture 2, Select All region (Ctrl+A), copy it.
Now come back to the working canvas and “Paste Into” (Ctrl+Shift+V) the mask which we have typed. By using the Move tool (V) adjust the texture and position it where the cracks are visible and as well as the font is not broken too much.

%photoshop Create a Deep Grunge Text Effect

Now lets apply some bevel and drop shadow with the following settings  from the blending option.
%photoshop Create a Deep Grunge Text Effect
%photoshop Create a Deep Grunge Text Effect
The results will be as below.
%photoshop Create a Deep Grunge Text Effect
Now open the Texture3.

Copy the texture and paste on top of all the layer. Move the layer as we did before to adjust.
%photoshop Create a Deep Grunge Text Effect
Repeat the same for further texts as shown below.

Thanks and hope you enjoyed this quick tutorial.

%photoshop Create a Deep Grunge Text Effect

%photoshop Create a Deep Grunge Text Effect

Blog Widget by LinkWithin

Currently have 47 Comments

  1. Deep Grunge Text Effect | Design Newz says:
    July 27, 2009 at 7:01 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  2. A Bunch Great of User Links from July 26-27th | tripwire magazine says:
    July 27, 2009 at 11:54 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  3. Jake Rocheleau says:
    July 28, 2009 at 1:13 am

    Impressive results, turns out looking amazing! I will definitely try this on my next project.

    Reply
  4. CSS Brigit | Create a Deep Grunge Text Effect says:
    July 28, 2009 at 3:23 am

    Create a Deep Grunge Text Effect…

    In this Tutorial we will make a deep grunge and cracked Text effect.
    We will also come across how to use textures for creating certain inspiring results in less than 10 steps!.

    …

    Reply
  5. saurabh shah says:
    July 28, 2009 at 10:39 am

    wow ! simple and cool one …

    Reply
  6. Pamela says:
    July 28, 2009 at 11:08 am

    Great effect!

    Reply
  7. viji says:
    July 28, 2009 at 10:21 pm

    very good,I was not knowing this idea….

    Reply
  8. Juan Carlos says:
    July 30, 2009 at 2:17 am

    Congratulations!! Simple and amazing Gretings from Buenos Aires

    Reply
  9. BULOY says:
    July 30, 2009 at 9:44 am

    WAY LAMI OI.. MAOT JUD

    Reply
  10. SergeyNikolaev says:
    July 30, 2009 at 7:21 pm

    Interesting site, but much advertisments on him. Shall read as subscription, rss.

    Reply
  11. Rejis says:
    August 5, 2009 at 11:09 am

    Thanks Everyone. We will be coming up with similar tutorials. Watch out. Cheers!!!

    Reply
  12. 40 (NEW) High Quality Adobe Photoshop Tutorials | Noupe says:
    August 6, 2009 at 8:34 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  13. kashyap says:
    August 6, 2009 at 9:26 am

    that was a gud job u have done out here!!!!
    the technique was gud..but would you please let me know how to make the grunge textures same like you have used here but just only using the presets of the photoshop

    Reply
  14. 40 (NEW) High Quality Adobe Photoshop Tutorials | Webmaster Tips says:
    August 6, 2009 at 12:56 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  15. 40 NEW HIGH QUALITY PHOTOSHOP TUTORIALS « JinSpiration says:
    August 6, 2009 at 5:17 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  16. Wordpress Blog Services - 40 (NEW) High Quality Adobe Photoshop Tutorials says:
    August 6, 2009 at 6:57 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  17. 40 (NEW) High Quality Adobe Photoshop Tutorials - Programming Blog says:
    August 7, 2009 at 4:45 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  18. AMB Album » 40 (NEW) High Quality Adobe Photoshop Tutorials says:
    August 8, 2009 at 12:42 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  19. alf says:
    August 8, 2009 at 10:01 pm

    nice

    Reply
  20. 40 (NEW) High Quality Adobe Photoshop Tutorials | YABIBO.COM - YOUR WEB WORLD says:
    August 8, 2009 at 10:45 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  21. jumpy says:
    August 17, 2009 at 4:00 pm

    great the only problem i have is with texture 3 as soonas i paste to all layers i can only see that one do i have to use transperancy im just not getting the last bit with texture 3 sorry

    Reply
  22. 40 (NEW) High Quality Adobe Photoshop Tutorials | Web Design GroundBreak says:
    August 18, 2009 at 7:14 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  23. 40 (NEW) High Quality Adobe Photoshop Tutorials | Web Design GroundBreak says:
    August 18, 2009 at 7:14 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  24. Deep Grunge Text Effect | PSD Guides – Photoshop Tutorials and … | Adobe Tutorials says:
    August 21, 2009 at 3:20 am

    [...] In this Tutorial we will make a deep grunge and cracked Text effect . We will also come across how to use textures for creating certain inspiring results in less than 10 steps!. % photoshop Deep Grunge Text Effect … Original post: Deep Grunge Text Effect | PSD Guides – Photoshop Tutorials and … [...]

    Reply
  25. Amazing Photoshop Tutorials - The Tech Space says:
    August 25, 2009 at 11:23 am

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  26. Grunge Text Effect Tutorials And Textures | Tweeaks Design says:
    August 29, 2009 at 10:33 pm

    [...] 1. Create A Deep Grunge Text Effect [...]

    Reply
  27. aziz says:
    September 4, 2009 at 6:55 pm

    great work
    thank you

    Reply
  28. 40 (NEW) High Quality Adobe Photoshop Tutorials | Downrex says:
    September 22, 2009 at 6:07 pm

    [...] Create a Deep Grunge Text Effect [...]

    Reply
  29. Tutorial Top » Blog Archive » Create a Deep Grunge Text Effect - Top Design Tutorial Blog- For Designers says:
    October 18, 2009 at 6:47 pm

    [...] Go to Deep Grunge Text Effect Tutorial [...]

    Reply
  30. 40+ Impressive Photoshop Text Effects Tutorials | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net says:
    December 8, 2009 at 6:54 pm

    [...] [...]

    Reply
  31. 27+ Impressive Textures In Photoshop - DoNotYet.com says:
    December 18, 2009 at 5:33 pm

    [...] 12. Create a Deep Grunge Text Effect [...]

    Reply
  32. The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine says:
    December 18, 2009 at 5:44 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  33. 40 ????? ???? ???? ?? ?????? | ?? ????? ??? ?????? ??? ????? says:
    December 19, 2009 at 2:11 am

    [...] Deep Grunge Text Effect [...]

    Reply
  34. En iyi 40 Adet Photoshop Yaz? Efekti « Kaangokce says:
    December 19, 2009 at 6:11 am

    [...] Deep Grunge Text Effect [...]

    Reply
  35. The Best 40 Photoshop Text Effects from 2009 | ????? says:
    December 19, 2009 at 2:39 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  36. joe ekine says:
    December 20, 2009 at 2:39 pm

    The last last step is somewhat confusing. If I lay texture3 on top of all the layer it turns out that I only get to see layer 3. ;)
    Is there a certain blending mode I have to choose?

    Reply
  37. 2009?40????photoshop ?????? | Jackchen Design 1984 says:
    December 20, 2009 at 6:14 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  38. 2009?????????photoshop?? | Focusec says:
    December 21, 2009 at 12:18 am

    [...] ????????? [...]

    Reply
  39. The Best 40 Photoshop Text Effects « Om Net Solution says:
    December 24, 2009 at 8:02 am

    [...] Deep Grunge Text Effect [...]

    Reply
  40. Text Effect with Photoshop « Foruse Design Studio says:
    December 25, 2009 at 9:29 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  41. The Best 40 Photoshop Text Effects from 2009 « Social-Press says:
    December 30, 2009 at 3:06 am

    [...] Deep Grunge Text Effect [...]

    Reply
  42. 40 says:
    January 10, 2010 at 5:38 am

    [...] Deep Grunge Text Effect [...]

    Reply
  43. 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine says:
    January 14, 2010 at 4:18 am

    [...] Deep Grunge Text Effect [...]

    Reply
  44. 140+ High Quality Categorized Photoshop Text Effect Tutorials | tripwire magazine says:
    January 14, 2010 at 4:18 am

    [...] Deep Grunge Text Effect [...]

    Reply
  45. 140+ High Quality Categorized Photoshop Text Effect Tutorials | Afif Fattouh - Web Specialist says:
    January 14, 2010 at 3:50 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  46. The Best 40 Photoshop Text Effects from 2009 | Seventy Seven says:
    January 16, 2010 at 2:11 pm

    [...] Deep Grunge Text Effect [...]

    Reply
  47. PS by F p2 002 « Forkmaster says:
    January 19, 2010 at 11:48 pm

    [...] ”Forkie goes grunge”. Det är en texteffekt jag provat på och den kan man hitta här: Deep Grunge Text Effect. Här kommer veckans andra [...]

    Reply

Leave a Reply