Animation Library

The World's Largest Free Animation Collection

Password
Email

Animation Tutorial

If you want to start creating your own animations, then you came to the right place. This tutorial will teach you how to make your animations with one of the world's most popular animation programs, GIF Construction Set. Enjoy your visit and happy animating!

Preparing Images
Creating the Animation
Transparency
Saving your completed Animation
Putting your Animation on the Web



Preparing Images

           
           

Creating the Animation


    The code of an animated gif looks like this in the Gif Construction Set
    (For this example I'm using the code for the images above)

    Code
    What this means
    HEADER GIF89a Screen (75 * 72)Specifies the Width and Height of the entire image.
    LOOPThis indicates how many times the animation loops around, you can specify from 1 to 1,000 or tell it to repeat forever.
    CONTROLThis controls the first image. You can specify a transparent color (In my example I specified a grey transparency) and also give it a delay time. (Say you want a particular part of the animation to stay there longer than the rest, then this is the part to do it in.
    IMAGE 75 * 72, 256 coloursThe first image in the sequence
    CONTROLSame as above, but for the second image.
    IMAGE 75 * 72, 256 coloursThe second image in the sequence
    CONTROLSame as above, but for the third image.
    IMAGE 75 * 72, 256 coloursThe third image in the sequence
    CONTROLSame as above, but for the fourth image.
    IMAGE 75 * 72, 256 coloursThe fourth image in the sequence
    CONTROLSame as above, but for the fifth image.
    IMAGE 75 * 72, 256 coloursThe fifth image in the sequence
    CONTROLSame as above, but for the sixth image.
    IMAGE 75 * 72, 256 coloursThe sixth image in the sequence

Transparency


Saving your Completed Animation



Putting your Animation on the Web.




We would to thank the folks at
The DAG Collective for letting us re-print this tutorial.