How to Create an Animated GIF with Photoshop

Creating an animated GIF file is quick and easy using Photoshop. It is a great way to repurpose your content, add variety to your visual marketing, and create something that's a little different, funny or eye-catching.

 

 
Creating an animated GIF file is quick and easy using Photoshop. It is a great way to repurpose your content, add variety to your visual marketing, and create something that's a little different, funny or eye-catching.
 

 

What is an animated gif (and why would you want one)?

First created in the 1980s, an animated gif is a Graphics Interchange Format file. It's basically a file which contains more than one image, the images being displayed in a given order.

There's be a resurgence of gifs online — both fun and serious in style. They are a great way to create a moving image, and one that doesn't require advanced animation or software skills.

They've the added advantage of having a small file size. The one playing below is 600px x 300px and comes in at 178kb, which includes 15 images. You also don't need to host it anywhere, as you might with a Slideshare or video.

Today's video tutorial walks you through how I created the animated gif below. This one is sized to be used on Twitter. I'm using them as an experiment to see if a moving image stands out and grabs attention in the fast-paced, ephemeral world that is the Twitter feed!

I'm also able to Buffer this image and schedule via Tailwind, while maintaining the active animation.

 

 
 

 

Video Tutorial

This video will show you how to:

  • Set up the initial Photoshop file.
  • Use the correct timeline.
  • Turn your layers into frames.
  • Add and adjust timings.
  • Set it to loop.
  • Preview your animation.
  • Export as a gif file.

 

 

That's it. You now have an animation you can use to promote your blog posts, products or services.

Make sure you include the Alt Text. Animations do grab people's attention and get shared a lot. You want your keyword-rich description to follow your animation wherever it goes.

I hope this has tempted you to have a go. As you can see, it isn't difficult or technical. Basically, you put the images in layers and Photoshop does the hard work for you.

Perhaps you could turn some existing blog post images into an animated presentation. It's a great way to repurpose your content.