How to Make an Animated GIF for Your Blog

How to Make an Animated GIF

Today I am sharing a neat blogging tip to show how to make an animated GIF for your blog! What is an animated GIF? It is a file that shows simple movement (or animation) that you can upload to your blog. Here is an example:
How to Make an Animated GIF for Your Blog. CLICK HERE>>

I’ve made few of these fun GIFs to show the process of my crafts and I’ve received several requests from bloggers to share a tutorial on how I do it. Luckily, it’s SUPER easy! Here is one particular GIF that you might have seen from this post:

How to Make an Animated GIF
So, let’s get started, shall we?
First, you need to take a series of photos that tell a story or show the process of your craft coming together. Either use a tripod or simply try to hold your camera in a similar position. Then, edit each photo so that the colors are enhanced exactly the same way and that each image is the same size. I like to work with square images, but that’s up to you:)
How to Make an Animated GIF for Your Blog
Using Chrome as your browser (it will only work on Chrome), go to www.ImgFlip/GifGenerator and upload your images (not video). Before I uploaded them, I sized them to 600px by 600px so they would upload faster. How to Make an Animated GIF for Your BlogNext, arrange your photos so that they are in the correct order. If you want to remove a photo, simply drag that photo into the area below your gallery which is shown in pink (below).  Then, play with the delay time to see how fast or slow you think your GIF should be. After that, you want to adjust the size. I made my size 600 pixels for height and width because that’s how I originally wanted them.

How to Make an Animated GIF for Your Blog
Then, choose your quality (I usually go with 1 because it is the best) and check the “Private” box in the lower left corner.
Finally, click “Create GIF” and wait a few moments for things to come together. Once it is ready, you can select “Download GIF” and, if you’re working on a Mac like I am, then the GIF file will download down in the bottom left corner (shown in green).


How to Make an Animated GIF for Your Blog
You simply drag that little file onto your desktop (or wherever you prefer to save things). After that, you can upload the GIF file into your blog just like any other media file. If you are on Word Press like me, then simply add it to your media files and insert it into any post wherever you want!

How fun is that??

GIF files don’t necessarily play on each different social media outlet (like Pinterest or Facebook). But they DO, however, play on Google+ which is my favorite place to be. Here is my profile on Google+ where I LOVE to share and promote my new posts that have GIF files! Let me tell you, they are eye catching and attract attention! Woo hoo!

You can see this post where I made a GIF on these simple DIY Candy Corn Cupcakes. Your little animations can be as simple or complex as you desire. Have fun!

Candy Corn Cupcake GIF

Did you like this fun blogging tutorial? Be sure to check out my gallery of blogging tutorials HERE for more inspiration. Happy blogging!
How to Make an Animated GIF for Your Blog

44 thoughts on “How to Make an Animated GIF for Your Blog”

    1. If you make one, PLEASE share it with me Mary Beth! XO and thanks for stopping by & leaving such a kind comment!

      1. Oh my gosh, I just found this tutorial on Pinterest and used it to make this graphic about a funny adventure I had recently in Molokai, Hawaii: content/uploads/2014/02/molokai-bread-counter.gif (buying fresh, hot bread from a local bakery that’s only open late at night — the order window is in a dark alley which makes it feel particularly shady). I can use this .gif in the post about it on my travel blog. Thanks!
        Cassie | Ever In Transit recently posted…Boltbus: (Another) New Way to Get From Los Angeles to San FranciscoMy Profile

    1. Yeah, to be totally honest, editing the photos is truly the longest task. But, it’s worth it!

    1. Let me know if you need any help Jamie!! I’m completely addicted because there are so many cute options:)

  1. Thanks for the great tips! I actually just found your site from The Cards We Drew posted about this on Facebook. I have always wondered how people made GIFs and wanted to try it myself. You make it look so easy that I will definitely be trying this very soon!

  2. When I saw the crayon box post on Google+ a while ago, I wanted to try something similar. I thought you just loaded it into your Google pics and autoplay put it together. I couldn’t figure out how you did the wording! (and I loaded a series of images that show how to roll an egg roll wrapper that would have been perfect but autoawesome didn’t do anything with them.) I was so frustrated! SOOOO glad you put this together! Can’t wait to try it for myself! 🙂
    Nicole Burkholder recently posted…Top 5 Tips for Organizing Like a Pro: Vol. 2, Day 24My Profile

  3. This was AWESOME! I happen to stumble upon this–I’m new to google+– and I just might stick around haha. I like animated gifs and I hate the fact that you can’t use them on Facebook. You just gave google+ another point in my score book.

    BTW… Your crafts are cute! I’m gonna share your blog with my cousin I know she’ll love it!

    Thank you again!


    1. Bahaha Emily! You crack me up! I’m completely obsessed with them too! So I feel ya:) Maybe we should to a “Spiffy Giffy Saturday” or something so that we’re forced to control our Gifs?

  4. I never really thought about how beneficial GIFs could be for my travel blog! I’m really excited to start making them now and finally realize where I can use them. Thanks so much! Great post! 🙂

Comments are closed.

follow @smartschoolhouse