Professional Documents
Culture Documents
Create A Spectacular Flaming Meteor Effect On Text
Create A Spectacular Flaming Meteor Effect On Text
Tutorial from
http://psd.tutsplus.com/
Compiled by <<coldbing>>
INTRODUCTION
Take typography one step further by having text falling from the sky in a burning inferno. Yes, this
is the text-on-fire tutorial to end all tutorials. It uses a little Illustrator for the text and a lot of
Photoshop to burn up the screen! I will show you how to create a fire effect similar to when a
spaceship or comet enters the earth's atmosphere. The image we'll be creating is inspired by a Nike
Ad I saw some time ago. I'm not sure what the URL is. It's always a good idea to keep your eyes
open for inspiration for effects and designs no matter what you are doing. Graphics are everywhere
and you can learn a lot by looking at what other people do. Now on to the tutorial!
Step 1:
Step 2:
Create a new layer, call it "Clouds," and using the Lasso Tool (L), make a selection similar to the
one I've shown below. Set your background color to a 50% grey and the foreground to a dark grey.
Go to Filter > Render > Clouds and, holding the Alt key, create clouds. After that go to Images >
Adjustments > Levels, and change the input levels and output levels until you make the clouds
neither too dark nor too light (see the image shown).
Create another layer and repeat Step 2, but this time, just change the background color from 50%
gray to a blue or green color. This will create a small cloud, lighter than the big one.
Step 4:
Now we'll switch to Adobe Illustrator to create some text. I used Times New Roman for the font.
After that, go to Effect > 3D > Extrude and Bevel. Now we will create the 3D text. Rotate the
object and change the perspective. You can use the same values as I did (shown below).
Step 5:
1. Duplicate the Type layer and add a Motion Blur (Filter > Blur > Motion Blur).
2. Set the angle of the blur to -53.
3. Change the layer mode to Linear Dodge (Add).
4. Create a Folder, call it "Typo," and move these two layers into it.
Step 7:
Create a new layer and repeat the Step 2, this time using a selection as shown going out the back
of the letter T. This will create the trailing smoke.
Step 8 (Creating the FIRE):
Create a new layer, call it "blazes," and repeat Step 8. After that, duplicate the layer and call it
"flames." Create a folder and move the Fire1, Blazes, and Flames layers to this folder and call the
whole folder "Fire." It will be on top of the Typo layer.
Step 10:
Select the layer "blazes" and go to Filter > Liquefy. There select the Turbulence Tool (T). Now, on
the edges of the fire, start creating some blazes. Use it like you would the smudge tool.
Set 11:
After the Liquefy, go to Edit > Transform > Warp and change the blaze's form to something similar
to the image below. After that apply Filter > Sharpen > Sharp.
Step 12:
The order and the Blend modes for the fire are:
Step 14 (Sparks):
For the sparks we will use brushes. Create a folder and call it "Sparks." It will be on top of the Fire
folder.
Create a new layer and repeat the Step 14 but now change the Scatter Option to 0%. Start creating
some single line sparks like swirls.
Step 16:
Here I used the Gomedia Spraypaint brushes to create those tiny little sparks, but you can repeat
the step 14 changing the Brush size only. Basically, create a new layer, put it behind the others, fill
it with black, change the Blend Mode to Color Dodge, see the color to white, and create the sparks.
CONCLUSION
Although it looks complicated, the process is actually very straightforward. I used only three or
four filters, brushes, and of course, the Layer Styles. It is a mix of two other tutorials I wrote:
Creating Smoke and Magic Lighting Effect in Photoshop. One thing I have to say is that it’s
impossible to create exactly the same fire twice, and that’s because the filter that renders the
clouds does so randomly. As always, the idea is to play around with Photoshop to get your own
unique results. Hope you enjoyed the tutorial!
Compiled by <<coldbing>>