PhotoShop now has ImageReady features built-in, so we can animate our PhotoShop documents without exporting to an external application.
In this tutorial, you will learn how we can add motion to our graphics and export as an animated GIF.
Animation was added to PhotoShop in version CS3, so this tutorial is aimed at Adobe PhotoShop CS3. ImageReady uses a similar process for animation.

So, now we will prepare a text with motion with Photoshop

The first thing we need to do is to create a new document. We will add some text to the canvas, and this is what we will animate

Now, we will go to Window > Animation. You should see a window like the following

This window will be used for creating key frames of our animation. At the moment, we have just one key frame – the current state of our canvas. We will now add a new key frame. Click on the Duplicate Frame button at the bottom of the Animation Window and we should have something like this:

We now have two key frames, but they’re both exactly the same (because we duplicated). This is OK because we want the key frames to start off the same, and then we can make our changes. We will want the second key frame to be at the end point, or next point of our animation – we will not have to recreate every step ourselves. Go ahead and make sure the second key frame is selected, then drag the Text Layer over to the right-hand side of the canvas, like so

Notice that key frame 1 has stayed the same as the original, but in key frame 2 the text is now over to the right. If we click between the two key frames, we can see the differences on the canvas. Next, we can let Photo Shop do the animation of the in-between frames. This is called Tween. Make sure the second key frame is selected, and click on the Tween button ( ) next to the Duplicate button.
We will then be asked which frame we want to tween with, and how many frames we want to add. We will leave the default, 5 frames. Click OK

We now have 7 frames, each slightly different, which provide the illusion of movement. We can click the Play button at the bottom of the Animation Window to preview the animation.

If the animation is too fast, you can change the speed by clicking the small black arrow at the bottom-right of each frame, next to 0 sec. This will change the duration that the frame will show for.
We can repeat the process of animation to animate the text further, not only using motion, but Warping the text also:

Save as GIF file.

Credit: http://www.photoshopatoms.com/tutorials/animating-in-photoshop-cs3/

PhotoShop now has ImageReady features built-in, so we can animate our PhotoShop documents without exporting to an external application.

In this tutorial, you will learn how we can add motion to our graphics and export as an animated GIF.

Animation was added to PhotoShop in version CS3, so this tutorial is aimed at Adobe PhotoShop CS3. ImageReady uses a similar process for animation.