ImageReady Animated GIFs

This tutorial covers the fundamentals of creating and animating a GIF using Photoshop 5.5 and ImageReady 2.

Image Ready Tutorials

Tutorials on optimization, animations, rollovers, and transparency.

Adobe® ImageReady® Animation Primer

Here's a tutorial introducing the basics of utilizing Adobe ImageReady's Animation tool.

GIF Animation in Tables, Using Imageready and Photoshop

I want to show you how to create effective animations that support your message without getting in the way. In this first example, I'll create an animation and place it in a table to shrink it's file size and optimize download times. The example shown above is 350x225, with 8 frames of animation, and it loads in at less than 50KB. While some would say that 50KB is still way too big for a graphic, it can be a good solution if used with discretion. As we'll see, Photoshop and Imageready make the image, and tables allow it to load quickly.

Bouncing Text Animation

This tutorial will show you how to make a bouncing text animation

Standard Optimization Techniques

As you already know, the optimization is a search for the best image quality / file size balance. We have to remember about visitors with slower Internet connection.

Adobe and ImageReady are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries."