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.)
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.
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%.
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.
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.