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 and etc.
Chat with me link to my facebook RSS XML plugins news
  
 
Today: 30 Apr 2017  
 
plugins menu dots Photoshop Plugins       After Effects Plugins       All Products       Popular 
Adobe Photoshop CS4 plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Home
News
Products
Download
Purchase
Gallery
Tutorials
F.A.Q.
Press releases
About
Links
  Site map
Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Products

Curtains plug-inCurtains
for After Effects

Red Eye plug-inRedEyes
for Photoshop

Alpha Strip plug-inAlphaStrip
for Photoshop

Ice Pattern plug-inIcePattern
for Photoshop & AE

Water plug-inWater
for After Effects

Ornament plug-inOrnament FREE!
for After Effects

Alpha Star plug-inAlphaStar
for After Effects

Alpha PhotoFX plug-inAlphaPhotoFX
for Photoshop

Fir Tree plug-inFirTree FREE!
for After Effects

Lens ProIII plug-inLensProIII
for Photoshop & AE

Digitalizer plug-inDigitalizer
for Photoshop
Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Tutorials

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 CS3 Filters After Effects CS4 plug
Tutorials

AlphaPlugins Fire4 Animation Tutorial

AlphaPlugins FireFor - Animation Fire Tutorial

Realistic and impressive animated GIF picture with live fire always attracts views and can decorate your original web pages. For this tutorial you need to have the AlphaPlugins FireFor plug-in and we will use this amazing filter to make impressive realistic animated fire. It is an advanced tutorial. The basic tutorial how to start to use this filter you can find here. How to download and install this tool you can read in the plug-in's Manual, such as instruction for quick start.
action script All steps of this tutorial are written in Photoshop action scrip what you can download here. You can install and play this action script and the result of this tutorial should be automatically reproduced in your Photoshop. Download action script for this tutorial


Lets begin...


- Make a new composition 1000x1000. For reproduce all pictures exactly as presented in this tutorial I recommend to repeat all steps quite as described here. And composition size is also important, because final fire effect depend on size of picture.

New Composition


- Type a symbol "4" in composition with using Photoshop's tool "Text". (For example, I used the font "Lucida Grande", about 500px size). But in your follow experiments you can use any fonts, with arbitrary sizes and type any texts which you need.

- Choose the "selection" tool of Photoshop and select the red symbol "4". You should have a selection mask in shape of symbol "4"

4 symbol


- Create a new Layer.

- Go to Photoshop menu "Filter->AlphaPlugins->FireFor...". (Its supposed what this plug-in is already installed on your computer. If now yet then here is a short instruction how to install it.) Now you should see a dialog window of the plug-in.

- To burn a fire along of your selection area you should choose the radio button "Selection or Contours". This option lets to choose your selection mask as a source of fire.


AlphaPlugins FireFor User Interface


To see the fire result on a black background you should choose the radio button "Fill Black"
(Put your attention, what on the preview window you can see the contour of "4" symbol outlined with thin red lines. It is because the checkbox "Show Emitter" is On and the source of fire is shown in preview area. This red lines are visible only in preview. These will not be drawn in final result.)

In this tutorial we will not detailed explain how to adjust fire's parameters. (see the basic tutorial devoted the theme of fire's parameter adjusting). For this tutorial you can just apply a preset of parameters. In the list of factory presets click on the item "tutorial02" for reproduce a fire as in this tutorial. But for your future experiments you can apply any presets which are fit to your tastes. For any case, the follow screen shows used values of fire's parameters for this tutorial.

AlphaPlugins FireFor User Interface


For make a sequence of fire frames we will increase in each step a phase of flame. The parameter "Random Seed" responses for fire's phase. If you will increase this parameter on a big value then fire is changed frequently and flame waved speedily. If you will increase this parameter on a small value then fire's changes are small and flame's movement is slowly.

- For the first frame set the value of "Random Seed" as 0.

- Press "OK" and apply the filter on your layer. Now you have a first frame of flame

AlphaPlugins FireFor result


Now we will make a next frame. It is quite simple.

- Create a new Layer.

- Go to Photoshop's menu "Filter->AlphaPlugins->FireFor...".
You will see the known FireFor dialog again.

- Just setup the "Random Seed" paramerer as 0.1 (for future experiments you can change it with any speed).
And press "OK". Now you have the second fire's layer.

- Repeat this sequence of steps (New Layer + FireFor + increase Random Seed) such many times as you want. For this example I made 5 frames. It is enough to make a dynamical animated fire what can be used for i.e. web page decoration.

Photoshop layers


Well, now you have 5 layers with sequence of animated fire frames. (Of course, The more frames you use then smoother is flame's movement, but then file size is bigger).

But how to make an animation from these layers? Easily.

- Open "Animation" Photohsop window. Launch a popup menu by a small button in right top corner of this window. In the popup menu choose the item "Make Frames From Layers".


Make Frames From Layers

And voila! (dont forget to delete the text layer with "4" symbol, if havent yet done)

All what you need now - just setup the repeat option as "Forever" and setup a delay for each frame (i.e. 0.1).


Animated frames

And so, you have an animation with a living fire. How to use it on a web page? Just save it in a GIF file by clicking Photohsop's menu "Save For Web and Devices..."

AlphaPlugins Fire4 Animation Tutorial


action scriptAll steps of this lesson can be reproduced by this action script.

We showed you simple tricks how to make animated GIF with realistic fire and smoke effects. This tutorial has becomes possible and easily because there is an incredible and handy plug-in the AlphaPlugins FireFor what is a power and unique tool for creation in the able hands.
Fire4

Photoshop CS4 FiltersAfter Effects CS3 Filters

See also instruction How to Install our plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Latest News

2017.04.12 -
FireFor:
a 4th version of our famous and popular Fire plug-in
See details See details

2016.12.19 -
AE plug-ins have returned Several our AfterEffect plugins now adopted for CC
See details See details

2016.08.01 -
FREE iOS player alphaSXplayer - reach featured, a432Hz tune-up
See details See details

2016.09.12 -
CC 2015.5 Our plug-ins adopted for CC2015.5. See details See details

Subscribe
You can subscribe to our newsletter. more...

Input your email:


Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Recommended

DigitalizerII plug-in
Digitalizer II


AlphaPlugins LaunchBox

alphaSXplayer
Photoshop CS plug-insPremiere CS plug-ins
Adobe Photoshop FiltersPhotoshop CS3 Filters After Effects CS4 plug
Gallery

AlphaStar sample
AlphaStar Gallery

IcePattern sample
IcePattern Gallery

Water sample
Water Gallery

Photoshop CS plug-insPremiere CS plug-ins
Copyright 2017 AlphaPlugins. All rights reserved.| Contact us | Photoshop Plug-Ins| After Effects Plug-Ins| Friend's software| About us| Forgot Serial Number?