Dissolve Animation with ImageReady

December 11, 2007

1. Launch ImageReady and open two (preferably same sized) images to be animated.

image_ready_resources.gifimage_ready_lesson.gif

2. Drag one image on other to get the below layer structure.

layers2.gif

3. Open the animation window. Go to Window > Animation and hit the top right arrow in the Animation window. Then choose Make Frames from Layers.

4. In the animation palette select first frame and tween it with the next frame for opacity. Hit the arrow marked with red in the followed image and choose Tween…

5. Select the last frame and tween it with the first frame for opacity. You should obtain something similar with this:

animationpalette.gif

6. Set the timing for every frame (hit the arrow bellow every frame and select the time) and also set the number of time you want to play the animation (select Forever).

7. Check the performance in the browser: File > Preview In

Here is the animation:

animation2.gif

 

Post a comment

Name (required)

Mail (will not be published) (required)

Website

*
To prove you're a person (not a spam script), type the security text shown in the picture. Click here to regenerate some new text.
Click to hear an audio file of the anti-spam word