Fire Animation
From The Battle for Wesnoth Wiki
By rhyging5 (Original Post).
- Make a mask. This must to have the form you want. In this case, must be more or less like the sword. Note that have a outline totaly blur, specially the up zone.
- Draw the flames in a pixel art. Their size will affect subsiquent animation. So take a look at the image to get an idea of an standard size. We must also decide the colour and appearance. I use some Photoshop filters, like brightness and others.
- Make a vertical tile of theses flames to make the bulk of animation. Why verticaly? because fire expires from the bottom upwards.
- Apply the mask we make on first step to this tile.
- To emphasise the brightness we can make another layer like this.
- Make the tile move up 1 or 2 pixels everytime, but keep the mask anchored where it is.
- As an aditional, we can make a diferent light/shadow that the fire produces on nearby objects (not included in this tutorial).
As you can see, with a little work, we can get some good FX. Hope it's useful!