VR-T
CSS
HTML
Javascript
Paint Shop Pro
PHP
Misc.
Graphics
Interactions
Clear

Making Animations

For this tutorial you will need Animation Shop 3 that comes with Paint Shop Pro 7. To open animation shop, you should either just find it in your programs menu, or in PSP go to FILE --> JASC SOFTWARE PRODUCTS --> LAUNCH ANIMATION SHOP to open it.

I have these two images, that I want to animate:

In Animation Shop, go to FILE --> ANIMATION WIZZARD

Now there will be a series of questions it will ask you.

The first one, "What do you want the total dimensions of the new animation to be?" I would just choose the "Same size as the first image frame" if all your images are the same size, which they should be most likely anyway if you're going to animate them.

The next question is "What do you want to set as the default canvas color for the animation?" This depends on if you're making something you want to have a transparent background or not. In this case, we choose "Opaque" but you can choose "Transparent" if you need to.

The next question asks about images that are not the same size as the other frames. We will not worry about this for now because we want our animation peices (aka frames) to be the same size to animate them easily. So just choose "scale frames to fit" or let it be whatever in this case.

This next section of questions is very important. "Do you want the animation to be looped?" YES always choose "Yes, repeat the animation indefinitely" because that's the point, you want it to animate all the time forever and ever.

Where it says "how long do you want each frame to be displayed" is where you have to guess and check and it depends on the type of animation. For this one since we want it to blink, we choose 10. If you have a gift or award you made someone, and you want each frame to be readable and visible for longer, you might write 70. You will have to guess and check here for what you like.

Next you click "Add Image" and find it from your computer. Put them up in order of what you want them to show up. So I'll put the lighter one first, and the darker one second. Here you are basically browsing your computer for the files.

Now you are finished. You can view the animation by going to VIEW --> ANIMATION.

Save your animation by going to FILE --> SAVE and make sure you save it where you want it to be, not in the animations folder that it tries to save to. And just click next a few times it's basically optimizing the picture for best quality. You're done. The final product looks like this:

<-back