How to Make Fire Text in Photoshop

It’s a known fact that text and content plays an important role in enhancing the credibility of a website. Professional web designers spend a lot of time in making the text as eye-catching as they can. You can also design and create your own typography and other text effects in Photoshop. Here we will show you a basic technique to create a character in the style of fire.

Follow this step by step tutorial to learn how to make fire typography in Photoshop.


Step # 1 – Opening a New Document

In the first step, launch Adobe Photoshop and load a new document. Fill it with Black color. Now enter any symbol or character of your choice on which you want to create the effect. Here we are using simply a character “S” in white color.

Load a new file

Step # 2 – Adjusting the Outer Glow Settings

Now right click on the character’s layer and select the “Blending Options” from the menu. In the settings panel, go to the “Outer Glow” tab and choose the “Color” by entering its code as “fe0704”. Change the “Opacity” to “75 percent”, “Spread” to “0 percent”, “Size” to “10 percent”, “Range” to “50 percent” and “Jitter” to “0 percent”.

Change the outer glow settings

Step # 3 – Adjusting the Color Overlay Settings

Once done, go to the “Color Overlay” tab and change the “Color” by entering its code as “bc640a”.

Change the color overlay settings

Step # 4 – Adjusting the Satin Settings

Now move over to the “Satin” tab and choose the “Color” by entering its code as “752003”. Choose the “Opacity” to “100 percent”, set the “Angle” to “20 degrees”, “Distance” to “10 px” and “Size” to “15 px”.

Change the satin settings

Step # 5 – Adjusting the Inner Glow Settings

After changing the satin values, go to the “Inner Glow” tab and change the “Color” by entering its code as “d5ad12”. Now choose the “Blending Mode” to “Color Dodge”, “Opacity” to “10 percent”, “Choke” to “0 percent” and “Size” to “10 px”. After changing these settings, click on the “OK” button to apply it on the layer.

Change the inner glow settings

Step # 6 – Applying the Eraser Tool

In the next step, go to the “Layer” menu, select “Rasterize” and click on the “Type” option to rasterize the layer. Now select the “Eraser” tool from the menu and change its “Hardness” to “0 percent”. Use the Eraser to slightly remove the top portion of the character. This will give a nice burnt effect.

Using the eraser tool

Step # 7 – Applying a Liquify Filter

Now go to the “Filter” menu and select the “Liquify” filter from the list. In the filter’s settings panel, select the “Forward Warp” tool from the menu; choose the “Brush Size” to “15”, “Brush Density” to “50” and “Brush Pressure” to “100”. Now carefully make small cuts over the edges of the character.
After completing the forward warping, click on the “OK” button to apply it on the image.

Using a liquify filter

Step # 8 – Copying a Fire Image

In the next step, go to the “File” menu and open an image of a “Fire”. After loading the image, go to the “Channel” tab and select the “Green” layer by pressing and holding down the “CTRL” key from the keyboard. Now press “CTRL+C” keys from the keyboard to copy the selection.

Open and copy an image of a fire

Step # 9 – Pasting the Fire Image over the Character

Now press “CTRL+V” keys from the keyboard to paste the fire image over the character. Create multiple copies of the “Fire” image and completely cover up the character by using the “Transformation” option. Select the “Eraser” tool from the menu to remove the excess fire from the image.

Apply the fire image on the character

Step # 10 – Adjusting the Blending Mode

In the last step, move the character layer above some of the fire layers and change the “Blending Mode” of the top fire layer to “Pin Light”.

Change the blending mode