Home Photoshop Animation
Animation
How to Make Basic Animated Gif in Photoshop

Open your image in Photoshop; we'll make a frame-by-frame animation, so you have to put the contents in different layers.

Animated Gif

Open the Animation panel. (Window-Animation).

Animated Gif

In Animation panel, press copy frames button to copy frames. Here we copy to five frames.

Animated Gif

Select the frame in Animation panel, and hide the layer which you do not need to display in this frame. As an example, I set Layer six invisible to cover Layer six in frame four.

Animated Gif

You can press play button to check the animation at any moment. If you are feeling the velocity of animation is too quickly or too low, you can decide on the frames and click the price of time to adjust their appear time.

Animated Gif

Then we will be able to make a tween to make the animation more naturally. Decide on the opposite frames and click tween animation frames button to form a tween.

Animated Gif

We can set the amount of tween frame in Tween dialog box. Click OK to make the tween frame.

Animated Gif

The 2 tween frames have been made. Now we are able to use the same way to form other tweens.

Animated Gif

After making the animation GIF, we must reserve it. Click File- Save for Web & Devices to save the animation GIF.

Animated Gif

The basic frame-by-frame animation GIF has been made. You may use this way to make many fascinating picture to improve your page or send them to your chums when talking on the web.

Animated Gif