How to Make Animated GIFs in Photoshop 7
Animated GIFs are a good alternative to Flash animations if all you need to do is create a web banner or button that is a little more interesting than a static banner. Photoshop isn't designed to do everything Flash can do, but it is meant to handle some basic animations. Photoshop 7, a program that is a few years old, came packaged in with another program called ImageReady. While current versions of Photoshop have an animation pane built in, Photoshop 7 has a button that allows users to switch directly to ImageReady when the design is ready to be animated.
Other People Are Reading
Instructions
-
-
1
Create a new document in Photoshop 7. Web documents should be RGB color and 72 pixels per inch. A standard square button is 125 x 125 pixels--this is the size of the sample photo.
-
2
Go to "Windows" and "Layers" to make sure that the "Layers" menu is showing.
-
-
3
Type the text you want to appear in the document, adding a new layer for each item you want to appear in a separate frame. In the example in the picture, the words "sample," "animated" and "gif" will each appear in a separate frame, so they have been typed in separate layers.
-
4
Click on the "Jump to ImageReady" button in the bottom of the Photoshop 7 toolbar, as indicated in the picture. ImageReady will open your graphic.
-
5
Go to "Windows" and "Animation' in ImageReady to open the "Animation" palette, if it isn't open already. Each layer will show in a separate animation frame. Click the eyeball icon in the "Layers" menu to show or hide layers as you want them to appear in each frame.
-
6
Select the frames and choose how many seconds you want between each frame. In the sample picture, there is one second between each frame.
-
7
Click "Preview in Default Browser" in the toolbar menu to preview the animation. See the photo in the step above.
-
8
Go to "File" and "Save Optimized As," and choose the name and location for your animated gif.
-
1
Tips & Warnings
With the release of Adobe CS3 and newer, ImageReady was eliminated from the package and animations were created directly in Photoshop. Many people prefer the older versions of Photoshop with ImageReady.
More Like This
Comments
-
its so goog for me.
-
thisisht
Dec 19, 2010
For Step 5, each layer does NOT show up in separate animation frames for me. All the layers show up in ONE animation frame. It does not look like your screencap. I followed your steps... Is something missing? What do I need to do to have those animation frames? (I use Adobe Photoshop 7.0 and Adobe ImageReady 7.0.)
