This tutorial will show you how to create a fire effect with clouds.

Step 1:
Create new Photoshop document size 400px by 400px with black background.

Step 2:
Set foreground to white and create a "Rounded Rectangle" with radius 15px and set as "Shape Layers"...

Step 3:
Click on 'Filter', then 'Stylize', then 'Wind'. Do not be alarmed when an error message appears, asking if you want to 'Rasterize' the shape. Simply click OK.

Another Box will appear. Make sure the selected settings areas follows: 'Wind' and 'From the Right', then click OK.

Press 'Ctrl'+'F' twice. This redoes the 'Wind' effect to give it a bigger effect as shown...

Step 4:
Select 'Edit', then 'Transform', then 'Rotate 90 Degrees CW'.

Step 5:

Select 'Filter', then 'Liquify'. A window will open and, after making sure that the brush size is 25 and the rest of the settings as shown....

click and drag on the lines made by the wind to distort them into what a flame may bear resemblance to. Don't worry if you don't see any changes when you drag. You will see the changes after you click OK to the Liquify dialog....

And you can un-do and repeat as needed.

Step 6:
Select 'Filter', 'Blur', then 'Gaussian Blur' and set the radius to 1 pixel.

Step 7:
Duplicate the "Shape 1" layer twice by dragging it to the "New Layer" icon.

Step 8:
Then make the top layer invisible by clicking on the "eye" next to it.
Select the middle layer as shown and Select 'Adjustments', then 'Hue/Saturation'. Tick the 'Colorize' box, then set the variables as following: Hue: 360, Saturation: 100, Lightness: -50. This will turn it a deep red hue.

Step 9:
Turn on visibility of the top layer and select 'Adjustments', then 'Hue/Saturation'. Tick the 'Colorize' box, then set the variables as following: Hue: 50, Saturation: 100, Lightness: -50. This will make it a yellow color.

Step 10:
Select your original white layer. Select 'Filter', then 'Blur', then 'Gaussian Blur'. Set the radius to 7 pixels.

Step 11:
Select the top layer and change the layer type by clicking in the drop-down menu that usually reads 'Normal' and select 'Overlay'.

Step 12:
Set the middle layer to overlay as well.

and you now have the fire effect ...

Step 13:
If you want to add clouds to the background, promote the background layer to a real layer by double-clicking on it. Click OK to the "New Layer" dialog. Now you should have a "Layer 0" as the bottom layer.

Step 14:
Change the foreground color to orange (#e88318).

Step 15:
With layer 0 selected, use PaintBrush tool to draw random lines on canvas.

Step 16:
Go to "Filters" on the top toolbar and go down to "Render" and select "Clouds".

And there you have it. You can get the completed Photoshop file here: fire-cloud-effect.psd (right-click to download)

Credits:
Content for this article was provided by wikiHow based on their article How to Make a Fire Effect in Photoshop. Content on wikiHow can be shared under a Creative Commons License