Step-By-Step: How to Make an Animated GIF for Email Marketing and Social Media

August 23, 2017 Carolyn Murphy

There are few communication methods with the ability to so perfectly describe your mood, situation, and even internal monologue as the GIF does.

From memes to promotional messages and social media, GIFs are infiltrating our daily personal and professional conversations, and as a hotel marketer who relies heavily on the ability to tug at your guests’ heartstrings, you should be taking advantage. (Here’s a great example of one of our hotel customers who did just that.)

It only takes seconds to make a GIF for your marketing email or social media post — no joke. This is a great skill to have in your marketing arsenal, especially if you’re strapped for time.

Step-By-Step: How to Make Your Own Animated GIF

If you’re struggling with finding that perfect GIF or have a brilliant idea for a new one for your marketing endeavors, here’s a great guide for how to quickly put together your own!

Step #1: Sign Up for Canva

If you’ve never used Canva before, it’s a fantastic free tool with an expansive library of stock images, fonts, graphics that anyone can use to look like a graphic design genius. This is particularly useful for solo marketing practitioners or small teams at small hotel groups who have limited resources.

Step #2: Create Your GIF Layers

One of the reasons Canva is such a great resource is because it has a lot of great starter graphics. The GIF in this example was made from one of their base images.

Before spending time or money on graphics or images, check out the Canva library and you may find something to help you get started.

If you don’t see what you’re looking for head over to or Creative Market to find other free graphics to use.

Here’s an example:

Step #3: Build Your Layers

Animated GIFs look “animated” because they layer multiple still images over each other in a loop. You have to create each of those layers.

In this example, the animated part of the GIF is the words.

To do this:

  • Use Canva to remove all the words from the image, leaving the backgrounds, border, etc.
  • Add in the first row of text “GUESS WHAT”
  • Download the image

Once downloaded:

  • DON’T MOVE ANYTHING. This is important! If you move elements or text between layers, it will not animate smoothly.
  • Add in the second line of text that you want to display, “I made this GIF”
  • Download the image (Now you have two saved images)

Repeat these steps with the final line of text and then download this third, final image.

Now, you have the three layers of my GIF created and saved in three separate files. You can add in as many layers as you like, but remember:

  • You’re telling a story
  • Keep the elements consistent as you design each layer
  • Use pre-made graphics when possible
  • Canvas allows you to upload your own images if you already have great imagery or you don’t find something you love

Step #4: Make Your Animated GIF In Seconds

I know that sounds overly simplistic, but it really is that easy. One great tool for compiling your final GIF is GIPHY. You may recognize that name if you use the GIF response on iMessage, Twitter, or even Slack!

GIPHY is one of the largest libraries of GIFs and if Apple is using them, well, so am I.

You can make a free video or animated GIF in GIF and save it for social, download it to your computer, or even get a mini-one to use on your phone.

Here’s how to use it!

1. Go to GIPHY’s site and select the “CREATE” button in their header.

2. For the animated GIF, select Slideshow.

3. Upload your layers

4. Organize them in the order that you want them to animate.

5. Using the slider tool, select how fast you want the layers to loop.

6. Select “Create Slideshow” at the bottom of the screen.

You did it! You Made An Animated GIF in Seconds!

Creating An Animated Video GIF

I know what you’re thinking: “But all the best GIFs are fun video clips!” Here’s how to do that:


GIPHY doesn’t just created animated GIFs out of images, but also videos! Here’s how to do it:

Step #1: Upload Video File

Unlike when creating from a video, you’ll want to upload the file to the GIF Maker tab.

Step #2: Use Sliders To Edit Video

GIPHY allows you to select both when the GIF should start and how long it should run for. Use the sliding tools to determine which part of your video will become your GIF loop.

Step #3: Download GIF and Share Links

Download your GIF to your computer, but also grab those share links! You can immediately share your creation on Facebook, Twitter, or embed in a marketing email!

Want to learn more about email marketing? CLICK HERE to access our free guide on the subject.

The post Step-By-Step: How to Make an Animated GIF for Email Marketing and Social Media appeared first on Revinate.

Previous Article
4 Steps to Maximizing the Lifetime Value of Your Guests
4 Steps to Maximizing the Lifetime Value of Your Guests

In the world of consumer marketing, customer lifetime value (CLV) is a metric that is used to determine how...

Next Article
[Infographic] Serving the Impatient American Consumer
[Infographic] Serving the Impatient American Consumer

Many Americans say technology has made them more impatient today than they were five years ago, according t...

Drive direct revenue with Revinate Marketing

Get Started