Create a Simple Fiery Text Effect in Photoshop

I’ll show, how to make this fiery text effect like in the hollywood posters. I’ll show how to transform stock images and how to play with blending options in Adobe Photoshop. You will learn, how to make simply background with gradient and grunge effect.

What you’ll be creating

You will create simply fiery text effect. You will start with making really hot shape of desired text, then You will add some stock images and You will create burning text effect. You will need Adobe Photoshop CS5  or newer.
final-results

Tutorial Resources

Step 1

Create new file, 1280×1024 size. Choose File > New (Ctrl + N).
step-001

Tutorial Resources

Step 1

Create new file, 1280×1024 size. Choose File > New (Ctrl + N).
step-001

Step 2

Place “texture-318913” stock to your file. Choose File > Place, select “texture-318913”, and transform it, then click Place.
step-002

Step 3

Create new adjustment layer (Layer > New Adjustment Layer > Brightness/Contrast) or use shortcut. Set Brightness to -125 and Contrast to -11. Click this layer with right mouse button and choose “Create Clipping Mask”.
step-003

Step 4

Create new adjustment layer (Layer > New Adjustment Layer > Levels or use shortcut). Set middle level to 0,52. Click this layer with right mouse button and choose “Create Clipping Mask”.
step-004

Step 5

Create new adjustment layer (Layer > New Adjustment Layer > Color Balance or use shortcut).
Set Shadows:
Cyan-Red +13
Magenta-Green -3
Yellow-Blue -13
Midtones:
Cyan-Red +34
Magenta-Green 0
Yellow-Blue -36
Highlights:
Cyan-Red +20
Magenta-Green 0
Yellow-Blue -37.
Click this layer with right mouse button and choose “Create Clipping Mask”.
step-005

Step 6

Click white canvas next to this layer (layer mask). Choose Gradient Tool (G) and pick radial gradient. Use black and white gradient in the layer mask:
step-006

Step 7

Duplicate “Color balance” layer. Drag it and drop to the Create a New Layer button or go to Layer > Duplicate layer. Decrease its opacity to 50%.
step-007

Step 8

Use Type tool and type your text. Use Trajan Pro 3 Bold font, 238,5 px. Use #ff6c24 color. Duplicate this text layer (Layer > Duplicate layer), then disable it.
step-008

Step 9

Click created text with right mouse button. Choose “Blending options…”. Choose “Inner glow”. Set blending mode to Screen, use #ffa024 color. Set elements size to 10px.
step-009

Step 10

Choose “Outer glow” and set its opacity to 36%. Change color of glow to #ff6c24. Set Elements size to 9px.
step-010

Step 11

Choose text layer. In layer box set fill to 0%.
step-011

Step 12

Below text layer, add new adjustment layer with solid color (Layer > New Fill Layer > Solid color), set #000 color.
step-012

Step 13

Select “Text” layer and “Solid Color” layer (Ctrl-click (Windows) or Command-click (Mac OS) them). Then click one of selected layers with right mouse button and choose “Convert to Smart Object”.
step-013

Step 14

Now choose Filter > Filter gallery… >. Choose Distort > Glass. Set Distortion to 6, Smoothness to 8. Use “Frosted” texture.

Step 15

Change blending mode to Screen.
step-015

Step 16

Duplicate this layer (Layer > Duplicate layer)..
step-016

Step 17

This step is optional. You’ll create bigger glow of your text. Duplicate “Text copy” layer, which You created in step 8. Drag it to the top of layers. Disable “Inner glow” and “Outer glow” (click an eye symbol).
step-017

Step 18

Then, click this layer with right mouse button. Choose “Blending options…”. Choose “Color overlay”, set #5f2409 color and change blending mode of overlay to Screen.
step-018

Step 19

Choose “Drop Shadow”. Change Structure blending mode to “Screen”, set color to #ffa71c, change its size to 57%.
step-019

Step 20

Now it’s the most boring part. You’ll create fiery shape. Place “Flames0027_1_M” to your file and transform it by using warp mode.
step-020

Step 21

Change blending mode to Screen.
step-021

Step 22

Place “Flames0027_10_M” to your file. Use warp mode and change blending mode to “Lighter Color”.
step-022

Step 23

lace “Flames0027_1_M”, use warp mode and change blending mode to “Screen”.
step-023

Step 24

Now “E” letter. Place “Flames0027_1_M”, apply transform and change blending mode to “Screen”.
step-024

Step 25

Duplicate this layer and transform (Ctrl + T) it.
step-025

Step 26

Place “Flames0027_10_M” to your file. Use warp mode and change blending mode to “Screen”.
step-026

Step 27

Place “Flames0027_12_M” to your file. Transform (Ctrl + T) it and change blending mode to “Screen”.
step-027

Step 28

Now “X” letter. Place “Flames0027_12_M” to your file. Use warp mode and change blending mode to “Screen”.
step-028

Step 29

Place “Flames0027_1_M”, use warp mode and change blending mode to “Screen”.

Step 30

Duplicate fiery layers with “T” letter. Select layers by holding down Ctrl (Windows) or Command (Mac OS). Drag it and drop to the Create a New Layer button. Drag duplicated layers to the top.
step-030

Step 31

Transform layers (ctrl+T). You are done! :)
step-031

Final Results

final-results

Download the PSD

Download

Fiery Text Effect.zip | 9.75 MB

Tutorial by computerinfotechwrld