• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Search Over 25 Million Graphics
Join GraphicsFuel Premium Membership and get access to graphics, mockups, vectors, icons, and more. New designs added weekly!Only $10/month
GraphicsFuel

GraphicsFuel

Free PSD, Graphic & Web Design Resources | GraphicsFuel

  • Categories
    • Backgrounds
    • Brushes
    • Design Articles
    • Design Inspiration
    • Fonts
    • Free Photos
    • Free PSD Files
    • Graphics
    • Giveaway
    • Icons
    • Logos
    • Mockup Templates
    • Patterns
    • Photoshop Gradients
    • Photoshop Tutorials
    • Premium
    • PSD Templates
    • Sketch App Files
    • Text Effect
    • Textures
    • UI & Mobile Apps
    • Vectors
    • Website Layouts
    • Websites
  • Shop
  • Info
    • About
    • Advertise
    • FAQs
    • Terms of Use
  • Contact
  • Go Premium
  • MEMBER LOGIN

How to Create a Hot Lava Text Effect in Photoshop

Photoshop TutorialsOct 14, 2013

lava-text-25

In this tutorial, you’ll be learning how to create a hot lava text effect in Photoshop. I have put a step by step process in the making with screenshots to help you understand the whole process easily.

This is the final result of the text effect you’ll be learning in this tutorial.

lava-text-25

Assets required:

Free Font: Impact (fontsquirrel.com)
Lava Texture: included in the download file
Fire Flames (from Morguefile.com)

Okay, let’s begin with creating a background layer of 1000 x 600 pixels with black color. Now add a Gradient Fill Layer with black and red colors. Set the gradient style to Radial and Scale it to 150. Now reduce the layer opacity to 40% as show below.

lava-text-effect

Next, open up the texture file in Photoshop and set it as a pattern by going to Edit > Define Pattern.

lava-text-effect

Create a Pattern Fill Layer and select the Lava texture pattern from the pattern popup window library. Set the Pattern Fill Layer blending mode to Color Dodge.

lava-text-effect

Add “HOT LAVA” text in caps in “Impact” font. Set the font size to 200px and text color to red.

lava-text-effect

Apply the following layer styles to the text.

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

Now your text will look something like this.

lava-text-effect

Duplicate the text layer (Ctrl/Cmd + J) and fill the Interior Opacity of the layer to 0%.

lava-text-effect

Apply the following layer styles to the duplicate text layer.

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

lava-text-effect

Now your text will look something like this.

lava-text-effect

It’s time to add some fire flames to the text so it should look real hot and burning. Let's go ahead and download the flames image from the URL as mentioned in the beginning of the tutorial. Open up the image in a new document and select the black area with Magic Wand Tool. Right click and add Feather Radius to 5 and delete the black area.

lava-text-effect

Now copy the flames (Ctrl/Cmd + C) and paste (Ctrl/Cmd + V) the selection on to the HOT LAVA text document. Name the layer as Fire and convert it to Smart Object by right-clicking on the layer and selecting the Convert to Smart Object option. Now scale down the layer by going to Edit > Transform > Scale or (Ctrl/Cmd + T) and move the layer to make it look fit as you feel appropriate. Set the layer Blending Mode to Screen.

lava-text-effect

Let’s add some final touches of depth and balance to the flames. Apply Levels from Adjustment Layer fill and set Clipping Mask to the Fire layer, so the Levels effect doesn’t apply to the whole document.

lava-text-effect

Final result

lava-text-effect

Feel free to create your own hot lava text effect by following this wonderful tutorial. You can play around and be more creative. If you have any questions, just ask me in the comments box and I will try to answer them promptly.

Download PSD File

 

Share this:

  • Click to share on WhatsApp (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on Reddit (Opens in new window)

Related Posts

Retro PSD Text Styles

Retro PSD Text Styles

Vintage Poster Typographic Text Effect

Vintage Poster Typographic Text Effect

99 Text Effect PSD

99 Text Effect PSD

Reader Interactions

Comments

  1. băng dính tại bắc ninh says

    August 30, 2016 at 10:29 am

    So awesome, but i can’t understand how to creat Gradient Fill Layer

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

  • Dribbble
  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter
I accept the privacy policy and would love to receive emails.
Ad Banner for Tailor Brands an Automated logo design and branding company

GraphicsFuel Premium

Boost up your creative design workflow with our best premium design assets with a commercial license. Join our membership and get instant access to our huge assets library. Plus weekly fresh resource updates!

Discover Premium

Copyright © 2025 GraphicsFuel. All rights reserved.
About Us | Advertise | FAQ | Terms of Use | Privacy Policy

  • Dribbble
  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • RSS
  • Twitter
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.AgreePrivacy Policy