How to Animate

Here are instructions for making the eyeballs as shown in the sample.

First you will need a sequence of images. It does not matter if the sequence are gif or jpg. However, the final output of the animated image MUST be a gif, otherwise it will not animate. Most animations will not be able to be transparent because the images are stacked on top of each other and, unless they all cover the same area in the image, they will show through. These eyeball images are all the same size and location so it is able to be transparent. I am not going to go in to the details of creating the images used in this sequence. Some of these eyes were just annotated on a page, and some were manipulated to get the effect that I wanted either by rotating it or annotating on top of it. Once you have read through this tute you can practice animation with any image by taking it to an IM Studio and under transform hit the flop button, and then output that image. Now use that and the original to animate.

For this example You wil need to place your sequence of images in a directory. The images must be named in a numerical order and they must also all be gif or all be jpg at this point. If you want to repeat an image in the sequence make a copy of it and give it another number in the order you want it to appear.

In that directory you should have a file called index.html. Go in to that file and reference your images as in this example:

ANIMATE: Once you've got your image sequence and index page set up, go to an Image Magick Studio. On the input page there will be a place for a URL. Put your URL in there like this:



Make sure there is a / (slash) at the end of the URL. Then hit the view button. On the next page, your first image should appear. Hit the output button above. Save this as a gif (only gif images animate). Check the multi file box. Scroll down that page to the delay and loop boxes. In delay put a number for the speed. 100 is about 1 second between images in the sequence, 50 is faster at about 1/2 second. In the loop box make sure it is 0 for a continuous loop. Then output your image. On the next page you will see a sequence of images. Click on the top or first one. This is the animated image. It should begin to animate. Here you can hit the back button if you want to change the speed. Otherwise upload it and discard your sequence images if you are through with them.