How to Animate a Picture on a Web Page

Create cool animations for your Web page using GIF clip art, then place the image on a Web page.

Difficulty: Easy

Instructions

Placing the Animation on a Web Page

1. Using a text editing program, open the Web page.

2. Place the cursor where the animation will appear. Type the following, replacing "animation.gif" with the name of the image:

Animating an Image

3. Select the image that will be made into animation. If it is not in GIF format, use an image editing program, such as Photoshop or Paint Shop Pro, to convert it to GIF format.

4. Purchase or download an animation program, such as Gif Construction Set or Paint Shop Pro's companion program, Animation Shop.

5. Follow the directions for frame-by-frame animations.

6. Use wizards for new animations.

Place the animation on a web page.

7. Animations are placed just like images in a web page, but do not resize them or make any modifications.

8. Using a text editing program, open the web page.

9. Place the cursor where the animation will appear. Type the following, replacing 'animation.gif' with the name of the image:

Tips & Warnings

• Animations are always in GIF format. This is the only format that supports animations currently, although PNG will support animations in the near future.
• Be careful not to clutter your page with numerous animations. Remember the basic rule of design: less is more.
• Animations take up more space than regular GIFs, and larger animations will take up even more space. Minimize the animation and/or use them sparingly in your page.
• Obtain permission before using any unlicensed or copyrighted clipart.
• Do not use images from another Web page without permission from the owner of the site.