Step 1

Before trying this tutorial please check out the First Animation Project of the site to get familiar with the working of Image Ready 3.0
Open Photoshop 6.0 first. Create new file with 72 PPI.
Type one character each on separate layer. Fill the characters with any color you like.
The file will look like this.

Step 2

The layer palette of photoshop will look like this. Observe it carefully. Save your file.

Step 3

Figure1:File > Jump To > Image Ready 3.0
Image Ready 3.0 will get opened.
Animation palette of the file will contain only one frame.
Press 8th button from the bottom left which Duplicates current frame. Create one more frame. Total frames will be 2.
Select second frame. There will be one character each on separate layer. With the help of Move Tool, move R towards left. U towards top and N towards right. Let the characters go out of the frame.

Figure2: Drag the first frame to the right so the place of the frames will be interchanged.

Figure 1

Figure 2

 

Step 4

Select the first frame. In the Animation Palette click the small triangle at right top. Click Twin. The dialog box will appear. Select the number of frames you want to add for animation. Click OK.

Step 5

The Animation palette will turn into this.

Step 6

There is a small black triangle at the bottom of each frame in the Animation palette. It is used to set the time. Click it and set the time. You can select any number of frames at a time by pressing Shift and set the same time for the selected frames.
Below the first frame there is a bigger black triangle used to set the looping of the animation. Use it to set the number of time you want to play Animation.
After completing the animation try to check the performance in the browser
File > Preview In > Click the browser you want
Save the file with File > Save Optimized or File > Save Optimized As