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.

STEPS

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.

image

2. Fill The New Document With Black

Go up to the Edit menu at the top of the screen and choose Fill.

image

3. Select The Type Tool

Select it from the Tools palette to write some word on the black document.

image 

4. Choose A Font

Choose whichever font you’d like to use for the effect. I’m going to choose Times New Roman Bold.

image

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.

image 

6. Add Your Text.

Click inside your document and add your text. I’m going to type the word "DEW", all in capital letters.

image

7. Click on the checkmark.

When you’re done, click on the checkmark in the Options Bar to accept the text.

image 

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.

image

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.

image 

10. Duplicate The Text Layer which is newly formed in the Layers Palette. Press ctrl + J for this.

image

11. Turn The Copy Off For Now.

Hide the text copy layer by clicking on the eyeball icon on the left of the layer.

image

12. Select The Original Text Layer.

image

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).

image 

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.

image

15. Re-Apply The Wind Filter A Couple More Times.

To quickly re-apply the last filter you used, simply press Ctrl+F.

image 

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).

image

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.

image

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.

image

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.

image 

20. Rename The Merged Layer "Flames".

Double-click directly on the layer’s name and rename it "Flames".

image

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.

image

22. Apply The Liquify Filter.

Go up to the Filter menu at the top of the screen and choose Liquify.

image

First, select the Forward Warp Tool from the very top of the list of tools along the left.

image

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.

image

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.

image

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.

image 

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.

image

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.

image

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.

image 

26. Select And Turn On The Text Copy Layer

image

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.

image

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.

image

Choose a bright, saturated orange color for the right side of the gradient.

image

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°.

image
Click OK and you will get this.

image 

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.

image

A layer mask thumbnail appears on the text layer.

image

29. Select The Brush Tool

image

30. Set The Foreground Color To Black

To swap the foreground and background color, press the letter X on the keyboard.

image

31. Save your file.

image

Tags: , , , , , , , , ,

Author: Revo

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *

4 × four =

 

Pin It on Pinterest

Shares
Share This