These steps teach you make an animated icon. There are plenty of premade icons out there, but making your very own is a surefire way to wow your friends and let your own personality shine through. GIFs are the only image format that allow you to use animation. JPEGs, another popular image format, do not. These steps use Adobe Photoshop and its companion program ImageReady.
Instructions
1. Import your images into an image editor such as Photoshop.
2. Place each of the images that will make up your animation on separate layers.
3. Label each of your layers. Name your layers with descriptive names so that it will be easier to navigate your images when composing your animation. This is especially important if you have a large number of images in your animation.
4. Import your images into ImageReady. Click the "Jump to ImageReady" button at the bottom of the Photoshop tool palette.
5. Click "Make Frames From Layers" in the animations palette. This will take the layers you created in Photoshop and turn them into frames that will make up your animation.
6. Set the timing for each of your animation frames. Below each frame is a number representing how many seconds each frame of animation will display. For example, you might want your first image to stay on screen for 5 seconds and then have your remaining frames zip by the viewer at fractions of a second after one another. The choice is yours. Experiment with your animation to find the best flow. Simply click on the number, and a drop-down window will appear allowing you to edit the timing of your frame.
7. Save your file. Click "File--Save Optimized As" from the main menu. Name your file and click "OK." That's it! You know have an original animated icon of your own.
