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»Create Rock Text Surrounded by Fire and Lightning in Photoshop
Text Effect

Create Rock Text Surrounded by Fire and Lightning in Photoshop

By James QuDecember 19, 20204 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

In this tutorial, I will show you the steps I used to Create Rock Text Surrounded by Fire and Lightning in Photoshop. We will form the text by using several rock boulders and apply fire and lightning elements via stock images and brush paintings. 

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

This is an intermediate level tutorial and prior knowledge of Photoshop layers, image adjustments, layer masks are required.

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

rock-text-with-lightning-fire-flatten

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 300+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive!

OK Let’s get started!

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

Rock Stock

Fire Stock

Lightning Brushes

Step 1

Create a new document sized 1440px * 800px with black background. Load the rock stock image into Photoshop and select a portion of it as shown below

1-sel

Copy and paste the selection to our document, re-size to fit the size of the canvas:

1-paste

Use a soft eraser, remove the centre portion of the texture and fade the edges as shown below:

1-fade

Apply the following adjustment layer as clipping mask to the rock layer:

Black & White

1-bw

and here is the effect so far:

1-effect

Step 2

Use any font you like, type a letter “A” at the centre of the canvas:

2-type

Go to the rock stock image and select a few pieces of rock:

3-sel-rocks

Copy and paste your selection to cover the letter “A” as shown below:

3-attach

Make sure you adjust the size of the rocks and rotate them for more variety:

3-more

And we will form the following text effect:

3-centre

Step 3

We can add some floating rocks around the letter. To do this, simply add a small rock to the side of the letter as shown below

4-black-rock

Apply the following image adjustment as shown below:

Black and white

4-bw

Levels

4-lvs

And we will turn the rock into a black one as shown below. The reason I made the rock looks like this is to add some depths to this image:

4-effect

Add a few more rocks around the letter as shown below:

4-more-rocks

Step 4

On top of all previous layer, add the following adjustment layers:

Black and White

5-bw

Levels

5-lvs

Curves

5-curves

and here is the effect so far:

5-effect

Step 5

We will add some cracks to the rock and lightning effect. Use the lightning brush downloaded:

6-lightning-brush

Create a new layer on top, set the  lightning brush colour to Black, paint some cracks over the rocks:

6-black

6-black-2

Then change the brush colour to white, add lightning effect as shown below:

6-white

Step 6

Load the fire stock image into Photoshop and select the following piece using Lasso Tool (set its feather setting to 40px):

7-sel

Copy and paste the selection to our document, reduce its size and set its layer blend mode to “Hard Light”:

7-hard

Attach the fire to the rocks:

7-fire

Repeat the above process and add more fire around the rock:

7-more

Use a particle brush, paint some particles around the text. And this is the overall effect:

7-part

I further applied some colours to the image with a couple of colour adjustment layers, and this is my final result: (click to enlarge)

rock-text-with-lightning-fire-flatten

Please feel free to experiment your own colour scheme, and see what results they bring you.

That’s it for this tutorial! Hope you enjoy it and find it useful! If you have any questions about the steps, please contact me or leave a comment below. I will try my best to answer them.

Till next time, have a great day!

fire lightning rock text
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
James Qu
  • Website

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

Related Posts

Create Realistic Neon Text Effect in Photoshop

November 8, 2025

How to Fix Text Tool Lagging or Crashing in Photoshop 2025 (Quick & Permanent Fixes)

November 1, 2025

How to Create In-Water Text Effect with Displacement Maps in Photoshop

October 17, 2025

Comments are closed.

Don't Miss

How to Give Your Portrait Cyberpunk Effect in Photoshop

November 15, 2025

Create Realistic Neon Text Effect in Photoshop

November 8, 2025

How to Enlarge Images Without Losing Quality in Photoshop (using Super Resolution)

November 6, 2025

For Beginners

Basics

How to Create Relistic Burning Car Effect in Photoshop

By James QuOctober 17, 20251 Min Read

How to Pixelate an Image in Photoshop

October 16, 2025

How to Stay Ahead of Every Photoshop Update & Unlock Their Full Power

October 11, 2025

Curves or Levels: Choosing the Right Tool for Stunning Edits

September 28, 2025

You May Also Like

Text Effect

Create Realistic Neon Text Effect in Photoshop

By Valentin PetroffNovember 8, 20253 Mins Read
Photoshop Error Fixes

How to Fix Text Tool Lagging or Crashing in Photoshop 2025 (Quick & Permanent Fixes)

By James QuNovember 1, 20253 Mins Read
Text Effect

How to Create In-Water Text Effect with Displacement Maps in Photoshop

By James QuOctober 17, 20253 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}