A BRIEF GUIDE TO PRODUCING ANIMATED GIFS
To Enhance Your HTML Files

Animated gifs help to bring a little life to HTML pages, but care should be exercised to ensure the the file size is not so great that it interferes with the other functions of the page.
A useful piece of shareware to build the gifs is Gif Construction Set Win 31 or Gif Construction Set Win95 or NT from Alchemy Mindworks. Another is Splash Animator which is even better in some respects.

The most time consuming part of producing an animated gif is the initial preparation of the individual pictures which are used in building the final animated gif file. I use CorelDraw6, although Corel 3, 4 or 5 would be just as good. I only use Corel because it is the drawing package I am familiar with. You will probably use your own favourite drawing programme.

The Clown.gif (2,891 bytes) above is just two gif files built together, one being a mirror image of the other. Normal gif files consist of two parts, a header and the image. However gif type 89a allows for control blocks, plain text blocks, comment blocks, application blocks, loop blocks and block name blocks.
It is best to house each image in a frame, and include the frame within each gif file. This ensures that the image does not jump about because all the action is contained within this frame.
The frame can be for example a rectangle filled with colour (see the clown.gif above), a bitmapped image (see bomb.gif below) or a transparent colour block.


I won't go into the details about producing each gif image prior to constructing the animation. Just keep in mind the balance between file size and smooth animation. The bomb.gif above has 16 gif images in it and occupies 92,527 bytes. Just like the frames in a movie, apparent movement is achieved by smooth advancement between frames.
I will assume that you have produced say 4 gif images, these are of a white ball in a red box. The ball has been moved progressively within the box, so that when the four gif files are put together we get a simple animation.

In Gif Construction Set open up one of their example files and notice how the file is constructed. Delete each image line in the file and leave just one control for each of your gifs (in our example we need four controls). If you need more controls they can be added (or deleted) with the insert button.
Using the insert button, choose image and place the images in order and with a control block between each one. Our file when we have got this far would read from the top downwards

HEADER
LOOP
CONTROL
IMAGE
CONTROL
IMAGE
CONTROL
IMAGE
CONTROL
IMAGE
COMMENT
BLOCK NAMES

Click on view to preview the animation. It may be necessary to adjust the timing between the individual gifs, if so highlight the control block preceding the image block and click on edit. There the time can be set from zero upwards in 100ths of a second.


The above animated gif is our four box images constructed and the control times are all zero.
Below is a gif file constructed using the same four box images but with repeats for the return movement. The images are inserted in the order 1, 2, 3, 4, 3 and 2. I have also included 10 hundredths of a second delay in each control block.

You should remember that there are several browsers which do not support these animated gifs. In such cases it is only the first frame which is displayed. So make sure the first frame is a nice picture or it may spoil your page. Transparent backgrounds can be utilised in the animations (see "Pet dog" below). I would suggest that you become proficient with normal gifs first.

HAPPY GIF BUILDING AND PAGE MAKING !
Help yourself to the gifs below (The old clock is my favourite!)
Limousine
Spark button
Pet dog
DCFC
Candle
Reluctant chimp
Flower
Welcome to Derby
Felice Navidad
Snow scene
Old clock
3d Logo
Happy Xmas
Ranbys
Torch 1
Torch 2
Reindeer
County Components
Scream
Derby
E-mail
Strongman
Horiz rule
Wobbly arrow
Construct
Cogs
New
New
Burley
Xmas Tree
Derby Index
Swann Internet Services
Copyright (c) '96, '97 All Rights Reserved. Individual trademarks are the property of the respective trademark owners...
5 November 1997
If any of these images infringe copyright, please let me know and I will remove them.