Difference between revisions of "Fire Animation"
From The Battle for Wesnoth Wiki
m (Minor fix) |
Artisticdude (talk | contribs) m (Minor grammatical corrections and clarifications) |
||
| Line 1: | Line 1: | ||
By [http://www.wesnoth.org/forum/memberlist.php?mode=viewprofile&u=119252 rhyging5] ([http://www.wesnoth.org/forum/viewtopic.php?p=438983#p438983 Original Post]). | By [http://www.wesnoth.org/forum/memberlist.php?mode=viewprofile&u=119252 rhyging5] ([http://www.wesnoth.org/forum/viewtopic.php?p=438983#p438983 Original Post]). | ||
| − | # Make a mask. This must | + | # Make a mask. This must have the form you want for the flames. In this case, needs to be more or less like the sword. Note that have a outline totally blur, particularly the upper zone. |
| − | # Draw the flames in | + | # Draw the flames in pixel art. Their size will affect subsequent animation, so take a look at the image to get an idea of the appropriate size. We must also decide on the color and appearance of the flames. For that purpose I use some Photoshop filters, like brightness and others. |
| − | #Make a vertical tile of theses flames to make the loop of the animation. Why vertically? | + | #Make a vertical tile of theses flames to make the loop of the animation. Why vertically? Because fire expires from the bottom upwards. |
| − | #Apply the mask | + | #Apply the mask you made in first step to this tile. |
#To emphasize the brightness we can make another layer like this. | #To emphasize the brightness we can make another layer like this. | ||
| − | # | + | #Move the tile up 1 or 2 pixels for every new frame, but keep the mask anchored where it is. |
| − | # | + | #Additionally, we can make a different 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! | As you can see, with a little work, we can get some good FX. Hope it's useful! | ||
Revision as of 17:10, 13 December 2011
By rhyging5 (Original Post).
- Make a mask. This must have the form you want for the flames. In this case, needs to be more or less like the sword. Note that have a outline totally blur, particularly the upper zone.
- Draw the flames in pixel art. Their size will affect subsequent animation, so take a look at the image to get an idea of the appropriate size. We must also decide on the color and appearance of the flames. For that purpose I use some Photoshop filters, like brightness and others.
- Make a vertical tile of theses flames to make the loop of the animation. Why vertically? Because fire expires from the bottom upwards.
- Apply the mask you made in first step to this tile.
- To emphasize the brightness we can make another layer like this.
- Move the tile up 1 or 2 pixels for every new frame, but keep the mask anchored where it is.
- Additionally, we can make a different 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!