By: Britt Schwartz

on July 17th, 2017

Print this Page/Save it as a PDF

How to Make an Animated Gif in Seconds Blog Feature Subscribe

By: Britt Schwartz

 on July 17th, 2017

Print this Page/Save it as a PDF

How to Make an Animated Gif in Seconds

Just for Fun | Graphic Design

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 marketer, you should be taking advantage.

It only takes seconds -- no joke.

Facebook, iPhone messages, and Android platforms have all integrated GIFs into their keyboards. Making say "no" funnier than ever. Dare we say, they’re the new emoji?

If you’re struggling with finding that perfect GIF or have a brilliant idea for a new one for your marketing endeavors, I’m going to show you how to make an animated GIF in seconds! No Photoshop or animation skills required!

How am I qualified to tell you this? Because I made two GIFs in 75 seconds (each)!

Creating An Animated Image GIF

via GIPHY

Step #1: Sign Up for Canva

If you’ve never used Canva before - sign up right now. 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. (No offense to actual graphic design geniuses).

How_To_Make_An_Animated_GIF_in_Seconds.jpg

Step #2: Create Your GIF Layers

One of the reasons I love Canva so much is because it has a lot of great starter graphics. The GIF in my example was made from one of their base images.

Before spending time/money on downloading graphic/images check out their library and you may find something to help you get started.

If you don’t see what you’re looking for head over to Vecteezy.com, HubSpot (if you’re a customer), and Creative Market to find free graphics to use.

I started with this one:

How_To_Make_An_Animated_GIF_in_Seconds2.png

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.

I knew that I wanted the animated part of my GIF to be the words.

 To do this I:

  • Removed all the words from the image, but left the backgrounds, border, etc.
  • Add in the first row of text “GUESS WHAT”
  • Downloaded the image

How_To_Make_An_Animated_GIF_in_Seconds7.png

Once downloaded, I:

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

How_To_Make_An_Animated_GIF_in_Seconds4.jpg.png

I repeated those steps with the final line of text, “In 75 seconds!” and then downloaded one last time!

Now, I had the three layers of my GIF created and saved. 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 don’t mind something you love!

Step #4: Make Your Animated GIF In Seconds

I know that sounds overly simplistic, but trust me, it really is that easy. My favorite tool 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.

    How_To_Make_An_Animated_GIF_in_Seconds2.jpg.png

  3. Upload your layers

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

    How_To_Make_An_Animated_GIF_in_Seconds.jpg.png

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

    How_To_Make_An_Animated_GIF_in_Seconds3.jpg.png

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

    Screen Shot 2017-07-14 at 12.55.57 PM.png

  7. Dance - you did it! You Made An Animated GIF in Seconds!

Do you want to learn how to add special filters, stickers, and even text to your GIF? Scroll down to Adding Special Features!

Creating An Animated Video GIF

I know what you're thinking, "BRITT, that was a great GIF and everything, but all the best GIFs are fun clips!" Don't worry, I got ya covered! 

via GIPHY

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. 

How to Make an Animated GIF In Seconds

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. 

How to Create an Animated GIF in Seconds

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 you can really up your GIF game by adding special features!

Adding Special Features

One of my favorite features of the GIPHY GIF tool is being able to add filters, stickers, words, and even edit the loop of my GIF. 

To use their special features, just drop your GIF link (the one you grabbed when you finished creating your GIF) into the GIF Editor tab. 

Choose the best filter, sticker, and add a caption to your new animated GIF!

Download it and share when you're done! 

Screen Shot 2017-07-15 at 9.06.33 AM.png

GIFs are fun, powerful, expressive and really easy to make!

Download our free eBook on tips for tuning up your social media marketing and throw in some new GIFs that you'll be creating in just seconds!

Start driving more traffic & generating quality leads from your social media!

GET IT NOW
Social-media-marketing

About Britt Schwartz

Britt is proud to serve as a Strategist here at IMPACT, in which she, completely unbiased, believes to be the best POD ever. With her experience in consulting companies ranging from funded start-ups and SMBs to enterprise global brands on digital and inbound strategy, Britt believes marketing is more than just numbers and Mad Men style creative - it's both. When not working on helping IMPACT fulfill its vision, you can find her teaching her children the ways of the Force and the history of Middle Earth.

  • Connect with Britt Schwartz