This tutorial requires more than one image, these zip files each contain one image. Or you can use images that you have created.
zip file 1
You will not notice much of a difference in the images.
zip file 2
The only change from image to image is in the water area.
zip file 3
The movement is very slight, as it would be in a ice cold river.
zip file 4
For best quality always use psp files for your animations.
Be sure to save as psp files for the best quality and MAKE SURE THAT YOUR LAYERS ARE MERGED or that you setting in Animation shop are set to open psp files as one image or you will get each layer as a separate animation frame.
Open animation shop.
Click on the wizard and then follow thru the popup images (see images below for settings)
Browse to your file folder, and select the last image in your animation. Then move up to the first image in your animation.
Click open
Your images will be listed in the box in the correct order.
Click Next and Finish.
The Animation shop strip view will appear on your screen.
You can preview your animation by clicking on the preview button.
Click file save as
Animation shop will autofill the name box with Animation1.gif.
But you can highlight the name, delete it and input a name you will remember in the filename box.
Choose best quality and hit next. Animation shop will process the image. Click next.
Your animation is now saved.
I automatically do a resize of the animation to about 50% and then repeat the file save as and add a t to the end of the file name, and have a thumbnail image to put on my page.
Thumbnail images are much smaller in size and will load faster.
If you let your visitors know that the images are thumbnails, you can code the thumbnail to load the image when viewers click on the image. The image below show the html code that you would use to make the thumbnail work.
See for yourself - the image below is a clickable thumbnail.
I automatically do a resize of the animation to about 50% and then repeat the file save as and add a t to the end of the file name, and have a thumbnail image to put on my page.
Thumbnail images are much smaller in size and will load faster.
If you let your visitors know that the images are thumbnails, you can code the thumbnail to load the image when viewers click on the image. The image below show the html code that you would use to make the thumbnail work.
See for yourself - the image below is a clickable thumbnail.
If you enjoyed this tutorial and want to try some more check out my tutorials page.
If you have enjoyed my tutorials and learned from them, please give me a vote and get my listing higher on links site by clicking the link below.
Email Me Page Updated October 14, 2003.
Copyright ©2000 Graphics by Pati All Rights Reserved.
Site design: Pysmatic Services