Lois & Clark Forums Forums General Discussion Technical Help and How To's Animated Avatars

You need a gif animation program - the one I use is made by Ulead and has no special advantages except that I found it very cheaply in a discount software place a few years ago. There are dozens of them, and they all work much the same; you create a series of images (like the frames of a cine film) and set the time lapse between them, and any special effects e.g. a fade. The program then creates any intermediate images that are needed, e.g. in a fade from one image to the next, and packages them together as an animated .gif file.

Ulead keeps the file size down by eliminating any pixels that are duplicated in colour from one frame to the next, so that if (for example) only a quarter of the image changes, it only needs to keep the data for that quarter in that image. you can also reduce the file size by restricting the colour palette - .gif can handle a maximum of 256 colours, but a lot of the animated gifs you see are 64 colours or less.

The way to get it to work without producing huge files is to use the smallest possible number of colours, frames and effects you can get away with. For example, this one (for a CSI / Buffy crossover series I write) is about 48k, which means it can be used as a Livejournal icon, but to get it that size I had to reduce it to 32 colours (I think) and avoid all effects other than successive pictures.



The way this one works is that I started out with the pictures - first the six full-sized ones, in turn, followed by a series of quarter pictures overlaying the last picture of Catherine Willows, then a series of images with the letters added one at a time. Each had to be created as a separate image to start with.

The actual frames were
1: Buffy - timing about .25 seconds between frames
2: Grissom
3: Dawn
4: Warwick
5: Willow
6: Catherine
7: Catherine with Faith superimposed on the top LH corner
8: The above picture with Greg added to the top RH corner
9-14: Adding successive characters overlaying the old picture
15: The picture above with "S" added
16-25: the rest of the letters added with a very small time delay between letters.
Pause of about .2 second then loop back to the first picture.

Hope this helps.