Text engulfed in fire

From this detailed lesson, you will learn how to create a text engulfed in realistic fire.

For this we will use:
filterWind (Wind filter) -to create a flame;
Plastic filter (Liquify filter) – to adjust the flame;
Adjustment layers (adjustment layers) – to make the color of the flame;
Layer Style (layer styles) – in order to add color to the text itself;
Layer mask (layer masks) – in order to more realistic connect the fire with the text.

Here is the result to which we will strive:

Text engulfed in fire

Step 1. Create a new document. (Ctrl +N). 3×3 inches, with a resolution of 300 ppi.

Text engulfed in fire

Fill the document with Black. Go to Editing – Fill (Edit-Fill (Shift + F5)).

Text engulfed in fire

In the window Fill (Fill) set Content (Contents) – Use (Use) – Black (Black).

Text engulfed in fire

Click YES, your document will be filled with black.

Text engulfed in fire

* You can also use hotkeys: (D, Alt +Backspace) *

Step 2. Now you need to write the text. Choose a tool “Text”Text engulfed in fire (Type tool (T)).

Text engulfed in fire

Install any font, the author used the font Times New Roman Bold.

Text engulfed in fire

Set white

Text engulfed in fire

And write the word – FIRE.

Text engulfed in fire

After write the words, apply the text. Clicking on the checkmark in the upper right corner of Photoshop.

Text engulfed in fire

Or simply by clicking once on the layer with the text.

Now you need to increase the text in size. Click (Ctrl +T), to call Free Transformation (Free transform). Holding the key Shift, pull the edge of the transformation frame, increasing the text, almost the entire width of the document.
Place the text in the center, closer to the bottom edge of the document.
Apply the transformation (Enter).

Text engulfed in fire

Step 3. For the next step, we need Raste (Rasterize) text.
Layers – Shredded – Text (Layer-Rasterize-Type).

Text engulfed in fire

Or just right-click on the layer with the text and in the drop-down menu, select – Rasterize the text. Visible changes with the text will not occur, but in the layers palette the changes will be noticeable. Text layer, turn into normal.

Text engulfed in fire

In order to create a flame effect, we will need to act on the duplicate layer.
Create a copy of the text layer. (Ctrl +J), remove the visibility of the copy of the layer (by removing the eye near the layer thumbnail) and go to the first layer with the text.

Text engulfed in fire

Step 4. To create a flame effect, we will use several filters. The first will be Wind filter (Wind). This filter works only from left to right (or from right to left), which means that we will need to rotate our document.
Go to Image – Rotate the canvas – 90 ° clockwise (Image-Rotate Canvas-90 ° CW).

Text engulfed in fire

The text will take a vertical position.

Text engulfed in fire

Go to Filter – Stylization – Wind (Filter-Stylize-Wind).

Text engulfed in fire

In the window that appears, install Method (Method) – Wind (Wind), and Direction (Direction) – Left (From the left).

Text engulfed in fire

Click YES.

Text engulfed in fire

A single use of the filter in this situation causes minor changes, to improve the effect, you will need to re-apply the filter.

To avoid entering the Filter menu again, just click Ctrl +F, several times (two will be enough), this command will repeat the previously applied filter.

Text engulfed in fire

Return the canvas back to the horizontal position.
Image – Rotate the canvas – 90 ° counter-clockwise (Image-Rotate Canvas-90 ° CW).

Text engulfed in fire

Text engulfed in fire

So that the lines are not so sharp, we blur them using the filter. Gaussian blur(Gaussian blur).
Go to Filter – Blur – Gaussian Blur (Filter-Blur-Gaussian Blur).

Text engulfed in fire

In the Gauss Blur window, put a small Radius (Radius) 1.2 pix

Text engulfed in fire

Click YES.

Text engulfed in fire

Step 5. Duplicate the first layer “Background” (Background). Go to the “Background” layer and click Ctrl +J.

Text engulfed in fire

Merge the text layer with a copy of the layer (Background) that we just created.
To do this, go to the layer FIRE, go to Layer – Merge with the previous (Layer merge down). Or, just click Ctrl +E.
Name the resulting layer Flames.

Text engulfed in fire

Step 6. Go to the filter Plastics (Liquify).
First we need to highlight the area on which we will work. To do this, take the tool “Rectangular area” Text engulfed in fire (Rectangular Marquee tool (M)).

Text engulfed in fire

Highlight the text and be sure to leave enough free space on top of the text.

Text engulfed in fire

Without removing the selection, go to Filter – Plastic (Filter-Liquify (Shift+Ctrl+X)).

Text engulfed in fire

In the Plastic filter window, select the tool “Deformation” (Forward warp tool(W)).

Text engulfed in fire

Set the following tool settings:

Text engulfed in fire

With short movements left and right, give the hairs some waviness, trying to imitate the flame. Try not to deform the text itself. You should have something similar.

Text engulfed in fire

Change – Brush Size (Brush size), The author stopped at 15.

Text engulfed in fire

This time, we will pull out the “tongues” of the flame, directly from the letters.
Click on the letter and drag the mouse to the edge of the letter, pulling out the “tongue”.
If you didn’t manage something and you want to cancel the drawing, then click Ctrl +Z, this undo action.

If you need to cancel several steps at once, then click Ctrl +Alt +Z as many times as steps you need to undo. Try to achieve something like this.

Text engulfed in fire

And in the end, let’s draw some more, big fiery “tongues”.
Set Brush Size 50.

Text engulfed in fire

Just like in the previous step, dragging out the flame from the text, add some more “tongues”. Do not forget that the lower boundary of the letter must remain unaffected so as not to lose the outline of the letter.
It should look something like this.

Text engulfed in fire

When done, click YES to apply the filter.

Text engulfed in fire

Ctrl +D, deselect.

Step 6. Now add color to our fire. For this we will use Adjustment layer – Hue / Saturation (Adjustment Layer-Hue / Saturation).

Click on the iconText engulfed in fire , Create a new adjustment layer (New Adjustment Layer) and select there Hue / Saturation (Hue / Saturation).

Text engulfed in fire

In the Hue / Saturation window, set the following parameters:

Text engulfed in fire

Text engulfed in fire

Add one more Adjustment layer – Hue / Saturation (Adjustment Layer-Hue / Saturation). And set the following parameters in it:

Text engulfed in fire

Modify this layer Overlay mode (Blend mode) on Overlap (Overlay).

Text engulfed in fire

This will add a more realistic color to our flame: a yellow hue, in light areas and a deep, rich orange hue in dark ones.

Text engulfed in fire

Step 7. With the flame we finished, now it remains to work a little with the text color.
Go to the second text layer (FIRE (copy)) and turn it on visibility.

Text engulfed in fire

Add this layer Layer Style (Layer styles):
Gradient Overlay (Gradient overlay) :

Text engulfed in fire

Gradient options:

Text engulfed in fire

That’s what happens.

Text engulfed in fire

Step 8. Since we want to make a text engulfed in fire, we have to do something else. Add a Layer mask (Layer mask) layer FIRE (copy), clicking on the icon Text engulfed in fire at the bottom of the layers palette.

Text engulfed in fire

Take the tool Brush (Brush Tool (B)).

Text engulfed in fire

Install The black Colour (D).

Text engulfed in fire

Hardness 0%, The size set small relative to your text. Make sure you are on Layer mask
Reducing and increasing the size and stiffness of brushes, erase all the sharp boundaries of the text that are in contact with the “tongues” of the flame. Thus, try to achieve the illusion that the text is on fire.

Text engulfed in fire

If you accidentally erase too much, then just switch to white color. (X) and return the erased (fill the desired area with white).

Text engulfed in fire

The text layer is slightly higher than the fire layer. Because of this, an orange edging appeared at the base of the text.

To fix this, take the tool “Moving” Text engulfed in fire(Move Tool (V)) and press the down arrow several times on your keyboard, it will move the text layer down a bit and align it with the fire layer.

Here is our final result.

Text engulfed in fire

I hope you enjoyed the lesson.

Like this post? Please share to your friends: