6/25/2007

How to create a firetext




Create a new document using the Preset: 1024 x 768, set the Resolution at 150, and Color Mode to RGB.
Press Control + I to invert your foreground and background colors. This will make your background black.
Select the Horizontal Type Tool .
In your Type options, duplicate the following:




I prefer to use a Serif font, so in this case we will use a 60 point Times New Roman that is colored white.
Type in some text, such as “Hot Type!”.
Select the Move Tool in the Toolbar .
Then select Edit > Transform > Rotate 90 CCW. After doing this, if some of your text is off canvas, simply grab it and drag it back to center.
Select Filter > Stylize > Wind. Photoshop will ask you to Rasterize (flatten) the type. Select OK.
The Wind filter options will open. Make sure Method is Wind, and Direction is From the Right, then click OK.
Now you can see the wind blowing your text.
Press Control-F three times to have the wind process repeated. Now you will really see some fierce blowing. Similar to this:




Select Edit > Transform > Rotate 90 CW to bring your text back to a horizontal position.
The next series of steps will utilize different layers, some with blurs and some with image adjustments.
Press Control + Alt + Shift + E. This will create a new layer that has combined your text and black background.
Select Filter > Blur > Gaussian Blur. In the dialog box that opens, select 2.5, then click OK.
Now Select Image > Adjustments > Hue / Saturation. In the dialog box make sure the Colorize box is checked, then set your Hue and Saturation each to 40. Then click OK.
Now duplicate this Layer by pressing Control + J.
Then select Image > Adjustments > Hue / Saturation again. Make sure the Colorize box is unchecked this time, and set the Hue to -40. Click OK.
Next, set the Mode to Color Dodge as follows:







You should now see something like this:






Now we want to Merge our two adjusted layers by pressing Control + E, so we will have only 3 layers remaining, like so:







Try experimenting with different Brush sizes, pressure and density until you find your desired effect. You can always hit Control + Alt + Z to undo your changes. Once you are satisfied, click OK.
Now repeat Steps 3 & 4, except this time color your font black. Then drag it and line it up/place it over your fire:

Now we could stop there, but it doesn’t look real enough yet. We need to make it seem like the text itself is on fire, rather than just have a background effect. This is done by creating a Vector Mask, which simply hides all or part of a layer.
Make sure Layer 1 is selected in the Layers panel, then duplicate it by pressing Control + J. Now we have:



Click drag Layer 1 copy to the top, above the HOT TYPE! layer:




Then click the Add Vector Mask button in the Layers panel:


With the Mask selected on Layer 1 copy (as shown above), select the Gradient Tool then click and drag a Black to White gradient line from the bottom of the flames to the where the top of your text is.
Finally, to finish, I recommend adjusting the Color Balance and the Brightness / Contrast. Go to Image > Adjustments to make any finishing touches!
Source: adrianherritt.com

1 comment:

Roberto said...

Hi!
I really like your straightforward explanations on this blog. I want to change the font on my blog header to have a shiny silver (or chrome) type look to it. Any ideas? Someone suggested using a program like photoshop but I wouldn't know where to begin. Any suggestions welcomed.

http://thesilverpeoplechronicle..blogspot.com