Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,409,068

Photoshop: Fire Text Effect

Tutorial Name: Photoshop: Fire Text Effect  

Category: PC Tutorials

Submitted By: sw4g

Date Added:

Comments: 0

Views: 2,293

Related Forum: PC Building Forum

Share:

Final Image Preview:


[ Register or Signin to view external links. ]


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:


[ Register or Signin to view external links. ]


Now well 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.

Well start making the K look like its 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:


[ Register or Signin to view external links. ]


Check on Color Overlay and key in the following settings.


[ Register or Signin to view external links. ]


Check on Satin and key in the following settings.


[ Register or Signin to view external links. ]


Check on Inner Glow and type in the following settings choose a yellow that best suites you here we used #e3bd29


[ Register or Signin to view external links. ]


Were now going to rasterize/flatten the type layers but before we do so were going to right click on the flattened k layer in the layers palette and select Copy Layer Style. Then were 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.


[ Register or Signin to view external links. ]


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.


[ Register or Signin to view external links. ]


You can get the flame image from here: [ Register or Signin to view external links. ] In Photoshop, open the flame file you just downloaded. Now, go to Channels tab and select the Green layer (if you cant find the channels tab go to Window > Channels. Ctrl + left click on the Green layer thumbnail to load selection of the highlight areas.

Go back to Layers tab and use the Move Tool to drag any part of the selected area into the document with the "K" you did earlier. Place the fire above the type.


[ Register or Signin to view external links. ]


Using the Eraser tool with 15px, erase all the excessive fire, leaving only those parts that is waving around the type.


[ Register or Signin to view external links. ]


Duplicate the fire layer. Set the Opacity of the original fire to 30%. Set the Blend Mode of duplicated fire to Overlay.


[ Register or Signin to view external links. ]


Repeat the processes to cover the type with more flames. And there you got your first flaming type!

Create more flaming letters according to your own preferences.


[ Register or Signin to view external links. ]


Find a dark background to used. Resize and place the image into the document as shown below.


[ Register or Signin to view external links. ]


Create a layer above the Premade Background and fill it with #000000. Set the Opacity of this layer to 83%. Use the Eraser tool to reveal the top right of the image.


[ Register or Signin to view external links. ]


Create a new layer and name it Glow. Paint 3 huge red dot with the Brush tool (Soft Rounded) as shown in the screenshot below.


[ Register or Signin to view external links. ]


Set the Blend Mode of this layer to Color Dodge and Opacity to 16% and thats it! Hope you enjoyed this tutorial!




Source: [ Register or Signin to view external links. ]

Ratings

Current rating: 7.23 by 13 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Photoshop: Fire Text Effect" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.