How to Create an Animated Gif Using Photoshop

By eHow Computers Editor

Make your own animation Make your own animation

Rate: (147 Ratings)

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

Instructions

Difficulty: Easy

Things You’ll Need:

  • Photoshop 5.5
  • ImageReady

Creating the Art

Step1
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.
Step2
Choose Show Layers from the Window menu. This will bring up the Layers floating palette.
Step3
Select the pencil tool. Use it to draw a picture.
Step4
Click on the Layer palette's submenu arrow and select Duplicate Layer.
Step5
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.
Step6
Under the file menu, select Jump to, and then Adobe ImageReady 2.0. Save when prompted.

Animating in ImageReady

Step1
Choose Show Animation from the Window menu. This will bring up the Animation floating palette.
Step2
Click on the Animation palette's submenu arrow and select Make Frames from Layers.
Step3
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.

Photo/Video Credit

library.thinkquest.org

Comments

| View All Comments
Flag This Comment

on 6/4/2008 Great blog with lots of useful information and excellent commentary! Thanks for sharing.

http://www.1-satellite-tv-facts.com/Direct-TV.html
http://www.1-satellite-tv-facts.com/Dish-Network.html
http://www.1-satellite-tv-facts.com/Satellite-Radio.html
http://www.1-satellite-tv-facts.com/T1-Internet-Service.html
http://www.1-satellite-tv-facts.com/Satellite-DSL.html
http://www.1-satellite-tv-facts.com/Satellite-Internet.html
http://www.1-satellite-tv-facts.com/VoIP.html
http://www.1-satellite-tv-facts.com/Phone-Systems.html
http://www.1-satellite-tv-facts.com/Affiliate-Programs.html

Flag This Comment

on 4/19/2008 how do you do this without image ready as the product has been discontinued?
Also, how do you do it with Phtoshop version 6

View All

Post a Comment

POST A COMMENT

Request a New How-To Article

Looking for more How To information? Chances are there’s an eHow member who knows how to do what you’re looking to do. Submit an article request now!

eHow Article:  How to Create an Animated Gif Using Photoshop

eHow Computers Editor

eHow Computers Editor

Category: Computers

Articles: See my other articles

Related Ads