www.AlphaPlugins.com News Filters plug-ins Download Sale Images and Video Site map 汉语 chinise description   Русский russian description   Portuguese Portuguese description   日本語 Japanes description 日本語 
AlphapPlugins. The professional plug-ins filters for Adobe compatibles graphical editors such as Photoshop, After Effects, Premiere, CorelDraw, Painter, Affinity and etc.
Chat with me email to us link to my facebook
Today: 15 Jul 2024 
plugins menu dots iOS Apps     plugins menu dots Photoshop Plugins       After Effects Plugins       All Products       Popular 
Adobe Photoshop plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins
Press releases
  Site map
Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins
Engraver plug-in  EngraverIII

Digitalizer plug-in  DigitalizerII

FireFor plug-in  Fire4

TurbulenceDistortion plug-in  TurbulenceDist

DigitalChaos plug-in  DigitalChaos

RichText plug-in  RichText

Ice Pattern plug-in  IcePattern

Alpha PhotoFX plug-in  AlphaPhotoFX

Fir Tree plug-in  FirTree

Curtains plug-in  Curtains

AlphaSXPlayer  alphaSXplayer

Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins

AlphaStar tutorialDynamic Sparks on raster text perimeter
Ice Pattern tutorialGrow frost plants along any contours!
Ice Pattern tutorialCreate ice pattern along selection!
Fire tutorialFire combustion effect
Curtains tutorialCreate Dynamical Curtains
AlphaStrip tutorialStylishportrait by AlphaStrip

Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins

Animated fire creation tutorial

How to create a GIF file with animated fire.

sample of animated fire

Warning Because new FireFor plug-in was released then this Fire3's tutorial is DATED!
See this new tutorial instead. It tells how to use the new Fire4 plug-in for creation living fire animation.

AlphaPlugins FireFor animation tutorial

* * *

The Fire3 plug-in filter is a great help in the creation of fascinating and realistic burning GIF files. For example, you can make effective fiery banners for your website to capture the surfer's eye. Below you will find the description of steps for the creation of animated fire GIF files. All steps are described for Adobe Photoshop or Image Ready, but you can easily apply the same technique when working with other graphics editors.

Creating a sequence of frames with burning fire.

In order to animate your GIF file you must first create a sequence of frames with burning fire. You can use our Fire3 plug-in in Adobe Photoshop or in any other graphics editor that supports Adobe Photoshop Standard. If you are working with a video editor like Adobe AfterEffect or Adobe Premiere, you'll need to convert the video into sequence of images.

sample of mask for fire source

Here's how to make a sequence of firing frames in Adobe Photoshop:

  1. Prepare a mask or object that you wish to burn.
  2. Make several copies of this layer as they will serve as the frames for your animation.
  3. Put a mark in the "Lock transparent pixels" checkbox.
  4. Apply the Fire3 filter to the bottom layer. Adjust the shape and the color of your flame.
  5. Apply the Fire3 plug-in to all layers one after another. NOTE! In the dialog window of the plug-in you'll need to gradually increase the value of the Frames parameter from layer to layer.

results of Fire application onlayers
For example, set the values of Frames parameter for each layer to 25, 26, 27, 28,… The more you increase the value from frame to frame, the faster your fire will be. Once you learn how to create animated fire, you may make your animation more complex by adding wind, animating the color and the shape of the flame, etc. When you finish working, the Layers window should look something like shown in the picture: …
Photoshop layers window with firing samples
download actions for this tutorial

In order to make the procedure more understandable, we have prepared an "Action" for Photoshop. The execution of this "Action" will give you a set of layers with animated fire. Copy the file to your computer. Start Photoshop. In the menu "Windows" select "Show Actions". In the "Actions" window click the arrow in the top right corner, select "Load Actions…". In the dialog window select the file you have just copied to your computer. The execution of the "Action" will give you a set of layers with animated fire. This will appear the folder "Pan Fire 3 Tutorial" in the "Actions" window. The folder contains three actions. If you want to see an example of what can be done with the Fire3 filter you can check out our file with a mask, the action that created the mask and couple of files with the plug-in settings. Your creativity and patience combined with the unlimited possibilities of our plug-in will help you create many interesting and fascinated pictures. Download the tutorial's action: …

Creation of animated GIF files.

  1. Go from Photoshop to Image Ready (Shift+Control+M).
  2. In the menu "Window" choose "Show Animation".
  3. Select "Make Frames From Layers". You should get a picture similar to the one below.
  4. Image Ready Animation window
  5. Set the delay for each frame.
  6. Optimize and save your animation.

Once again we would like to emphasize that Fire3 is a very powerful and flexible tool. Using this tool in will help you to create very complex and capturing compositions containing realistic animated fire.

Go to Fire3 product page
download actions for this tutorial  
You can download the Photoshop's action of this fire tutorial:
  1. save this file to disk.
  2. in Photoshop choose to load this file in "Actions" bookmark.
 Fire combustion effect
See also... Tutorial
How to create animated fire combustion effect

Go to Fire3 product's page
Download Phootoshop's Actions for this tutorial
See also tutorial "How to create animated fire combustion effect"

Photoshop CS4 FiltersAfter Effects CS3 Filters

See also instruction How to Install our plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins
Latest News

2023.04.05 - All our plug-ins are adopted to work with Serif Affinity Photo 2 editor

See details See details

2022.06.28 - the Engraver App was added to the top list of the world best photo sketch apps
See details See details

2021.07.12 - Apple's Silicon M1 processor and native Photoshop2022 support now!
See details See details

2021.06.12 - Oscar award for special effect with using our plug-ins!
See details See details

You can subscribe to our newsletter. more...

Input your email:

Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins

DigitalizerII plug-in
Digitalizer II

AlphaPlugins LaunchBox

Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop Plug-ins

AlphaStar sample
AlphaStar Gallery

IcePattern sample
IcePattern Gallery

Water sample
Water Gallery

Photoshop CS plug-insPremiere CS plug-ins
Copyright © 2023 AlphaPlugins. All rights reserved.| Contact us | Products| About us| Forgot Serial Number?| Offline registration| Unblock| Privacy Policy