1. Open Photoshop and open the two (preferably same sized) images to be animated.
2. Drag one image on other to get the following layer structure.
3. File > Jump To > Image Ready
4. Make Frames from Layers.
5. In the animation palette select 1st frame and tween it with the next frame for opacity.
6. Next, select the last frame and tween it with the first frame for opacity.
7. Set the timings for frames.
8. Set the no. of time you want to play the animation.
9. Check the performance in the browser
File > Preview In > Click the browser you want
10. Save the file with
File > Save Optimized or File > Save Optimized As
More Tutorials: 
