Skip to content

Animated GIF in Photoshop

How to make GIF in Photoshop?

GIF stands for Graphics Interchange Format, an image format, which is a series of images that loop continuously creating an animation effect. Many applications and software are available to create GIFs but there is an easy and quick way in Photoshop to make GIFs.

Before starting the tutorial on How to make GIF in Photoshop, prepare a series of still images that will be used while making GIF. These still images will create an illusion of movement.

Now let’s start with the GIF in Photoshop Tutorial.

Step 1

Create a new document in Photoshop and click on File. Now place the cursor on Scripts and select Load Files into Stack.

File > Scripts > Load Files into Stack

Select Load Files into Stack

Step 2

After selecting Load Files into Stack, Load Layers dialogue box will appear on the artboard. In that dialogue box, select the Browse button.

Browse images to make GIF

After browsing the images, click OK.

Click Ok to open images as layers

Step 3

All the images will open as individual layers in the Layer Panel. Now click on Window in the Menu Bar and select Timeline.

Open Timeline Window

Step 4

In the Timeline Window, select Create Frame Animation and a layer will appear as frame in the Timeline Window.

Select Create Frame Animation
a layer will appear as a frame

Step 5

Now select Make Frames From Layers by clicking on the options bar (three horizontal lines).

Select Make Frames from Layers

All the layers will appear as frames in the Timeline Window. If you want you can also reverse the arrangements of the frames by selecting Reverse Frames.

Reverse Frames

Step 6

Now set the time below each frame and select how long you would like the frame to appear.

set the time of GIF

Now at the bottom of the toolbar select how many times you would like the frames to loop.

set the time of each frame

You can check the Preview of the GIF by clicking the Play button.

select Play button to play the GIF in Photoshop

Step 7

If you want to save or export your GIF then click on File. Place the cursor on Export and select Save for Web (Legacy).

open Save for Web Legacy to save the GIF

Now select the type of GIF file from the Preset dropdown menu. If the GIF has gradients then select Dithered GIFs to prevent color banding. You can also select No Dither if your GIF is of solid colors.

Save the GIF in Photoshop

Click on Save to save the GIF in Photoshop.

So this is how you can make GIF in Photoshop. Now practice this tutorial and create your own Animated GIF in Photoshop.

GIF in Photoshop

Share your views in the comment section and also, share this Photoshop tutorial with others.


  • Vivi Designing

    Vivi Designing is a platform for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.


Leave a Reply

Your email address will not be published. Required fields are marked *