Flame filter

How to use the flame filter in Photoshop CC 2018 etc for fire and fiery effects and realistic effects

Flame filter in Photoshop

flame filter in Photoshop tutorial render
  1. Create a path using the pen tool or use a custom shape / path or copy a path in from Illustrator etc for use with the flame filter in Photoshop

  2. Make certain the path is selected in the path panel

  3. Probably best to work on a layer so create new layer via layer menu for the flame

  4. Filter menu

  5. Render

  6. Flame

The key thing is to remember to create a path otherwise you will not be able to use the tool


Video tutorial on the subject by graphicxtras.com (youtube)


Buy Price :$6.49 US Dollars 13,000 Vector designs for your projects CSH gallery


advanced tab

There are a lot of settings but the key ones are on the basic tab.


Click on the advanced tab to modify the resulting effect in 1000s of ways and you can create all kinds of amazing designs


Basic tab has


length + random length




use custom color



The advanced tab has





bottom alignment



random shapes



I would love to see a randomizer option here but the random shapes is a nice feature though there is not a huge variation (as if all the fields were randomized)


The basic tab still has a lot of functionality and also complexity and changing the type can slow the tool down quite a bit especially selecting the multiple options (the multiple options allow for the width angle etc to be accessible). Simply by changing settings for the length down to 5 (the minimum) with the multiple, you can create some oddball designs. Changing the custom color from orange to blue can create cold chilly artwork


When it comes to trying out the tool and the different settings, it is probably best to set the quality to draft (fast) as the art can be really great looking but processing can take a lot longer


candlePersonally, I generally use the one flame and candle option but the multiple are useful for some very interesting designs spread over a large area.


The thing about the fiery render is that it can be applied on a layer as well as a background (any color of background) so you can always run the tool multiple times resulting in renders that can be re-aligned and blended in different ways


You can see an example of the candle light opposite. Personally, I would probably turn it upside down and would be then more convincing but that was the generated result from the default. You can change the width for the candle light and you can see the individual strands of image that make up the image.


blaze in one directionMultiple fiery design and one direction example - In this case the angle has been set to make the render go to the right (see the image on the right) but you can set the angle of the flame to any direction. Looks a bit like a a long burning stick or a fence blazing in the wind


There are some settings only available for multiple option


Width setting is probably the most extreme setting and if you want to fill the screen with your generated artwork then set that to a high value


Interval - set low to create the greatest density of flame and set high for a more loose fire. Setting the length to a high value results in an unusual fiery design especially with a high interval and high width. The FF generates more than its fair share of abstract designs which maybe useful just for creating interesting backgrounds.



You can create a very thin jet design by setting the turbulent setting very low. The result looks more realistic with a moderate setting of turbulence (such as on the left). If you set the value to high, the art is all over the place and fills the image. If you have a low turbulent setting and set the length low, you can see the very thin lines (multiple type).


Jag adds its own touch, set the value low and the image is far more concentrated, have the jag value high and the results looks more random


The higher jag settings spreads the FF effect a little wider


opacityThe opacity is similar to the opacity in the application in general, set the value low and the artwork will be very faint and hardly visible but set the opacity value high and you can see the result of the jagged dabs and the image looks more abstract. Opacity works best with lower values. If you set the opacity value very low, the result can look very misty (especially with a wide setting of jag) as on the left (you can set the color to anything so you do not need to have an orange or yellow look, it can end up being green or blue or gray etc)


If you set the opacity to a high value, the result can be an abstract shape, especially if you randomize the shapes (or just select different arrangement settings)


Complexity - Lower values result in a more abstract chunky design (not realistic) but complexity high and the result is a very smooth design.


Bottom arrangement is probably the most extreme and works best with low values, with high values the result is a large fiery design but it not very realistic.


Styles - The descriptions are of interest but the normal seems more violent than the violent. Flat looks more smudged but hardly flat.


Shape option - does create some interesting variations but with some settings such as low width and low length etc, it would be hard to notice any difference.


The arrangement setting probably makes the most extreme changes and most interesting changes with the FF but there is little offered to what they do, beyond (I assume as I am certain there is little difference between a 30 and 31 yet the FF changes considerably)


render abstractYou can really create all kinds of abstract artwork with the tool. Really depends also on the path being used but if you use the following


Type - first entry

Width 999

Turbulent 80

Opacity 20

lines 10

bottom 99

Default shape and style

Arrangement 34.4


The example above is just one but lots of different combinations can be used to create weird and wonderful abstract backgrounds. You can apply the effect again with the repeat filter but the result may not have any randomization and so the same artwork is created. Create a new layer and then re-do the render panel and change the arrangement slightly and click OK


Now you can combine the two layers using blending modes or perhaps combine them with other effects such as using gaussian blurs on the render and then use blends such as darken or overlay


flowerYou can use the the tool render with different path and use that to create all kinds of fiery artworks


Set many of the other settings low otherwise the turbulent etc will be too great. Set the width reasonably low as well. Keep the bottom alignment low. Vary things by using the arrangement setting or randomize shapes. You can add fiery artwork to cubes, stars, letters, circles, etc as well as things like jigsaw puzzle designs or pens etc. On the right, a flower design was used


stylesYou do not need to use them only on one layer, you can apply the render on different layers and then combine the results. You can also add styles to the rendered design


The image on the right was applied on a layer by using the render on an embellished and swirled design and the artwork was then modified by using a style (you can find 7000 styles on this site with a mix of styles that work super well with the fire designs). The style includes a bevel and highlights etc


You can use many of the shapes on the site as well as the shapes that come with Photoshop. The shapes can be turned into all kinds of fiery themed artwork such as on the left. In most cases, the settings have all been set to low values otherwise you may find the image and the preview totally full of the same color


You can also add effects to them such as oil paint as well as blurs and camera raw and many more

typeYou can also use the renders with type / text in 1000s of ways to create some truly extreme fiery designs.


Type some characters and then goto the Type menu and create work path and then Create new layer and apply the render to create a truly unique fiery type effect in seconds


You may find an error message appears saying about the length of the path, the render still seems to work fine though the preview is perhaps not the same as the result. You may also wish to hide the type or delete that type layer.


Different settings such as candle light can result in more abstract type generated by the render such as on the right


Keywords : How to use Flame filter in Photoshop tutorial



Commercial use. Secure sales by shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com