I like to add background audio to my screencast tutorials. Like many of you, I don’t record in a profession sound studio. Often, I am recording in a home office and there’s always some ambient noise which I find distracting.

Background music can mask some of the ambient noise. Another benefit is that it helps set a pace and tone for the recording.

Free Background Music

There are a lot of “free” sites, but to tell you the truth most of them are useless.

Here are a couple of options that should provide most of the free background music you need. Like always, be sure to check the license and attribution requirements which can change.

• YouTube Audio Library: requires a YouTube account so you have access to the studio; free for commercial use, no attribution search options. Lots of variety and easy to filter to find audio based on mood and duration. This is my go-to for tutorials.
• Mixkit: free; no attribution. They have a good selection of music.

You can search the Internet for other sites, but for my money, either one of those two above are more than what you’ll need. And the price is right.

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 guest post by Elizabeth Pawlicki, Training Program Manager, Articulate.

Many e-learning designers are challenged because they don’t often build accessible e-learning courses. So, they’re not sure what accessibility means and how it impacts course design.

In a recent webinar, we discussed general ideas around accessible e-learning, common design challenges, and some ways to overcome them. One of the tips was to plan for accessibility from the start because it’s not a good idea to retrofit 508 or WCAG compliance into existing e-learning courses.

An attendee asked, “What’s wrong with retrofitting a course?”

Good question.

Understanding Accessible E-Learning

Imagine a city that already exists full of apartment buildings, skyscrapers, and transit systems. And then the city council implements a law that says there must be a half-acre of park every two square miles.

How will you accomplish that?

You either must tear down what you’ve already built or try to squeeze the bare minimum of acceptable “parkland” into your existing space. Since the parks weren’t an initial consideration, you do what you can to meet minimum guidelines, but you may not meet the aspirational goals of the intent of more parks.

And that’s often the case with e-learning courses that weren’t built with accessibility in mind. The retrofitted courses may appear to meet the minimum requirements but may not offer the best user experience; and they may not actually meet the requirements if all you did after-the-fact was apply accessible features to the original content.  And of course, all of that retrofitting costs a lot of extra time and money.

Challenges Retrofitting Accessible E-Learning

There’s a lot that goes into creating an e-learning course like consulting with subject matter experts, writing scripts, developing prototypes, presenting content to stakeholders, and iterating on the prototypes you have created. In the end, you have a published output that everyone has agreed upon.

When you try to retrofit a completed course, it may seem easy and straightforward. But once you begin to uncover how much needs to be undone, redone, and how many people could and should be involved in that process, you’ll find it’s more costly, time-consuming, and downright difficult. This is especially true when you consider the interactive nature of e-learning and how different users access the content.

Therefore, it’s important to consider accessibility as part of the initial production process so that you understand what’s required and build a course that meets everyone’s needs. If you start with accessibility in mind, you’re considering everyone. Everyone will feel included because they are.

Want to learn more:

• Download this free e-book: 6 Best Practices for Designing Accessible E-Learning
• Check out the recorded webinar: 5 Things You Need to Know About Accessibility

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.

Who doesn’t like free?

Recently, I shared these free resources: free animated gifs, free medical images, and free open doodles illustrations.

Today, I’m sharing more because you can never have enough of the free stuff.

One challenge with stock imagery is that it’s stock which means it’s mostly generic and doesn’t meet all needs. Another challenge unfortunately is that most stock imagery lacks diversity. Here’s a good start to fixing that problem.

The designers at blackillustrations.com provide a starter pack of illustrations that are free to use for commercial and personal projects.

What’s included?

• 50+ illustrations
• Business images
• Medical images
• Multiple formats including PNG, SVG, and AI

They also have a really nice education pack available for $38 that could come in handy for your online training programs. But of course, that isn’t free.

The pack is free, but as always, if you find them valuable you’re able to pay something for the developer’s time. And even though they don’t ask for attribution, it’s a nice gesture. Here’s a post on how to provide attribution in your courses.

Hope these help. If so, thank the developers and pass it on.

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.

When I’ve completed PowerPoint presentations or e-learning courses, I like to save all of the media assets I used in the presentations and courses and put them in a single location. During production I have multiple versions of the files, which is fine. But when it’s all over, I like a single place for all the media assets. It makes it easy to locate and not have to dig through all of the versions and duplicate files.

In today’s post, I’m going to show you a few simple tips to manage the media assetsin your PowerPoint presentations and e-learning courses.

It does require a couple of free tools which you can download here:

• 7-Zip
• Microsoft PowerToys

Use Storyline’s Media Library to Locate and Export Media Assets

If you’re using Storyline 360, the easiest way to locate your assets is via the Media Library. From there, you can select the ones you want and export them. Media Library filters by images, characters, audio, and video.

Steps to export the media:

• Open the Media Library under the View tab.
• Filter media by type.
• Select the media files.
• Select export and the media files will be saved to a folder of your choosing.

Here’s a quick tutorial on exporting the media files from your Storyline projects using the Media Library.

Click here to watch the tutorial on YouTube.

Use 7-ZIP to Extract the Media Files from PowerPoint & Storyline

7-Zip is a free application to compress and extract files. Both PowerPoint (.pptx) and Storyline (.story) use compressed file formats. Use 7-Zip to extract the file, locate the media in it, and then copy the media to a temporary folder.

Steps to extract the media from PowerPoint or Storyline files:

• Locate your file.
• Right-click and select extract.
• This creates a new folder with the file name.
• Locate the media folder inside the extracted file folder. In PowerPoint it’s in the “ppt” folder and in Storyline it is in the “story” folder).
• Copy and paste the folder to your archive location.

Here’s a quick tutorial that shows how to use 7-Zip to locate the media files in both PowerPoint presentations and Storyline files.

Click here it view the tutorial on YouTube.

Use Microsoft PowerToys to Rename All of Your Files to a Single Project Name

Recently, I shared how to use PowerToys to preview SVG files. Today, we’ll review how to quickly rename all of those media files you just dug out of PowerPoint or Storyline.

The steps are pretty simple:

• Locate the folder with the assets.
• Select the files you want to rename.
• Right-click and select “PowerRename” and rename the files.

If the titles are something like image1 and you want to rename all instances of “image” to Safety101, that’s going to be real easy. However, the PowerToys renaming is pretty powerful and with a few simple variables, you can do all sorts of things.

Check out the tutorial below where I go through the basics of renaming and how to change the name when all of the text is a bunch of gibberish or not easily found and replaced (which is probably more common).

Click here to watch the tutorial on YouTube.

I’ll admit, I am not always consistent with how I manage my media assets. Sometimes I keep them in a big media folder and sometimes I keep them in project-specific folder. Ultimately it doesn’t matter. When everything is done, I can follow the tips above and quickly have all of my media assets in one folder that I can share or archive.

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.

Recently I shared some free animated gif resources: animated icons and backgrounds. If you’re using Rise or Rise.com it’s as simple as inserting an image. They’re great for novel attention-getters or simple instructional procedures.

If you’re using Storyline 360, with triggers and state changes you can do a bit more to control how the animated gifs work in your course.

Animated gifs are great, but they do loop. Thus, when you insert them in the slide they just continue without end.

To make it more interactive, I like to insert a static image and then interact with the image to activate the animated gif.

Click to view the example.

The demo above shows a few ideas:

• Selected state is like an on/off toggle. Press on the image to toggle between the static version and animated gif.
• Hover state allows you to mouse over the static image to reveal the animated gif and mouse away when you want to leave.
• Down state is like the mouseover, but works by pressing down on the image to activate the gif, and releasing the mouse, stops it. I like this option the best.

Bonus idea: do the opposite and start with the looping animation and create an interaction where the animation stops when clicked.

• Visited state indicates when an object has been clicked. Use the animated icons as markers and then insert the static image in the visited state. This provides a nice visual indication of what’s already been viewed.

View the tutorial on YouTube.

What’s cool about all of the choices above is that they’re super easy to build and don’t require any triggers. Sometimes the looping can be a bit distracting to start, so having an interactive option is nice. I like them because instead of a looping animation it allows the image to become interactive where the user can click to view it and activate the animation.

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.

Who doesn’t like free and animated .gifs? They’re great for e-learning courses. Use them to create novel attention-getting images, add some humor, or show instructional procedures.

Recently, the AppSumo site gave away free animated .gifs via Lordicon. The offer no longer exists, but the Lordicon site still has a pack for 50 free animated gifs. It’s actually 100 images because you get outline and solid options.

These are great to use in your Rise 360 and Rise.com courses. Here’s an example course from one of our training webinars on how to create compliance training.

Use Free Animated Gifs As Header Graphics

Use Free Animated Gifs As Bullet Point Alternatives

Use Free Animated Gifs with E-Learning Interactions

Bonus Idea

I sign up for sites like AppSumo (there are others, too) because often they have media-related offers that can be used in online course development. This Lordicon offer was free and they gave away 1000 animated gifs. They also recently had an offer for Depositphotos images at $.39 each. That’s a great deal. That’s one that seems to come around every few months.

Most of the offers on those sites are not relevant so I ignore them; but I do like it when I come across one of the low cost (or free) multimedia deals that I can use for my courses. It’s worth checking 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.

SVG is an image format that is becoming more common. The challenge is that it’s not always easy to preview the SVG images you have on your computer.

What is an SVG?

SVG stands for scalable vector graphics, which means that it doesn’t have a defined resolution. Instead it’s made up of data in an XML file. So it can be sized up or down without image degradation which keeps the images are crisp.

On the other hand, most images used in e-learning courses are bitmaps. They’re essentially a grid of pixels. For example, an image that is 500×500 is 500 pixels wide and 500 pixels high. When the images is scaled up the pixels increase in size which degrades the image as you see the pixel blocks. With an SVG image you won’t have that type of degradation which is why they’re popular.

How to Preview an SVG File

The problem is that you can’t easily preview an SVG (as noted in the image above).

For example, when I download an SVG icon to my desktop, it looks like a web link. I can’t preview image without opening it in the browser. That doesn’t help if I have to click onto every link to preview the SVG files when I look for something specific.

Welcome Microsoft PowerToys! Install it and you’ll get an SVG previewer in the newly empowered File Explorer.

• Download Microsoft PowerToys.
• Open File Explorer and go to the View tab to enable the preview pane.
• Select an SVG file and you’ll see a preview of the image.

Now you can preview SVG files to your heart’s content.

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.

Many of you are currently creating new health and safety training focused on the Coronavirus (COVID-19). It’s not always easy to find the images you need. Here are some free images and resources to help with your training programs. And here’s a link for different ways to give credit and attribution for the free resources.

Free Coronavirus Stock Photos

These stock photos are provided courtesy of Icons8. They’re free to use. However, you may need to offer some attribution.

• Coronavirus stock photos

Free Coronavirus Icons

Here are a bunch of icons to use in your presentations and online safety training.

• Iconfinder
• Flaticon

Free Coronavirus Course

Cut through the confusion surrounding the new coronavirus with this free course that aims to dispel misinformation about COVID-19 (courtesy of Articulate).

If you want to use the course in your own organization, you can send a copy to your account and make the edits you need and publish it. If you don’t have access to Rise 360, sign up for a free, 60-day trial of Articulate 360.

Here’s another free course shared via John Hopkins created with Rise 360.

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.

Many of you probably do lots of writing using online applications. This is especially true as many of us are spending a lot more time working remotely. If you do a lot of writing, odds are you can use one of those handy browser extensions to help with spelling and grammar.

I’ve used Grammarly, in the past. It’s a really good extension and works well. In fact, I used it for a quite some time. However, I’m always open to new browser apps and extensions, especially if they’re not too intrusive to what I’m working on. Personally, I had to quit using Grammarly because it slowed down my work and often the feature interfered with what I was doing, so I found myself turning it off more than on.

Microsoft recently introduced their grammar/spelling browser extension, Microsoft Editor. The app is available to anyone, but with a Microsoft account, you have access to more features and multiple languages. I’ve been using it for about a week now. I find it to be light and responsive.

If you do your course editing in your e-learning authoring tool like Rise 360, then Microsoft Editor is a tool that comes in handy.

Below is a quick overview of the Microsoft Editor app and how I use it in Rise 360 when building online training programs.

There are a few good grammar and spell checker tools out there. This is one I like.

What are your thoughts?

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.

Of course your e-learning software comes with a great assortment of e-learning templates and characters to use in your online training courses. But, really, who doesn’t like additional free illustrations to use in e-learning courses?

Recently, I shared a few free illustrations that can be modified for your online training. Hopefully, you found a use for them.

Free Illustrations for E-Learning

Here are a few more from Open Doodles. What I like about them is that they’re simple and they’d work great for an informal course or one where you want a more organic look and feel.

Modify the Free Illustrations

What’s nice about these illustrations is that you can modify them simply with a few clicks.

On the site, you’ll see the option to download the graphics, modify them or even download some compositions.

Ideas for Free Illustrations

Download the files as SVG and you can edit them. If you’re not sure how to use them, they offer a few examples that may give you some ideas.

I’d consider them to be good decorative images to either set a tone for your course or add some visual interest.

Hope you enjoy. Be sure to give props to those made them available.

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.

There’s a lot to say about gamified e-learning. I’ve shared some ideas in previous posts with links to some examples, free templates, production ideas, and recommended books.

One thing that seems to be a common challenge for many e-learning developers is crafting the right visuals for a gamified experience. Even though gamification and games aren’t the same thing, often I look for game user interfaces (GUI) to provide some simple visual ideas. They offer a visual design that is cohesive and includes a lot of common objects, such as content holders, progress indicators, badges, and buttons.

Many stock image sites sell GUIs. Below is a screenshot from Deposit Photos. If you have a subscription to one of these services, you’re all set.

If you’re not in a position to buy a GUI, here are a few free options. You can also search some of these sites for additional free GUIs. I’m sure you’ll find more that the few I share.

Even if you can’t use the free GUI, it’s worth spending some time reviewing what types of assets and content buckets they offer. That may give you some ideas for your own interfaces. Keep in mind, most of these free downloads require other tools to open and edit the files.

Free Game UI: Jungle Game

Craftpix.net has a lot of free game image resources. They do require a free account to download the GUI.

• Download the free game ui
• The file uses the Soup of Justice font
• License: free for commercial use

Free Game UI: Cartoon Game 1

Graphic Burger is another site that shares a lot of free stock assets. I like this GUI and use it in one of my workshops where we learn to work with variables.

• Download the free game ui
• License: free for commercial use

Free Game UI: Cartoon Game 2

DesignShock often shares free resources. You do have to look at the license agreement to make sure they resources can be used for commercial work.

• Download the the free game ui
• License: free for personal use; slight fee for commercial

If you use any of these types of interfaces, I’d love to see what you’ve done. Feel free to share the links in the comments section.

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.

Rise 360 is a great application to create e-learning. It’s form-based so it’s easy to use. Pull all of your instructional content together. Then go into Rise 360, select from dozens of various content blocks, and add your content.

Super easy. No programming required and because of the way it works, it doesn’t require any design work.

But what do you do if you want some graphics or illustrations to go with your Rise 360 courses?

Check out these open source illustrations from unDraw.co. They look nice and they’re free to use for commercial projects. You can download PNG or SVG versions of the illustrations.

Here’s why I think these free illustrations work well with Rise 360.

• In Rise 360, you set a core accent color.

• In unDraw, you set an accent color.

• Use the same accent colors for the Rise 360 course and the unDraw illustrations and they look like they belong together.
• The illustrations are editable if you use an SVG editor. And because they’re open source you can customize them to your hearts desire.

Here’s an example where I matched the accent color in Rise 360 with the free illustrations from unDraw.

If you need some quick, easy-to-use free illustrations to complement your Rise 360 courses, then give these a try.

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.