Written by Steve Patterson. In this Photoshop text effects tutorial, we’re going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We’ll be using Photoshop’s powerful Liquify filter for most of the work on the flames themselves, but we’ll also be taking a look at the Wind filter, using adjustment layers to colorize the flames, layer styles for adding color to our text, layer masks for blending the flames with the letters, and more! Here’s the result we’ll be working towards:
The final “fire text” effect.
Let’s get started!
Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier! Step 1: Create A New Blank Photoshop Document
Let’s begin by creating a new blank Photoshop document. Go up to the File menu at the top of the screen and choose New. Or, for a faster way to create a new document, use the keyboard shortcut Ctrl+N (Win) / Command+N (Mac). Either way brings up Photoshop’s New Document dialog box. Enter in the dimensions you need for your effect. For this tutorial, I’m going to enter 3 inches for my Width, 3 inches again for my Height, and for the Resolution value, I’ll enter 300 pixels/inch. When you’re done, click OK to exit out of the dialog box. Your new document will appear on your screen: [pic]
Create a new Photoshop document using the New Document dialog box. Step 2: Fill The New Document With Black
Since our flaming text probably won’t look very impressive against a white background, let’s fill our new document with black. For that, we’ll use Photoshop’s Fill command. Go up to the Edit menu at the top of the screen and choose Fill, or press Shift+F5 to select the Fill command with the keyboard shortcut: [pic]
Go to Edit > Fill.
When the Fill dialog box appears, choose Black for the Contents at the top of the dialog box, which tells Photoshop that we want to use black as our fill color: [pic]
Choose Black at the top of the Fill dialog box.
When you’re done, click OK in the top right corner of the dialog box to exit out of it. Your document will now be filled with solid black: [pic]
The background of the document is now filled with black.
Step 3: Select The Type Tool
We’ll need some text to work with, and for that, we’ll need Photoshop’s Type Tool. Select it from the Tools palette, or press the letter T on your keyboard to select it with the shortcut: [pic]
Select the Type Tool.
Step 4: Choose A Font
With the Type Tool selected, you’ll see that the Options Bar at the top of the screen has changed to show options specifically for the Type Tool. Choose whichever font you’d like to use for the effect. This fire effect tends to work best with serif fonts, so I’m going to choose Times New Roman Bold. Don’t worry about the size of the font for now: [pic]
Choose a font from the Options Bar.
Step 5: Set Your Text Color To White
We’ll use white as our initial text color, even though we’ll be adding more colors later on. To quickly set your text color to white, press the letter D on your keyboard, which resets Photoshop’s Foreground and Background colors to their defaults, making your Foreground color black and your Background color white, as we can see by looking at the Foreground and Background color swatches near the bottom of the Tools palette. The Foreground color swatch is the one in the top left. The Background color swatch is on the bottom right: [pic]
The Foreground and Background color swatches in the Tools palette. The text color and Foreground color are one in the same in Photoshop. Changing one also changes the other, which means that in order to change our text color to white, all we need to do is change the Foreground color to white. At the moment, our Background color is set to white, with our Foreground color set to black, exactly the opposite of what we need. To swap them, making white the Foreground color, simply press the letter X on your keyboard. If we look at the two color...