• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 17. Creating Animated Images for the Web

Lesson 17. Creating Animated Images for the Web

To add dynamic content to your Web page, use Adobe ImageReady to create animated GIF images from a single image. Compact in file size, animated GIFs display and play in most Web browsers. ImageReady provides an easy and convenient way to create imaginative animations.

In this lesson, you'll learn how to do the following:

  • Open a multilayered image to use as the basis for the animation.

  • Use the Layers palette in conjunction with the Animation palette to create animation sequences.

  • Make changes to single frames, multiple frames, and an entire animation.

  • Use the Tween command to automatically vary layer opacity and position across frames.

  • Preview animations in Adobe ImageReady and in a Web browser.

  • Open and edit an existing animated GIF image.

  • Optimize the animation using the Optimize palette.

This lesson will take about 90 minutes to complete. The lesson is designed to be done in Adobe ImageReady.

If needed, remove the previous lesson folder from your hard drive, and copy the Lesson17 folder onto it. As you work on this lesson, you'll overwrite the start files. If you need to restore the start files, copy them from the Adobe Photoshop Classroom in a Book CD.


Windows users need to unlock the lesson files before using them. For information, see "Copying the Classroom in a Book files".



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint