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 3D Text Surrounded by Flame in Photoshop
Text Effect

Create 3D Text Surrounded by Flame in Photoshop

By James QuJuly 14, 20234 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 create 3D text surrounded by flame in Photoshop. We will render a 3D text in Photoshop and combine flame and crack textures with our text. We will use a number of Photoshop techniques such as image adjustments, layer blending modes, various tools and filters.

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

If you use an earlier version of Photoshop and don’t have the 3D function, you can download this PSD file here which has the rendered 3D text.

This is an intermediate level tutorial so some steps can be challenging.

Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

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 tutorials there. Signup now and get exclusive!

OK Let’s get started!

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

Font

Crack Texture

Flame

Step 1

Create a new document sized 1400px * 782px with black background. We will start by preparing some ground texture with the crack texture we download.

Let’s load this texture into Photoshop and select a portion of it:

Copy and paste the selection over to our document and use the free transform tool to perspective this selection:

Use a soft eraser tool to fade the edges of this texture as shown below:

Add the following 2 adjustment layers as clipping masks to this ground texture layer:

Levels

Curves

and here is the effect so far:

Step 2

We will add some more crack textures on the back to support our text. We can go back to the crack stock image and select the entire image:

Copy and paste the selection over to our document. Re-size this new layer to fit our document and reduce its layer opacity to around 70%:

Use a soft eraser to fade its edges as shown below:

Apply the following 2 adjustment layers as clipping masks for this new crack layer:

Levels

Curves

and here is the effect so far:

Step 3

If you use an earlier version of Photoshop and don’t have the 3D function, you can download this PSD file here which has the rendered 3D text.

If you do have CS6 or above, use the font we downloaded and the 3D function to render the following text “FLAME”:

Select the text:

Move the selection to our cracked ground image and copy the selection:

Paste the selection over to our text, then use a soft eraer to remove some parts of the texture so that not all letters are covered:

Load the flame stock image into Photoshop and repeat the above process, and copy a selection of fire:

Paste the selection to our text and set the layer blending mode to “Hard Light”:

We can duplicate the 3D layer once and move it above all the texture layers:

Set the layer blending mode of the duplicated tex layer to “Overlay”:

and here is the effect so far:

Step 4

We will add the surrounding fire to our document. Use the Lasso Tool (set to 40px feather) to select a portion of the flame stock image:

Copy and paste the selection to our document, then apply the following unsharp mask filter to sharpen the flame a bit:

Set the layer blending mode of the flame layer to “Screen”:

Attach the flame to our text, also add some more fire elements around the canvas, as shown below:

Step 5

We’re almost done! To fine-tune the effect, I added a color balance adjustment layer on top of all layers:

Add some extra fire elements to the text as shown below from the flame stock image:

and here is my final effect: (click to enlarge)

That’s it for this Photoshop tutorial! Hope you enjoy it and find it somehow useful. Drop me a comment if you have any questions. Till next time, have a great day!

3D flame text
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

How to Create a “Black Widow” Movie-Inspired Text Effect in Photoshop

May 30, 2025

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

9 Comments

  1. Sumon Chowdhury on December 22, 2014 8:04 AM

    Awesome creative tutorial of 3D text effect! thanks for sharing this creative tutorial with us.

  2. Md Razaul Karim on January 13, 2015 4:19 AM

    Photoshop can any work, this tutorial is the best example.

  3. Creative Clipping Path on January 31, 2015 3:25 AM

    Really photoshop is the greatest software for graphic designer, it is also better for creat a 3d effect.

  4. Atiq Sumon on March 5, 2015 2:51 PM

    By your tutorial has made a easy and real path to catch immediately.

  5. wonderwall on April 21, 2015 5:52 PM

    how can I move the selection to our cracked ground image and copy the selection?

  6. Munjarin Tithy on October 10, 2016 3:43 PM

    wow nice to see your blog, i am 3d modeling service provider, i know about this topic, but when i read your article i know better something about this, thanks a lot for informative post share with u.

  7. Showmi on November 15, 2016 5:37 AM

    Wonderful 3d text surrounded flame design using photoshop .

  8. Takri on February 21, 2017 10:09 AM

    This is one of the helpful post.I like your blog simplicity.This is one of the developed and nice post.Good information.

  9. Engr. Mishuk Hasan on November 2, 2017 9:17 PM

    Thank you very much for your wonderful tutorial.Eagerly waiting for the next one.Again thanks a lot.

Don't Miss

Why Learning Non-Destructive Editing is a Must for Every Photoshop Beginner

July 5, 2025

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

July 4, 2025

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

For Beginners

Basics

Mastering Sky Replacement in Photoshop: A Comprehensive Guide

By Lana WilsonJuly 4, 20256 Mins Read

How to Effectively Change Hair Colour in Photoshop

July 2, 2025

How to Use “Find Distractions” Feature in Photoshop for Easy Photo Clean-up

June 28, 2025

Photoshop June 2025 Update: Master New Features in Version 26.8

June 21, 2025

You May Also Like

Text Effect

How to Create a “Black Widow” Movie-Inspired Text Effect in Photoshop

By James QuMay 30, 20255 Mins Read
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
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}