In this tutorial, we’ll learn how to create a fire text effect in Photoshop. We’ll use a couple of filters and adjustment layers to engulf our text in hot flames.
To create a fire text effect, you’ll need:
- Any recent version of Photoshop
Go to File > New and use the settings shown below.
Fill the document with black by going to Edit > Fill and selecting Black for the Use option.
Select the Type Tool and choose the font you want to use.
Press D to set foreground and background colors to their defaults, press X to swap them and then write your text.
If your text is a bit too small, press Command+T (Macs) / Ctrl+T (Windows) and resize the text by dragging the corner handle outwards while holding Shift.
Go to Layer > Rasterize > Type.
Now, duplicate the text layer by pressing Command+J (Macs) / Ctrl+J (Windows).
Hide the duplicate text layer.
Select the original text layer and go to Image > Rotate Canvas > 90° CW.
Then, go to Filter > Stylize > Wind and use the settings shown below.
The streaks are too subtle right now, so apply the Wind filter two more times by pressing Command+F (Macs) / Ctrl+F (Windows) twice.
Now, go to Image > Rotate Canvas > 90° CCW.
Go to Filter > Blur > Gaussian Blur and use the value shown.
Select the background layer and duplicate it by pressing Command+J (Macs) / Ctrl+J (Windows).
Now, select the original text layer and press Command+E (Macs) / Ctrl+E (Windows) to merge it with the duplicate background layer. Rename the merged layer to “Flames”.
Select the Rectangular Marquee Tool and make a selection around the text, leaving some extra space above it.
Then, go to Filter > Liquify, select the Forward Warp Tool and change the Brush Size to 100 in the Tool Options.
Click on the streaks at different areas and drag a short distance either to the right or left.
Now, change the Brush Size to 15, click inside the letters and drag upwards to create little flames. You can either drag straight up or at a slight angle to add variety. To create more interesting flames, you can wiggle your mouse while dragging.
To create larger flames, change the Brush Size to 50 and do the same as we did before to create little flames.
Let’s add some color by creating a Hue/Saturation adjustment layer. Go to New Adjustment Layer > Hue/Saturation.
Now, use the settings shown below.
Add another Hue/Saturation adjustment layer and use the value shown below.
Change the new adjustment layer’s blending mode to Overlay.
Now, make the duplicate text layer visible again.
Go to Layer Styles > Gradient Overlay.
Click on the gradient preview area to open the Gradient Editor.
Click on the black color stop and then on the color swatch.
Select a dark orange/brown color.
Now, click on the white color stop and then on the color swatch.
Select a bright orange color.
In the Layer Style dialog box, use the settings shown below.
Currently, the flames and text look like two separate things. To change that, select the text layer and click on the Layer Mask option.
With the Layer Mask still selected, grab the Brush Tool, press D to set foreground and background colors to their defaults and then press X to swap them. Using a small soft-edge brush, paint on some of the sharp edges of the text.
And we’re done! The fire text effect tutorial is complete!