website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Text Effects Fire Text I
rss

Fire Text I

Author: Pulse GFX More by this author


Step 1: Creating the Workspace:

Okay so lets begin with out document size that we're going to work on. I think a 500 x 500 Document size will do.

Step 2: Creating the text

For the fire effect to look at it's best a large document area is always a good idea. Fill in the background color as Black (#000000) Grab the text tool and write a word onto the document it could be anything. Your name, your girlfriends name etc. For this tutorial I've wrote my name in capitals. I chose the font Verdana and made it Bold. Big bold fonts are the best type for fire text like this:

example

Step 3: Rotate the Canvas, and add the wind effect

Once your have your chosen word and font go to Image > Rotate Canvas and then select 90 CCW (90 Degrees Anti-Clockwise) Then once your have rotated your work space Highlight the text layer and right click on it look for the option that says duplicate layer and duplicated it. Once that's been done go to Filter > Stylize then choose Wind. Make sure you select the direction as From the right. Now we can rotate the canvas back into it's normal state so lets just go to Image > Rotate Canvas and select rotate 90 CW. You should now have something like this:

example

Step 4: Add a Blur effect

Now we need to make the fire more realistic so lets add a Gaussian Blur to the fire, I'd use about a 4-5 radius of blur. Once you do that our fire should start looking a bit more real, something like this:

example

Step 5: Apply the image

Now to start getting the fire color! Highlight the fire layer and then go to Image Apply Image then click ok then go to Image > Adjustments and then find Hue/Saturation. Tick the colorize box and then go make the Hue setting 40 and the Saturation setting 100. You need not bother with lightness.

preview

Now you should have something like this:

image 5

Step 6: Repeat the process

Duplicate the layer you've just done all this color change to. You layer panel should look like this so far:

image 6

Now on the duplicated layer go to Image >Adjustments and then choose Hue Saturation and apply these settings:

image 7

Once you have applied those settings to the duplicate layer switch the mode of the duplicate layer to color doge like so:

image 8

After that go ahead and merge the two fire layers by Highlightning both and right clicking Merge layers. After all this you should have something like this:

image 9

Step 7: Let it burn

Now don't worry about the text not being readable! We can now sort this out by highlighting this layer in our layers panel:

image 10

Right click on this layer and go to blending options, on the panel find the Color Overlay option and tick the box Then on the panel change the color to black (#000000):

image 11

Step 8: Change the layer order

Then we need to bring up the text layer so it's on top of everything else Like so:

image 12

Our text should now be like this:

image 13

Step 9: One last touch

Now finally lets see if we can get the fire to look more convicting. Go to filter and then select Liquify and just drag the flames up, make sure you use the Liquify tool on the fire layer not the normal text layer. Play around with styles till your happy. Here's my end result:

Fire Text I Tutorial: Final Result



Author's URL: pulsegfx.net

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Fire Text I"