Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
  • Opinion
PSD VaultPSD Vault
Home»Text Effect»Design Awesome Grungy Text Effect with Stone Texture in Photoshop
Text Effect

Design Awesome Grungy Text Effect with Stone Texture in Photoshop

By James QuMarch 13, 20114 Mins Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the steps I took to Design Awesome Grungy Text Effect with Stone Texture in Photoshop. The main focus of this tutorial is how you quickly apply textures and stock images to create great text effect. Have a try!

The PSD file of this tutorial is available via the PSD Vault VIP members area.

This is an intermediate tutorial so some steps can be tricky – if you’re having difficulty with it, I suggest you go to the basic section of PSD Vault and practice those tutorials first, then come back and do this one.

Here is a preview of the final effect I have for this tutorial: (Click to Enlarge)

PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 200+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive!

Ok Let’s get started!

To complete this tutorial, you will need the following stock:

Font

Grungy Texture (choose one from the pack)

Stone Ground Texture

Rock

Step 1

Create a new document with black background (size doesn’t matter for this tutorial), load the grungy textures into Photoshop and select a portion of it, copy and paste onto our document:

Apply the following adjustment layers to it:

Levels

Layer mask on the levels adjustment layer:

Black and white

and you will have the following effect:

Step 2

Open up the stone ground texture in Photoshop, use a 30px feather Lasso Tool to make a selection on it:

Copy and paste the selection onto our document, use a soft eraser to smooth its edge:

Add a black and white adjustment layer to this ground texture layer:

Made sure you set the blending mode of this black and white layer to “overlay”:

Use a hard red brush to paint some red lines on the grungy texture for some extra effect: (Set the brush flow and opacity to around 40%)

Step 3

Use the font we donwloaded, type some text on the ground – rasterize and perspective it a bit for more depth:

We only want a subtle effect for the text – so change this text layer blending mode to “overlay”, and erase the edges with a soft eraser:

Paint some shadow under the texture with a soft black brush:

Duplicate this text layer once and resize it as shown below: (change layer blending mode to “overlay” for this motion blur layer)

Duplicate this enlarged text layer once and apply the following Motion Blur filter to it:

and you will have the following effect:

Step 4

Use a cloud brush or render some cloud around the ground texture:

Go back to the grungy background layer, use a soft eraser tool to erase the grungy texture around the edge of the stone – this way you can create a floating effect for the ground:

and you will have the following effect:

Step 5

Load the rock image into Photoshop and select a portion of the rock texture with Quick Selection tool:

Copy and paste the selection onto our document, resize it to cover just the text:

Go back to the original text layer, load the selection of this layer then inverse it with Ctrl + Shift + I, then clear the selection:

Once you clear the selection, make sure you go back to the original text layer, and move it a little towards the left – this creates a fake 3D effect and make the text bolder:

Select the Erase tool and use the following Chalk brush settings for this eraser:

Carefully erase the bottom portion of the text with this chalk brush to blend it into the ground:

Step 6

We’re almost done. For some final retouches, I decided to add some Fibre effect to the text for some extra flavour. So let’s grab a 30px feathered Lasso Tool to draw a selection, fill it with black colour:

Render some Fibers inside with the Fibers Filter:

Change the layer blending mode to “Vivid Light” and drop the opacity to around 50%:

Duplicate this Fiber layer once and change the blending mode of the duplicated layer to “Screen”, drop the opacity to around 40%. You will have the following effect:

Finally, we can add a new Color Balance adjustment layer on top with the following settings:

Layer mask on this colour balance adjustment layer:

and I have the following final effect: (click to enlarge)

Hope you enjoy this tutorial and find it useful! Till next time, have a great day!

grungy text photoshop learn text effect photoshop text stone texture photoshop
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

James is a seasoned Photoshop expert with over 25 years of experience, mastering the software since its 5.0 version. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

Related Posts

Making 80’s Style Chrome Text Effect In Photoshop

April 9, 2025

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

February 15, 2025

How to Create Realistic Frozen Text with Cracks in Photoshop

January 29, 2025

7 Comments

  1. web design newcastle on March 14, 2011 8:48 PM

    Great tutorial for a great effect but I agree that doing some of the basic tutorials on your site is key to getting this right as the techniques are quite advanced.

    Can I ask: what version of Photoshop did you use?

  2. James Qu on March 15, 2011 8:15 PM

    @newcastle: i use CS4.
    Thanks for the compliment, but please don’t use a search engine term next time. Comment links are no-follows.

  3. Wilson on April 11, 2011 4:45 PM

    I must say its very creative of you and thanks for sharing it.

  4. ammar on May 6, 2011 12:26 AM

    vere nice

  5. Brett Widmann on May 13, 2011 10:38 AM

    I really enjoyed this tutorial! Thanks for sharing.

  6. MUMTAZ on May 17, 2011 9:31 PM

    SUPERB.

  7. Wedding Invitations UK on September 10, 2011 10:21 PM

    Really nice tutorial article, i’ve given it ago and can’t get it as good as your but a bit playing around and try and get it working for an invite

Don't Miss

How to Resize Images Without Losing Quality in Photoshop 2025

May 17, 2025

The Beginner’s Guide to Photoshop AI Masking Tool

May 10, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

For Beginners

Basics

How to Resize Images Without Losing Quality in Photoshop 2025

By James QuMay 17, 20255 Mins Read

Curves or Levels: Choosing the Right Tool for Stunning Edits

May 9, 2025

Photoshop Clipping Masks – Everything You Need to Know

May 8, 2025

10 Photoshop Blur Gallery Tricks That Will Make Your Photos Look Professional

April 26, 2025

You May Also Like

Text Effect

Making 80’s Style Chrome Text Effect In Photoshop

By Mohammad JeprieApril 9, 202511 Mins Read
Text Effect

How to Create a Stunning Liquify Filter Typography Effect in Photoshop

By James QuFebruary 15, 20254 Mins Read
Text Effect

How to Create Realistic Frozen Text with Cracks in Photoshop

By James QuJanuary 29, 20254 Mins Read
Facebook X (Twitter) Instagram Pinterest
  • About Us
  • Get in Touch
  • Advertise
  • VIP Area
  • Privacy Policy
  • Terms & Conditions
© 2025 PSD Vault. All Right Reserved.

Type above and press Enter to search. Press Esc to cancel.

Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}