Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Fiery, Molten Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:QuickLanguages:
Final product image
What You'll Be Creating

This tutorial will show you a very quick and easy way of creating a bright, vivid, fiery text effect using a couple of layer styles and a texture. 

This text effect was inspired by the many Layer Styles available on Envato Market.

Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Create the Background Gradient

Step 1

Create a new 980 x 980px document and duplicate the Background layer.

Duplicate the Background Layer

Step 2

Double-click the Background copy layer to apply a Gradient Overlay effect using the following settings:

  • Check the Dither box.
  • Style: Radial.
  • Click the Gradient box to create the gradient fill using the colors #3b1a0b to the left and #170b03 to the right.
Gradient Overlay

This will create the gradient background.

Gradient Background

2. Create the Text Layers

Step 1

Create the text in All Caps using the font Chivo Black. The Size is 200 pt, the Tracking value is 25, and the Color is #cb2141.

Create the Text

Step 2

Duplicate the text layer and change the copy's Fill value to 0.

Duplicate the Text Layer

3. Style the Original Text Layer

Double-click the original text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 13
  • Uncheck the Use Global Light box
  • Angle: 162
  • Altitude: 42
  • Gloss Contour: Cove - Deep
  • Check the Anti-aliased box
  • Highlight Mode: Vivid Light
  • Color: #c0bcac
  • Shadow Mode - Color: #474747
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Half Round
  • Check the Anti-aliased box.
Contour

Step 3

Add a Texture with these settings:

  • Pattern: Darth Stripe
Texture

Step 4

Add an Inner Shadow with these settings:

  • Blend Mode: Linear Burn
  • Color: #745a32
  • Distance: 0
  • Size: 10
Inner Shadow

Step 5

Add an Inner Glow with these settings:

  • Blend Mode: Normal
  • Opacity: 100%
  • Color: Choose the gradient fill below
  • Technique: Precise
  • Source: Center
  • Size: 250
Inner Glow

Step 6

Add a Satin effect with these settings:

  • Blend Mode: Vivid Light
  • Color: #fffdf7
  • Opacity: 75%
  • Angle: 7
  • Distance: 29
  • Size: 35
  • Contour: Cone
  • Check the Anti-aliased box
Satin

Step 7

Add an Outer Glow with these settings:

  • Color: #b73f1b
  • Size: 7
Outer Glow

Step 8

Add a Drop Shadow with these settings:

  • Color: #292525
  • Opacity: 100%
  • Distance: 7
  • Size: 10
Drop Shadow

This will style the original text layer.

Styled Text Layer 1

4. Style the Copy Text Layer

Double-click the copy text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Size: 20
  • Uncheck the Use Global Light box
  • Angle: 150
  • Altitude: 35
  • Gloss Contour: Cone - Inverted
  • Check the Anti-aliased box
  • Highlight Mode: Linear Dodge (Add)
  • Color: #c0bcac
  • Opacity: 60%
  • Shadow Mode: Linear Light
  • Color: #b09b86
  • Opacity: 75%
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Cone
  • Check the Anti-aliased box
  • Range: 100%
Contour

Step 3

Add a Texture with these settings:

  • Pattern: Brushed Alum Dark
Texture

This will style the copy text layer.

Styled Text Layer 2

5. Add the Bokeh Background

Step 1

Place the Shining Bright Bokeh image below both text layers, resize it as needed, and change its layer's Blend Mode to Color Dodge.

Add the Background Texture

Step 2

Depending on your text and the size of the bokeh texture you like, you might have some empty areas left.

So Command-click the bokeh texture layer's thumbnail to create a selection, and then go to Edit > Copy Merged.

After that, go to File > New to create a new document with the copied part's dimensions, and go to Edit > Paste to get the final image.

Copy and Paste the Final Result

Congratulations! You're Done

In this tutorial, we created a simple gradient background, then styled two text layers with different layer effects, and finally used a bokeh texture to create a quick and easy glowing, fiery text effect.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.