The Rapid Elearning Blog

free animated gifs

I did a workshop on simple ways to create animated .gifs for e-learning courses. In part of the workshop we play around with using them as header graphics for Rise courses.

Header graphics are mostly decorative so the trick is to get decent enough quality while keeping the file size down (which is a major challenge with animated .gifs). I created a number of .gifs from some generic videos and figured I’d share them here for those who may be interested in using them.

Examples of Headers Using Animated Gifs

Here are some nice example courses that use .gifs. I think the animations really work well because they add some visual novelty and interest.

animated .gif headers from Rise

Click through the course examples because there are some other really cool uses of animated .gifs throughout.

Examples of Free Animated Gif Headers

free downloads animated .gif headers for Rise

Here are a few demos to see what they look like as headers in Rise courses. Personally, I am more partial to the vector examples. Which do you prefer?

There are more in the folder. You can download the animated .gifs here.

Keep in mind that these were used for training activities, but I did keep the headers somewhat generic so that they may be used in other projects. Hopefully you can use them and get some ideas on how you could create your own.


Upcoming E-Learning Events

  • We're currently working on locations and dates for 2019.

 

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 


6 responses to “Here Are Some Free Animated Gifs”

September 4th, 2018

Thank you for sharing! Question, what dimensions do you use when building a header graphic?

Love these, but one seems to be missing. Can you correct the link to Futuro Space Training gif?

September 4th, 2018

@Jeannie: the link is accurate, but for some reason the blog is putting some gibberish code in it. Try it from the community until I can figure out why the link is getting altered.

September 4th, 2018

@Kimberly: good question…the header graphics get cropped when scaled in different aspect ratios so it really doesn’t matter. I kind of like somewhere between 16:9 and 2:1 as aspect ratios.

Thanks! Do you have a tutorial somewhere for how you create these? Or will you be offering any additional workshops on this?

September 12th, 2018

@Hannah: I’ve got a blog post coming out soon with a few ideas.