Example of an animated GIF

Example of an animated GIF

How to Make an Animated GIF in Photoshop

If you’ve spent any time on the internet at all, you’ve probably come in contact with an animated GIF. They are those animated images you often see with a funny video section or meme.

The best part about GIFs is that they aren’t very hard to create. If you have access to Photoshop and a few minutes to spare, you can create an animated GIF in no time.

Source from Video

To Convert the Video File into a Compatible Structure for the Animated GIF File Format
1. Open Photoshop without opening the video file.
2. Go to File > Import > Video Frames to Layers.
3. In the options that appear, make sure the Make Frame Animation checkbox is ticked.
4. From this window you can trim the video to only a small section which is better for making animated gifs. You can also choose to only import every 2nd, 3rd, 4th, nth.. frame. Useful for many reasons, the most obvious being to reduce file size.

Source from images

If you already have an image sequence you simply import the images, each in a new layer.

Animation timeline

The next step is to create the actual animation in Photoshop itself.
In order to do this, you first have to open the Timeline window. Go up to Window and choose Timeline.

Now you will see the Timeline window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation.

To Save / Output an Animated GIF

1. Go to File > Save for Web…. or export save for web (legacy)
2. Choose one of the GIF options from the preset menu, or choose the GIF option in the dropdown list underneath the presets and adjust the options based on your needs.
3. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.
Your options here are pretty easy to understand. You can really only choose how you want it to loop and then preview the animation before saving it.

Your done! spread your new GIF far and wide on social media.

Some examples of Animated GIFs