Most software training is done using screencasting tools like Storyline or Replay. However, you don’t always need a full video to show procedural steps. Sometimes, it’s easier to create animated .gifs. And here’s an easy way to create them for free.

Create Animated .GIFs for Free with Screen2Gif

Screen2Gif is a free open source application available here for download. It’s created by Nicke Manarin, so be sure to give him props or send him a few bucks for his efforts. You can find his contact info and a link to PayPal (if you want to help him out) in the options tab.

Here are a few quick pointers if you’re using the application to create animated .gifs:

• There’s no installation required. When you click the .exe file it opens the application.
• You can record your screen, a webcam, or whiteboard. It defaults to screen recording, but you can change it to open in either of the recording options.

• You can set the quality settings for the recording as well as change the DPI and resize the image.

• There’s no formal community with the animated .gif software, but there is an active Reddit group where you can get all sorts of help.

Play Around with Quality and Recording Size When Creating Animated .GIFs

You’ll need to play around with the quality settings especially if you want to resize the recorded window down. Here are some examples recorded at different quality levels:

• Default 10 quality setting: 1355 x 762 (328 KB) and here’s the same recording resized down to 500 x 281 (125 KB).
• The highest 20 quality setting: 1355 x 762 (366 KB) and resized down to 500 x 281 (136 KB).
• You can play around with the DPI settings as well; but you should probably learn more about DPI and how it relates to images.
• Ideally you don’t want to scale the recording size down. Often people record the entire screen when they only need to record a portion. By recording a portion you can maintain a nice crisp image and smaller file size.

Personally I find the default settings fine. The key is to record at a resolution where you won’t need to scale the image so that you can retain a nice crisp image.

Animated GIF Example for E-Learning

Click here to view the demo.

Above is a simple example of an animated .GIF used with a static image. I did a screen grab of a software screen and then inserted markers for specific areas. This allows me to skip recording a video and instead focus on key areas where I need to show specific steps. This is a good approach when you have features that are still in flux and if recording the full screen is problematic.

Animated .gifs are great for simple steps. They’re easy to create. And now you can do it for free.

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.

A while back we had a great challenge on how to use video as the slide background in your elearning courses. It’s a great way to add texture and novelty to screens that are usually plastered with static images and bullet points.

Video backgrounds also force us to think how we’ll lay out the content to accentuate the video. That helps us think about layouts in different ways.

There are over 50 excellent examples in the challenge recap link above. Be sure to take a peak for inspiration. Here are a handful of the ones that stood out to me.

Examples of Free Stock Video Courses

• Great use of stock video throughout. Really elegant example.
• Just looks beautiful.
• Love the way she tied the colors and yoyo into the design.
• Beer! It’s already in the win column.
• Elegant opening screen.
• Clever way to get people to interact with the screen.
• Love the novelty of integrating real video with illustration.
• I like the way the panels animate in and out over the video.
• Great way to build a video meme: think outside the box and time travel.

There are a ton more great examples for this challenge. Be sure to check them out. Which ones do you like best?

Find Free Stock Videos

One of the first questions that comes up is where to get free stock videos. Most of us have our own media production studios in the form of our smart phones and tablets. It’s easy enough to shoot high quality footage to use in your own courses. This adds real context and a connection to your subject matter and organization. If you’re not comfortable shooting your own stock video, try out some of these free stock videos sites. And don’t forget about all of the free stock photo sites we covered earlier.

• Coverr: seven new videos every week.
• Pexels: lots of good stuff and link to free stock photos, too.
• Distill: not to be out done, ten new videos every ten days.
• Fancy Footage Club: site is closed but they provide a Dropbox link to download all of the free stock videos. Get it while you can.
• Videvo: free but want a social media share when you use the video. That’s fair for free content.
• Vimeo: miscellaneous free stock videos.
• Cute Stock Footage: some cool green screen videos.
• Videezy: decent selection, but they lead with Shutterstock examples, which requires an account.
• Mazwai: lots of videos, but the site seems to freeze when they all load.
• Vidsplay: totally free stock videos.
• Clip Canvas: free but not a big selection.
• Pond5: free stock videos found by Geraldo in Al Capone’s vault.

There’s more than enough free stock videos to keep you busy for a while. Now it’s your turn. Take a stab at the background video challenge and submit an example here.

You can always find inexpensive stock photo subscriptions. In fact Graphic Stock (which has a good selection) regularly runs a $99/year subscription with unlimited downloads. They also have a video  and audio service that is reasonably priced.

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.

A few years back working with video was not all that easy. Most networks couldn’t support the delivery of video and producing video was expensive and really time-consuming. However, that’s changed quite a bit over the years.

Rapid E-Learning Makes Interactive Video Easy

Here’s one of my favorite examples of how things changed with the advent of rapid elearning. A few years back, one of our Flash developers was a little behind on a project to create a flash-based video player for one of our courses. When I looked at what he was doing, I asked why he didn’t just use Engage’s media interaction since it was easy enough to insert the video and required no programming.

Click here to see an example of an Engage interaction with video.

Of course, since he was an experienced Flash programmer (who took pride in his programming chops) he hemmed and hawed about why rapid elearning sucked and how it was better if he did it on his own. However, with some prodding he relented and gave Engage a chance. And guess what? 5 minutes later he was done which meant he could use his advanced programming skill on other projects that required it more.

The point is that today’s tools have made video production so much easier. Gone are the days of burdensome programming. On top of this, most of us have smartphones and tablets that are pretty awesome media production tools. And now delivery over the organization’s networks is also much better.

So that means today producing interactive and engaging video-based courses is viable and a great way to deliver your training. Here are a couple of easy ways to use interactive video for your online training.

Interactive Video: Click and Collect or Explore for More

In this example the video plays and at certain points a clickable object displays. The user can ignore it and continue viewing the video or she can click on the object which pauses the video and exposes additional content. Here’s quick demo I created using this video from YouTube produced by Union Gas.

Click here to view interactive video example.

Here are a couple of other examples of similar interactive videos:

• Learn to cook
• Brew a cup of coffee

This approach works great for annual refresher training where the experienced person watches the video, but the less experienced person has the option to stop and learn more. It’s also a great way for the user to collect information that may be critical for other interactions in the course.

Interactive Video: Click & Quiz

This example is similar to the example above. The main difference is that you can pause the video to assess the users understanding at certain points in the instruction.

Click here to view the interactive video quiz example.

The example above also introduces two options. One is for quick assessments where tracking is not required. And for those times where tracking in the LMS is required, the lightbox method works perfectly.

Here are a few other examples of similar interactive videos.

• Two Truths and a Lie: have the learner review multiple videos and choose the correct one. Great for role playing, soft skills, or product training.
• Interactive Video Quiz: includes a how-to tutorial and free download to create your own.

This use case is perfect to confirm that they’re acquiring information from the video to quiz them on what they’ve learned. While the quizzes in these examples are basic, there’s no reason why you couldn’t make them more complex using variables or branched video interactions.

As noted earlier, interactive video for e-learning is a viable solution. Check out some of the other examples here and try your hand at your own interactive video. And of course, if you have any questions, don’t be afraid to ask. We’re always there to help.

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.

I like to play with new apps and test them to see how they help me be more productive or get better at building courses. Today I share three free apps that you may find to be time-savers or help be more productive.

Help with Google Docs

We use Google Docs here at Articulate. If you use Google Docs, then you know that when working on projects, you don’t just have one Google Doc. Instead, like dandelions they grow exponentially, and you end up with dozens of Google Docs. In fact, I was thinking about writing a follow up to the If You Give a Mouse a Cookie books based on giving someone a Google Doc, because chances are…

Here’s an easy way to add links to a Google Doc from other Google Docs.

Because we tend to have a lot of documents for each project it’s easy to lose sight of what’s there. Some people create a master document with links to all of the other docs. However, it’s a pain to dig around finding links and adding them to the master document.

However, if you use the Link Chooser add-on, it’s just a matter of quickly finding and adding a link right from the document. This creates a link and title for the link. Here are the steps:

• From inside Google Docs, select Add-ons > Get add-ons and select “Link Chooser.“
• To add a link from a different document, go to Add-ons > Link Chooser > and then select the file or folder you want to link.

• A link to the document will be added.

This is a great way to create a master document for your project with links to all supporting documents in Google Drive. There are all sorts of additional add-ons that will extend your Google Docs. Be sure to check them out.

For you Google Docs users, are there any extensions or add-ons you like to use?

Share Your PowerPoint Slides to Twitter & Facebook

I like to tweet some of my workshop presentations. I used to convert my slides to images and then tweet the images. However, Microsoft has a new app that lets you share your PowerPoint slides and files via Twitter and Facebook.

Get the Social Share app here, and it installs as a tab in PowerPoint.

Using Social Share via Twitter & Facebook

• Select a PowerPoint slide and from the Social Share tab, do a screen capture of the slide.

• Add your comments and send the Tweet. Here’s an example of a tweet I sent using the app.

• You can also send PowerPoint slides to Facebook as an image, album, or video.

Create Simple Explainer Videos and Whiteboard Courses

Here’s another cool app from Microsoft that is free and helpful. This is also great to have if you one of those 2-in-1 computers with a stylus.

• Download the Snip app. It’s persistent on your desktop and easy to access.

• Once you create a snip you can record audio to quickly explain an image or create a quick whiteboard video.
• Save the video as .MP4 and insert into your elearning courses. Here’s a quick video test I made based on one of my PowerPoint slides on interactive elearning.

It’s a simple tool, but one that may come in handy for quick explanations. And it’s free.

Of the three tools the one I find the most useful is the Google links because I use Google Docs every day. Do you use any of these free apps? If so, how’s it going? If not, which one do you like best?

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.

Multimedia for elearning is something common to all of our courses. There’s only so much you can put on the screen. It’s either going to be text or some sort of multimedia like shapes, pictures, or video. In addition, you may have audio narration to complement what’s on the screen.

At some of our workshops we discuss inexpensive ways to acquire multimedia for elearning. We’ll reference some of the previous posts when we’ve discussed different ways to either get free multimedia for elearning or learn to create them yourselves:

• Free Stock Images
• Free Fonts
• Record Your Own Audio Narration
• Free PowerPoint Templates
• Free Downloads

However, sometimes you don’t have the time or skill to create your own assets. And all of those free media assets may not fit the real needs of your course design. That means you’ll have to find someone to build them for you.

Fiverr is a site that offers access to all sorts of multimedia and graphic artists for $5 a project. While the advertised costs are $5, most of the projects are limited in scope and the artists are looking for a way to market their skills and have up sells. If you plan it right, you can get multimedia for elearning at a reasonable price.

Here are a few examples I pulled together to give you some ideas. I have no affiliation with any of the artists and it’s possible they may have restrictions on what they will do. So you’ll want to connect with them personally.

Multimedia for E-Learning: Custom Illustrations

Proposed plan:

Many of the artists only do head and shoulder images. However, some do full body. They usually have a starting pay scale and range of add-ons. Even if the image goes from $5 to $50 per image, that’s a great deal for custom art work.

• Storyboard your screens so you know exactly what characters and poses you need.
• Create a shot sheet with a list of required characters.
• Find some co-workers and take photos of the expressions and poses as a reference for your artist.

Artists shown: Broomvector, Mariadesigns, Punisher357

Multimedia for E-Learning: Audio Narration on a Budget

Proposed plan:

As can be seen in the image above, you can select voiceover talent by gender, accent, age, and more. There are a lot of really good voiceover artists on Fiverr. Most of them will do 75-100 words for $5.

This is close 75 words of text:

What would the world be like if the objects that surround us became less mysterious, if not only the bits but also the bolts became something into which we could peer? What if the black boxes that occupy our desks, our homes, our skies suddenly became transparent?

We asked more than a dozen open-minded technologists to explain how applying open source principles to physical devices is shaping the way we work and play.

That means you can get each slide recorded for about $5-15 per slide.

• Write your narration script.
• Get rid of half the words. You don’t need as much as you think you do.
• Make sure it sounds like a human is reading it and not some corporate drone or lawyer (although they’ve been known to be human).
• Get the final script approved before sending it out to be recorded to avoid do overs.

Multimedia for E-Learning: Video Actors & Presenters

Proposed plan:

Adding video to your elearning courses adds a lot of texture and personality. To me this is one of the best things available on Fiverr because creating video requires video production skills, audio narration, and great on-screen talent.

Many of the producers offer green screen recording so that adding the videos to your course screen is seamless. Although unless you can do the editing, you want to request that the video has a transparent background and not the green screen.

To manage costs and production, I’d only add video to a few strategic sections like the opening, summary of sections, and closing.

• Storyboard the course to determine where you need video.
• Develop some shot sheets of required video. Also determine if the person is on left or right of screen. A recording with a transparent background is ideal because you can nudge it into position.
• Create narration script.

Artists Shown: Tamerak, Sebski22, Mjenning

Multimedia for E-Learning: Custom PowerPoint Templates

Proposed plan:

There are artists who will create infographics, templates, and presentations. Essentially any graphic file can find its way on your course screen. What’s the difference between a PowerPoint, web site, or elearning course screen? They all have the same elements.

• Storyboard your screens
• Define visual elements and content containers
• Determine color scheme  and font style

Artists shown: Mint_Ideas, Believeable Video, Danukz

There are all sorts of other services offered on Fiverr that may add value to your courses. One of the benefits of the site is that you can dip your toes in the market and see how things go. You’ll get some inexpensive multimedia assets and can test the service and responsiveness of potential multimedia developers. As I stated earlier, I have no vested interest in the site or the artists. I just want to give you some ideas on how you might use it to your advantage.

If you do use the services on Fiverr, especially video, let me know. I’d love to see how it turns out.

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.

We’ve looked at understanding the customer’s perspective, how to jump start you project, what you should know about designing a course, how to build a project plan, and working with your subject matter experts.

Today’s rapid e-learning tools make creating e-learning courses so much easier. It’s possible to build good e-learning courses with a limited understanding of the technology. However, you can really leverage the rapid e-learning tool’s capabilities and make more engaging content if you have a basic understanding of the multimedia technology.

In this post, we’ll take a quick peek at graphic, audio, and video technology. I’ve also included some additional resources and links to free software.

What Should I Know About Graphics

When using images in your rapid e-learning courses you want to maintain the best quality possible. A lot of this has to do with the image formats. The challenge is to understand the various formats and what’s best for your project.

This article from Wikipedia does a great job explaining image formats and their differences.

Typically, you’ll find the best success if you can stick with vector-based images because they scale better. Here’s a good post that explains more about images in e-learning.

In addition to understanding how the formats work, it is worth having a good graphics editing program to help you with your rapid e-learning development. It allows you to manipulate and customize images, as well as convert and save to various formats.

What Should I Know About Audio?

Good audio quality is a combination of equipment, location, and talent. You need to begin with the best audio quality because you cannot increase it over the original.

The microphone you use affects the quality of your audio. There are many resources online to teach you about microphones. The main thing to understand is that microphones are not the same and how they record audio is different. Take some time to learn the basics of microphone technology. It’ll help you get the best results when you record narration. I also recommend visiting a community forum to ask others what mics they use and how they record their narration.

Ideally, you get to record your audio in a controlled environment like a studio. However, this is usually not the case. Many times you’re forced to record the narration in a conference room with limited control over the ambient sound like office chatter, copying machines, and air conditioning. In this case, make do with what you can. Turn off the air conditioner. Unplug office machines. Ask people to be quiet. Before I record, I like to stick my head out the door and tell everyone to “shut your stinkin’ traps.” This way they know something serious is going on.

The quality of your narration is important to your e-learning course. If you choose to go with non-professional talent, expect that you’ll get what I like to call “presentation quality” audio. The advantage to this approach is that you can produce it quickly and at a good cost. For many projects, this is fine. However, you get what you pay for.

If you find that you want a polished sound, you might want to budget for professional narration. While it appears to cost more than going with non-professional narrators, you can save a lot by avoiding time-consuming edits and audio retakes.

What Should I Know About Video

Rapid e-learning’s popularity means that there is an increase in the demand for video. It is important to have a basic understanding of the different video formats, frame rates, streaming, and how to get the best quality for web delivery.

PC Magazine has a good article on using video in PowerPoint. A lot of the information is relevant to rapid e-learning.

Video quality is like audio. You are not going to get better video than the video you start with. It’s important to learn some basics about creating good quality video. Videomaker magazine is a good resource for non-expert video making. They have good tips and techniques and they write to those of us who don’t create videos for a living. It’s a great place to start.

As the rapid e-learning tools evolve, you’ll need to have good end-to-end skills. You don’t need to to be an expert at everything; however you do need to understand the basics. Learn more about multimedia and built a good network of resources to help you when you need it.

Additional resources

Here is a list of some additional resources.

• Learn more about graphic formats
• Learn more about digital audio
• Learn more about video

Our last post answers the question of what to do when you’re through.

Events

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 e-learning, instructional design, and training jobs	Participate in the weekly e-learning challenges to sharpen your skills
Get your free PowerPoint templates and free graphics & stock images.	Lots of cool e-learning examples to check out and find inspiration.	Getting Started? This e-learning 101 series and the free e-books will help.