Add colors to the animation:

1. Create an adjustment layer:

In Photoshop, position the image you want to animate in the center of a transparent background. (When using text, render the text layer before applying the adjustment layer.)

In the Layers palette, click the Create new adjustment layer button at the bottom of the palette and select Hue/Saturation.

In the Hue/Saturation dialog box, make sure Preview is selected. Drag the Hue, Saturation, and Lightness sliders to change the color in the image, and click OK.

2. In the Photoshop toolbox, click the Jump To button to open the file in ImageReady:

Click Save, to name and save the file. Note that although adjustment layers can only be applied in Photoshop, they are preserved when you open the image in ImageReady.

3. Create the first frame of the animation:

In the ImageReady Layers palette, select Layer 1 (the layer containing the image). Select the move tool. In the image window, drag the layer to its starting position in the animation. Notice that the image is repositioned in frame 1 in the Animation palette.

4. Create the final frame of the animation:

In the Animation palette, click the New Frame button. With frame 2 selected in the Animation palette, select Layer 1 in the Layers palette.

In the image window, use the move tool to drag the layer to its final position in the animation. Notice that the image is repositioned in frame 2 in the Animation palette.

5. Change the object's color in the final frame of the animation:

With frame 2 still selected, select the Hue/Saturation adjustment layer, and change the layer opacity to 1%.

The opacity of the layer in frame 1 is now 100% and the opacity in frame 2 is 1%. Animating the opacity change between the two frames will change the color of the object.

6. Create the intermediate animation frames:

In the Animation palette, select Tween from the palette menu. For Parameters, make sure Position and Opacity are selected. Then enter a value for Frames to Add and click OK.

Click the Play button in the Animation palette to preview the animation. After previewing, you can add, delete, or modify frames in the animation and set playback options as needed.

7. Choose Optimize Animation from the Animation palette menu:

In the Optimize Animation palette, select the options Bounding Box and Redundant Pixel Removal. Then select the Automatic disposal option to preserve frames that include transparency. Click OK.

In the Optimize palette, select GIF from the file format menu, and choose other options to optimize the file for display on the Web.

Choose File > Save Optimized to save the animation.