Create a Simple Fiery Text Effect in Photoshop

Create a Simple Fiery Text Effect in Photoshop
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

In this tutorial, you will create a 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 a burning text effect. You will need Adobe Photoshop CS5 or newer.
final-results

Tutorial Resources

Step 1

Create new file, 1280x1024 size. ChooseFile > New (Ctrl+ N).
step-001

Tutorial Resources

Step 1

Create new file, 1280x1024 size. ChooseFile > 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 a new adjustment layer (Layer > New Adjustment Layer > Levels or use shortcut). Set middle level to 0,52. Click this layer with the right mouse button and choose "Create Clipping Mask".
step-004

Step 5

Create a new adjustment layer (Layer > New Adjustment Layer > Color Balance or use shortcut).Set Shadows:Cyan-Red +13Magenta-Green -3Yellow-Blue -13Midtones:Cyan-Red +34Magenta-Green 0Yellow-Blue -36Highlights:Cyan-Red +20Magenta-Green 0Yellow-Blue -37.Click this layer with the 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 a 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 buttonor go to Layer > Duplicate layer. Decrease its opacity to 50%.
step-007

Step 8

Use the 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 the 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 to9px.
step-010

Step 11

Choose the text layer. In layer box set the 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 the "Text" layer and "Solid Color" layer (Ctrl-click (Windows) or Command-click (Mac OS) them). Then click one of the selected layers with the right mouse button and choose "Convert to Smart Object".
step-013

Step 14

Now chooseFilter > Filter gallery... >. Choose Distort > Glass. Set Distortion to 6, Smoothness to 8. Use "Frosted" texture.
step-014

Step 15

Change the 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 a 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).

Pages: 1 2

16 comments on “Create a Simple Fiery Text Effect in Photoshop”

  1. For the enthusiast's graphics designer, you share the very sophisticated tutorial. Every graphics design needs to know how to create simple text effect with Photoshop. I think your tutorial will help to improve skills as a professional artist. I believe that it would be very helpful, at least for me!

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

  3. I must be doing it wrong because every time I get to the create smart object part I can't do it. Bummer.

Leave a Reply

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

cross