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>> https://smartschoolhouse.com/blogging-tips/how-to-make-an-animated-gif-for-your-blog

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





Pages: 1 2

Comments

  1. I absolutely love the look of animated gifs ~ I tried my hand at it twice but nothing this fabulous! Pinning and sharing.

    Have a lovely week!
    Mary Beth @ Cupcakes and Crinoline recently posted…Project Inspire{d} Linky Party #31My Profile

  2. SOOO COOL! Did all those photos take forever though?! I love how you did this, seriously it’s awesome. Maybe someday I’ll find the patience to make one and when I do I’ll be back to remember how 🙂
    Abbey recently posted…15 Things to Make with ApplesMy Profile

    • smartschoolhouse@gmail.com says:

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

  3. Awesome resource! I’ve only made animated gifs with ImageReady – and to me it was always very clunky and confusing – I’m so excited to try this one!
    Jamie @ hands on : as we grow recently posted…Apple Tree Craft for ToddlersMy Profile

    • smartschoolhouse@gmail.com says:

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

  4. 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!

  5. 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

  6. 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!

    Andrew

  7. I knew you could get a series of photos with google+ auto share photos, but I didn’t realize they had a program to edit them this way! Sweet! Can’t wait to try this, thanks!
    Tonia L. Clark recently posted…❀Klout Secrets Revealed! #WAHM Raises Her #Klout Score From 63 to 67 in 30 Days! #BlogElevated #Giveaway❀My Profile

  8. This is sooo cool!! Thanks for sharing. I want to do this for every post now so I may need a “How to have a little self control and not animate everything on your blog” tutorial next. 😉
    Emily @ My Love for Words recently posted…Reducing Toy ClutterMy Profile

  9. OMG…that is so cool!! I will have to give that a try with a recipe in the future. Thanks for the awesome tutorial 🙂
    Lisa@ Cooking with Curls recently posted…Spanish Meatballs in Almond Sauce & food of the worldMy Profile

  10. It just so happens that I recently took a series of photos…I am going to try this as soon as I get done with my work for the day. Thanks for the cook tutorial!
    Elizabeth Towns recently posted…Early Rising – Day 10: My Faith Says Be GratefulMy Profile

  11. Thanks for the tutorial!! 🙂 I was wondering how you did this! Pinning for later!
    Katie @ Made to be a Momma recently posted…{Homemade By You # 67}My Profile

  12. Thanks for an amazing tutorial, I can’t wait to try it!

  13. ME ENCANTO! LO VOY A PONER EN PRACTICA!!!

  14. This is really cool. Thanks so much for sharing. I loved this tutorial so much I had to go and make my own gif. 🙂
    Susi recently posted…Going Under! – GIF {Wordless Wednesday}My Profile

  15. This is so awesome!! Thanks so much for the great tutorial! I cannot wait to try this!
    Boni recently posted…Round and RoundMy Profile

  16. Super cool! I’ve been wondering how to do that! Thanks! ~Ali from Pies & Puggles
    Ali Burtt recently posted…Outfit Post: Trina Turk Silk TopMy Profile

  17. What a cool tip! I’ve always wanted to know these were made. I’m def going to add one to my site. Thanks so much for sharing Kelly!
    Julie Jamison recently posted…4 Tips To Prep your Small Foyer For Back To School MadnessMy Profile

  18. This is super inspiring, and I am wondering if there is a way to do this with Flickr? I don’t usually upload images directly into my blog?
    Shelley recently posted…Just Brush Your Teeth!My Profile

  19. 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! 🙂

  20. This is great! Thank you so much for the step by step.
    Lauren recently posted…I Love You Because | Free Valentine’s Day PrintableMy Profile

  21. This is rocking my world! So trying this on an upcoming post! Thanks for sharing your knowledge!

  22. I am so excited to try this! Thanks for the tutorial Kelly. It looks really fun. Pinning.
    Make it a great weekend…
    Meegan recently posted…Grow YOUR Google+ Link Party HOPMy Profile

  23. Dee @ From Wine to Whine says:

    oh my goodness, this is amazing!!! Thank you so much for sharing the tutorial!!!
    Dee @ From Wine to Whine recently posted…VALENTINES DAY PRINTABLES for your kidsMy Profile

  24. Fabulous tutorial, Kelly! I’ve done GIFs using photos before, but never graphics – – and I don’t know why I didn’t think of until now, but my mind is BLOWN with possibilities. Thanks, lady!
    Lauren @ The Thinking Closet recently posted…NEW Weekly Email Launch & Giveaway!My Profile

  25. Shubhang Dabral says:

    Hi Smart School House,

    Really liked this way of creating an animated gif with this tool along with the best selected images that tell the story of your blog/company.

    I have made a few gifs for QUDOS ANIMATIONS and would love to share them with you.
    https://plus.google.com/+Qudos-AnimationsCoUK/posts?partnerid=gplp0

  26. Kelly you just rocked my world – thank you so much for this awesome tutorial!

  27. I like how your phrased this. Take a series of photos that tells a story. Short Sweet and to the point.
    Neil Ferree recently posted…Dominate Page 1 Search Results using Social SEOMy Profile

  28. Now that Pinterest will show animated GIFs, I gave your tutorial a try. First of all, SO EASY. Second of all, this is addictive. Finally, here is the animated GIF pin I made to promote a blog post:
    http://www.pinterest.com/pin/387028161699149008/

    Thanks for the great step by step!
    Susan Wenner Jackson recently posted…What is your child care backup plan?My Profile

  29. This is so cool. Love the fun way you presented. Thank you!

  30. This is so cool. Love the way you presented. Thank you!

  31. What a great tip!! You are too smart!
    Thanks you!

    Blessings,
    Diane Roark

  32. Nice!! I’ve been looking for a GIF maker for years! Thanks!! 🙂

Trackbacks

  1. […] and super cool tutorial on how to make gifs yesterday and had to try it out for myself. Kelly at Smart School House does a great job of walking you through the steps and explaining everything. It was super easy for […]

  2. […]  I made this fabulous animated gif with the help of Kelly from Smart School House amazingly easy Tutorial on How to Make an Animated Gif.  I so love it!  It is definitely my centerpiece for our Thanksgiving Tablescape, which […]

  3. […] ♥ For my blogger friends, here’s a great tutorial from Smart School House on how to make GIFS […]