Home » Beginner Tutorials

Creating a Fire text

In this tutorial we will look closer on how to create fire letters using Photoshop.

First, open up a new document and fill it with black as the background. This is important so make sure that the background color is black. Now, type in the text you wish to apply the tutorial to, we’ll use the text “Photoshop” as you can see below.

firetext1


Now, flip the text 90 degrees CCW, you can do this by using the transform tool under ‘edit’. After this we’ll apply the wind filter, you can do this by going to Filter -> Stylize -> Wind, make sure to apply wind from right to left. Repeat this step 3 times.

Flip the text back using 90 CW (edit -> transform again) and add a gaussian blur filter (Filter -> Blur -> Gaussian Blur -> 7 pixels). Now make a new layer (ctrl+shift+n) and go to Image -> Apply Image.

 

firetext21

Now it’s time to utilize the first magic, go to Image -> Adjustments -> Hue/Saturation and make sure ‘colorize is selected’. Set the hue to 40 and the saturation to 100.

firetext3

Duplicate this layer (ctrl+j) and go again to hue/saturation, this time set the hue to -40. Now set the layer on color doge and click ctrl+e which will merge down the layer.

After this we’ll use liquify which is placed under the filters menu, press “W”, select brush size 50, with a density of 40, you can keep the pressure at 100. We’re now going to use the dodge tool to create some cool flames by ‘dragging the wind up’. After you’ve added the first set to flames, lower the brush size to add more details to your flames, using the same technique.

firetext4

After you’ve done this, type your text again, but this time in black - move your text ‘into’ your old text. Now duplicate layer 1 (the new layer, use ctrl+j again) and drag it above the other layers. Set it on screen and leave the opacity to 100%, both these things can be handled from inside the layers menu.

Now add a layer mask and take the gradient tool, take the linear gradient white to black and drag from top of the text to the bottom. After this, use the smudge tool at 60 pixels and drag over the black letters you don’t want to be black.

firetext6


Create a new layer and go to Image -> Apply Image, set this new layer to screen and the opacity to 60%. On top of this we’ll use Gaussian Blur with the radius 50 pixels (Filter -> Blur -> Gaussian Blur). Again, create a new layer and go to Image -> Apply Image. We’ll now make a new layer once again and go to Image -> Apply Image, important is to set the opacity of this layer to 50% this time, after this press ctrl+t.

After this, go to Edit -> Transform -> Perspective to create a shadow effect by mirroring the image, this will make the text float and look really cool!

firetext7

Hopefully, if you’ve done all the steps right, you’ll have something like this on your screen.

firetext8

You might find these related posts useful too:

  • Creating a Glass effect
  • Image Retouch Speed Tutorial
  • Burning Neon Flaming Effect


  • Tags: , , , , ,

    Share/Bookmark this!

    3 Comments

    Leave a reply

    Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

    Be nice. Keep it clean. Stay on topic. No spam.

    This is a Gravatar-enabled weblog. To get your own globally recognized avatar, please register at Gravatar.

    Trackback & Comment

    You can add your comments or trackback from your own site. To keep you updated to the latest discussion, you can subscribe to these comments via RSS.

    This is a Gravatar-enabled weblog. To get your own globally recognized avatar, please register at Gravatar.