Ridiculously Realistic Scorching Fire Effect!
This tutorial is free for all to view! If you want access to the source files click here.
Here is a tutorial built in Adobe Photoshop CS3 that you can use to give your text a scorching reality. This can also be applied to other shapes. We thought it might be a cool idea to even apply this effect to a picture of a sprinter, we might do this in a tutorial down the road but for now we’ll stick to text. Also, we were recently contact by the guys at 10steps.sg and they have a tutorial that is very similar to this. Check it out here. Great minds think alike.
We will be using mixing flaming fire images with filters and other Photoshop layer blending methods to come up with something slick!
Preview of Final Image:
Create a document with a 300dpi with dimensions of 17 x 11 with a black background. Using the Type tool (T), select the font “Billboard” and type whatever you want to type for your fire text. We wanted to make sure that we knew how our type would look finished so we just typed and arranged the entire thing. As you can see below. After this, flatten the text layers by clicking them both in the layers palette (we have the “king” on one layer and “tutz” on another) and pushing Command + E. This will flatten them. This is what this step looks like:
Now we’ll use the marquee tool (M) to cut up the flattened text layer so we can apply different flame effects to each letter of the text. Simply select the marquee tool (M), drag a box around the letter “K”, right click, and select layer via cut. Do this for each of the letter so they are now all on their own layers.
We’ll start making the “K” look like it’s on fire. Right-click on the flattened K type layer in the layers palette and choose Blending Options. Check on Drop Shadow and key in the following settings:
Check on Color Overlay and key in the following settings.
Check on Satin and key in the following settings.
Check on Inner Glow and type in the following settings… choose a yellow that best suites you… here we used #e3bd29
We’re now going to rasterize/flatten the type layers but before we do so we’re going to right click on the flattened “k” layer in the layers palette and select Copy Layer Style. Then we’re going to right click on each of the other letter layers and select Paste Layer Style. This will allow us to transfer all of the settings to each letter. After this is done make a copy of each layer and hide it (this way we have a backup). After each backup has been made, flatten each individual type layer.
Using the Eraser tool with varying sizes and opacity fade off the top portion of each letter.
Go to Filter > Liquify. Select the Forward Warp Tool and key in the following settings. Using the Forward Warp tool, create some waves on the border of the type.
Now we’re going to add the awesome flames on the next page!