Creating Animated GIFs in Photoshop 7 and ImageReady

By Garima Shrivatasva
0 Comments  

Opening a new animation is just like opening a regular Photoshop document. All you have to do is open Photoshop and go to File>New, Then paste all the layers on this document.



Now Click on Jump to ImageReady bar at the bottom from left side tool box.



Adobe ImageReady will open.



The palettes you will need are the Layers palette (right), and the Animation palette, If you are missing either of these, go to Window>Animation.
Next, we will put each of our frames into the animation palette. Notice that the first frame already has an image in it. We have to make it the image we want, though, so go on and turn off all the visibility eyes except for the bottom layer, that's the first frame.
Now click the New Frame icon at the bottom of the Animations palette. This makes a new duplicate frame.


Make this frame look like you want by turning on the visibility eye for the next layer up and Making all the frames same as.


The Tween button tells ImageReady to automatically generate intermediate frames between key frames you create.
ImageReady's Animation palette numbers frames sequentially. A single frame indicates that the image is static, but two or more different frames displayed in sequence will create the illusion of movement.


Frame-by-frame animation: You create this kind of animation by turning on and off different layers over a series of frames. You create a tween in ImageReady by taking two different frames (called keyframes) and applying the Tween command, which automatically creates additional frames between the keyframes. When you apply a position tween, one layer of artwork changes position over a number of frames.
Now set time of your image to move like 0.1,0.5, 1.0, 2.0 etc, and click on play your image will show 1 by 1 on the time as you set your image.
Click the Play button at the bottom of the Animation palette to watch the animation play inside the document window.

Then save your file in imageready...
Ctrl+Shift+Alt+s or go to file and click on save optimized as and save your image.


Now you are done just double click on the image and see your work on your browser.

Comments