Create Fire Effects in Photoshop
In this tutorial, we will see how to add fire effects in Photoshop by using different tools. I am using Photoshop CC but this can be done in any version of Photoshop.
1. Create A New Blank Photoshop Document.
Go up to the File menu at the top of the screen and choose New.
Enter in the dimensions you need for your effect. Randomly enter 3 inches for Width, 3 inches again for Height, and for the Resolution value, enter 300 pixels/inch. When you’re done, click ok.
2. Fill The New Document With Black
Go up to the Edit menu at the top of the screen and choose Fill.
3. Select The Type Tool
Select it from the Tools palette to write some word on the black document.
4. Choose A Font
Choose whichever font you’d like to use for the effect. I’m going to choose Times New Roman Bold.
5. Set Your Text Color To White
Press the letter D on your keyboard, which resets Photoshop’s Foreground and Background colors to their defaults. Make your Foreground color white and your Background color black.
6. Add Your Text.
Click inside your document and add your text. I’m going to type the word "DEW", all in capital letters.
7. Click on the checkmark.
When you’re done, click on the checkmark in the Options Bar to accept the text.
8. Resize And Move The Text If Needed With Free Transform
Go up to the Edit menu at the top of the screen and choose Free Transform. Press shift, hold the box that appears around the text and make it bigger.
9. Rasterize The Text
We’ll need to convert our text into pixels, which in Photoshop is known as rasterizing the text. To convert the text into pixels, go up to the Layer menu at the top of the screen, choose Rasterize, and then choose Type.
10. Duplicate The Text Layer which is newly formed in the Layers Palette. Press ctrl + J for this.
11. Turn The Copy Off For Now.
Hide the text copy layer by clicking on the eyeball icon on the left of the layer.
12. Select The Original Text Layer.
13. Rotate The Canvas 90° Clockwise
Go up to the Image menu at the top of the screen, choose Image Rotation, and then choose 90° CW (clockwise).
14. Apply The Wind Filter.
Go up to the Filter menu at the top of the screen, choose Stylize, and then choose Wind. This brings up the Wind filter dialog box. Make sure that Wind is selected for the Method, then down at the bottom, set the Direction to From the Left.
15. Re-Apply The Wind Filter A Couple More Times.
To quickly re-apply the last filter you used, simply press Ctrl+F.
16. Rotate The Canvas 90° Counterclockwise.
Go up to the Image menu at the top of the screen, choose Image Rotation, and then choose 90° CCW (counterclockwise).
17. Apply The Gaussian Blur Filter
Go up to the Filter menu at the top of the screen, choose Blur, and then choose Gaussian Blur. This brings up the Gaussian Blur dialog box. All we want to add is a small amount of blurring, so I’m going to enter a Radius value of about 1.2 pixels down at the bottom of the dialog box.
18. Duplicate The Background Layer
Click on the Background layer in the Layers palette to select it. Now press Ctrl + J to duplicate this layer.
19. Merge The Text Layer With The Background Copy Layer.
To merge the two layers together, first click on the text layer in the Layers palette to select it. Then go up to the Layer menu at the top of the screen and choose Merge
Down near the bottom of the list of options.
20. Rename The Merged Layer "Flames".
Double-click directly on the layer’s name and rename it "Flames".
21. Draw A Rectangular Selection Around The Text
For this, select Rectangular Marquee Tool from the tools palette. And then select the text between the rectangle and leave some extra space above.
22. Apply The Liquify Filter.
Go up to the Filter menu at the top of the screen and choose Liquify.
First, select the Forward Warp Tool from the very top of the list of tools along the left.
Next, over on the right of the dialog box, you’ll see a section called Tool Options, and the very first option in this section is Brush Size. Start with a medium size brush. The default brush size of 100 should work fine.
Now, click inside the streaks at different spots and drag your mouse a short distance either left or right to gently warp the streaks and give them some subtle, random curves.
After that, go back over to the Brush Size option on the right of the dialog box and choose a much smaller brush size. I’m going to set mine to around 15.
23. Add A Hue/Saturation Adjustment Layer
To add some colors to the flame, we’ll use a Hue/Saturation adjustment layer. Click on the New Adjustment Layer icon at the bottom of the Layers palette, then select Hue/Saturation from the list that appears.
This brings up the Hue/Saturation dialog box. Tick the colorize option. set the Hue value to around 40 for a warm yellow/orange color, then crank the Saturation value all the way up to 100 to really boost the color’s intensity.
24. Add A Second Hue/Saturation Adjustment Layer
Click once again on the New Adjustment Layer icon at the bottom of the Layers palette and select Hue/Saturation from the list. Untick the colorize option. Set the Hue value to around -15 for a deeper orange color.
25. Change The Blend Mode Of The Adjustment Layer To Overlay.
Go up to the Blend Mode option in the top left corner of the Layers palette.
Change the blend mode for the second Hue/Saturation adjustment layer to Overlay.
26. Select And Turn On The Text Copy Layer
27. Add A Gradient Overlay Layer Style. Click on the Layer Styles icon at the bottom of the Layers palette and choose “Gradient Overlay” from the list that appears.
Now, click on the gradient preview area in the center of the options. This brings up Photoshop’s Gradient Editor.
Let’s change the color on the left of the gradient. Click on the color stop on the left to select it, then click on the color swatch at the bottom of the dialog box.
Choose a dark orange/brown color for the left side of the gradient.
Now, click on the color stop below the right side of the gradient preview bar to select it, then click again on the color swatch.
Choose a bright, saturated orange color for the right side of the gradient.
Make sure the Style option is set to Linear and that the Align with Layer option is selected. Also, make sure the Angle of the gradient is set to 90°.
28. Add A Layer Mask To The Text Layer
With the text layer still selected, click on the Layer Mask icon at the bottom of the Layers palette.
A layer mask thumbnail appears on the text layer.
29. Select The Brush Tool
30. Set The Foreground Color To Black
To swap the foreground and background color, press the letter X on the keyboard.
31. Save your file.