How to Create an Animated Gif Using Photoshop
Want to impress the world with your Web site? Create your very own animated gif using Photoshop.
Things You'll Need
- Photoshop 5.5
Creating the Art
Open Photoshop 5.5 and create a new image file measuring 100 by 100 pixels. Set the resolution to 72 pixels per inch and the mode to RGB color.
Choose Show Layers from the Window menu. This will bring up the Layers floating palette.
Select the pencil tool. Use it to draw a picture.
Click on the Layer palette's submenu arrow and select Duplicate Layer.
Click on the eyeball icon to the left of the bottom layer on the Layer palette. Use the pencil tool to add to the image on the top layer. Select the erase tool to remove part of the image.
Under the file menu, select Jump to, and then Adobe ImageReady 2.0. Save when prompted.
Animating in ImageReady
Choose Show Animation from the Window menu. This will bring up the Animation floating palette.
Click on the Animation palette's submenu arrow and select Make Frames from Layers.
Use Save Optimized As to save the animation under a new name.
Tips & Warnings
- You can draw directly in ImageReady, which has nearly identical tools.
- Preview your animation by pressing play on the Animation palette.
- Add more unique frames for a richer animation.
- Click on the time values at the bottom of each frame to adjust how long it will remain visible.