Complete Animation Tutorial

Complete Animation Tutorial
Difficulty: Easy
Description: An animation tutorial created for GIMP, but can be used for PhotoShop with some tweaking.
Author: Procrastinator; Date Added: 2009-09-06; Views: 20727


Programs

GIMP
PHOTOSHOP

Sprites

The Spriters Resource
Sprites Inc
Sprite Database
The ShyGuy Kingdom

Examples

SHAKING
This can be done by duplicating a layer three times and moving each layer in different directions with 5 pixels (So it doesn't get too chaotic).


FADE
This can be done by filling a canvas with black and lower the opacity by the tenths (or by thirds as in the example below).

FLASH
This can be done by filling a canvas with white and lower the opacity by the tenths (The link provided is by thirds, and as you can see, it's not as smooth).


FIRE DISINTEGRATION
This can be done by getting some fire sprites and pasting them over the main sprite you have set out. As you move it up on each new layer, delete excess below (I'm no longer in possession of the sprites, so you'll have t find your own).


PULSE
This can be done by pasting a shrunken version of the original sprite over the original and placing the opacity to 50 percent. The next frame is just the normal sprite. The frames after that have an enlarged version of the original sprite over the original, growing larger with each frame, and lowered opacities with each frame (Basically, make it bigger and Fade it out).


The other can be done by pasting the sprite four times in different places; on the left, right, top, and bottom. With each frame, spread them out in their own directions and lower the opacities as well (Basically, space them out and Fade it out).


INTENSE MOTION
This can be done by using the WIND filter on GIMP. Filters > Distorts > Wind. Once their, toy with the settings, but make sure it's set to blast. Then, once you click "OK", paste the original over it to make it clearly seen.


AFTER IMAGE
This can be done by pasting the sprite BEHIND the one before it beneath at a low opacity, such as 50 percent. To double the effect, (as shown), place another below at an even lower opacity, like 25 percent.


Hope you've enjoyed this tutorial.