How to Create an Animated Gif Using Photoshop

By Techwalla Computers Editor

Want to impress the world with your Web site? Create your very own animated gif using Photoshop.

Things You'll Need

  • Photoshop 5.5
  • ImageReady

Creating the Art

Step 1

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.

Step 2

Choose Show Layers from the Window menu. This will bring up the Layers floating palette.

Step 3

Select the pencil tool. Use it to draw a picture.

Step 4

Click on the Layer palette's submenu arrow and select Duplicate Layer.

Step 5

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.

Step 6

Under the file menu, select Jump to, and then Adobe ImageReady 2.0. Save when prompted.

Animating in ImageReady

Step 1

Choose Show Animation from the Window menu. This will bring up the Animation floating palette.

Step 2

Click on the Animation palette's submenu arrow and select Make Frames from Layers.

Step 3

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.