Skip to main content
Category

Animation

Tax Tips

This is my submission to Articulate’s Design a Comic Book Theme for Your e-Learning Course Challenge. I’ve found that courses using a comic book theme can be very engaging, and the technique works well for both serious and lighter topics.

Tax Tips for the Self-Employed

Frustrated by the tax code? Here comes Sir Freelance to the rescue! Click the image below to view the demo.

Authoring Tools

For the video introduction, I created slides with PowerPoint, then saved them as images (.pngs). I used Camtasia video-editing software to edit the images into a video. Finally, I inserted the video intro into the Storyline 360 module.

Image Editing with PowerPoint

Many of the images I used were obtained from Pixabay, a site that offers free image downloads. I altered the images in PowerPoint, using the Drawing Tools and PowerPoint Shapes.

Audio Soundboard

Domestic Violence Statistics in the USA

This demo is my Interactive Audio Soundboard for Articulate E-Learning Heroes Challenge #317. Click the image below to view the demo.

Powtoon Animation

The introductory animation was created in Powtoon, and edited in Camtasia. The voice-over was done by Joanna, one of Storyline 360’s text-to-speech voices. I find that using text-to-speech voice-overs in eLearning demos is a real time-saver when creating interactive eLearning examples for clients–but nothing beats professional voice-over for the finished product, of course.

Storyline Lightboxes

The learner can click on any statistic in the soundboard, and a lightbox with more information will pop up.

Authoring Tools: Storyline 360, Camtasia, Powtoon

T. Rex to Tweety Bird

Using Interactive Timelines to Present Sequenced Information in E-Learning

Timeline: From T. Rex to Tweety Bird is my interactive timeline demo for Articulate E-Learning Heroes Challenge #315.

Click the image below to view the online demo.

Combining Animated Video with Storyline Layers

The base layer of this Storyline 360 presentation is an animated video I created with Powtoon, which includes background music. I wanted the background music to play across the entire presentation, but Storyline does not support playing music across several slides. So, I added the timeline links I created with Storyline to the end of the video. The timeline links lead to the various slide layers with dinosaur information.

This way, entire presentation is kept on a single Storyline slide, so that the background music can play without interruption.

Authoring Tools: Powtoon, Camtasia, Storyline 360

2 Truths and a Lie

Classic Icebreaker Practice: 2 Truths & a Lie is my demo for Articulate E-Learning Heroes Challenge #313.

Click the image below to view the online demo.

Animation Tools: Powtoon, PowerPoint, & Camtasia

I created the animated cartoons with Powtoon, and edited the videos with Camtasia. To animate the cat’s face with different expressions, I used PowerPoint shapes.

Authoring Tools: Powtoon, Camtasia, Storyline 360, PowerPoint

Passenger Safety Card

Health and Safety at Desert Air is my demo for Articulate E-Learning Heroes Challenge #309: Creating Interactive Passenger Safety Cards. Click the image below to view the online demo.

Powtoon

I created the animated cartoons with Powtoon, and edited the videos with Camtasia. Storyline 360 was used to add the interactive aspects of this eLearning sample. Powtoon published an excellent review of this eLearning demo on their YouTube channel:

Authoring Tools: Powtoon, Camtasia, Storyline 360

Urban Beekeeping

Keeping the Urban Bee is my demo for Articulate E-Learning Heroes Challenge #312: Combine Photos and Illustrations in E-Learning #312

Click the image below to view the online demo.

Using PowerPoint to Alter Photographs and Images

The background photographs were edited in PowerPoint, using the application’s Artistic Effects tool. Techniques used:

  • Tint the photos with sepia tones
  • De-saturate colors
  • Blurred background images
  • Darkened images

Some of the illustrations were also edited using PowerPoint, using the following tools:

  • Background removal tool
  • Sharpen contrast tool
  • Increase color saturation
Powtoon and Camtasia for Video Editing

I used Powtoon to create slide transitions, add the animated bee, and to add background music. Camtasia was used to reduce the size of the video and provide the video player.

Authoring Tools: PowerPoint/Presenter 360, Powtoon, Camtasia

Urban Beekeeping info from: https://en.wikipedia.org/wiki/Urban_beekeeping

Keep Your Teeth!

Did you know that more than 36 million Americans do not have any teeth? Many more have lost at least one tooth. The purpose of the eLearning game Can You Keep Your Teeth, is (not surprisingly) to keep your teeth.

You can keep them if you answer the dental hygiene questions correctly! Make a mistake, and lose a tooth. Click the image below to play the game.

Update

I originally created this game in 2016, using Storyline 2. This version, submitted to Articulate E-Learning Heroes Challenge #311 – Using Dials and Sliders to Select E-Learning Characters, has been completely updated in Storyline 360, with new graphics and a new video.

The animated video introduction was created with Powtoon, an online, easy-to-use video software application.

Authoring Tools: Powtoon animation, Camtasia, Articulate Storyline 360

Clinical Trials

Articulate’s eLearning Heroes Challenge #307 is about building the most common e-learning interactions. I decided to create a tabs navigation interaction about clinical trials.

Before a safe and effective vaccine for COVID-19 could be released to the public, it had to successfully go through randomized, double-blind, placebo-controlled, clinical trials. Select each term in the tabs interaction demo to learn more about why such trials are referred to as the “gold standard” of clinical trials.

Click the image below to view the demo.

Authoring Tools

To create this presentation, I used Powtoon to create the intro video, and Camtasia to edit the video. Articulate Storyline 360 was used to create the tabs interaction.

Immunity Game

Articulate E-Learning Challenge: Use Animation in E-Learning #201

Click the image below to view  my short eLearning Game Demo for Mobile Devices: Can You Get Immunity?

I created this demo specifically to be viewed on phones, by altering the default slide size and orientation in Articulate Storyline 360. The game features videos created with Plotagon animation, edited with Camtasia.

Authoring tools for this presentation: Storyline 360, Plotagon, Camtasia

Rules of the Road

The Rules of the Road is my eLearning game/quiz demo for Articulate E-Learning Heroes Challenge #245: Designing Custom Quiz Results Slides in E-Learning (2019).

Click the image below to view the online demo and play the game!

Custom Quiz Results and Feedback Slides

The Rules of the Road game is really a Storyline eLearning quiz with gamified elements, including custom question feedback slides and customized quiz results slides.

Authoring Tools: Storyline 360 for the quiz slides, PowerPoint for altering images, Camtasia for video editing

Your Brain on Soccer

Click the image below for the demo.

Powtoon Animation

Soccer Training, Drills, and Examples in E-Learning is Articulate’s E-Learning Heroes Challenge #241. My example is a short public service announcement video that highlights the danger of brain injury from excessive head trauma. I created the video using Powtoon animation, and included an interactive hotspot (a hyperlink to the Centers for Disease Control and Prevention) by editing the video in Camtasia.

Authoring Tools: Powtoon, Camtasia

London Navigation

Getting Around London is my demo for Articulate E-Learning Heroes Challenge #250: How are You Using Text and Images in E-Learning Design?

Click the image below to view the online demo.

Using PowerPoint to Alter Images

The images were edited in PowerPoint, using the application’s Artistic Effects tool. Techniques used:

  • Gradients superimposed on images
  • Blurred background images
  • Darkened images
  • Transparent text boxes over images
  • Contrasting sharp and blurred images
Powtoon and Camtasia for Video Editing

I used Powtoon to create slide transitions, and to add background music. Finally, I used Camtasia to insert an interactive hotspot over the url for the Transport for London site, where they can get further information.

Authoring Tools: PowerPoint, Powtoon, Camtasia

Tabs Interaction

For my second entry to this Articulate Challenge, I created a short animated tabs interaction, that combines Plotagon animation with a new, very inexpensive PowerPoint add-in that I’ve been trying out, called the BlueFX Whiteboard Explainer Template.

Click on the image below to view the demo.

Authoring Tools

For tutorials on using any or all of the following tools I used to develop the presentation, I recommend doing an online search! Each of the software applications listed have excellent tutorials on their websites.

  • BlueFx Whiteboard Explainer PowerPoint Template – for whiteboard animation
  • Plotagon – for animated 3D characters
  • Camtasia – for video editing
  • Articulate Storyline 360 – for eLearning development

 

Aussie Bushfires

Animation doesn’t have to be reserved for humorous topics! In Breaking News – Aussie Bushfires, I’ve used Plotagon 3D animation to portray a serious dialogue between a news anchor and reporter, about the recent devastating Australian wildfires. At the end of the presentation, there are links to several reputable charitable organizations, should you want to lend a hand.

This video is my second submission to Articulate E-Learning Heroes Challenge #233: Showing Dialogue and Conversations in E-Learning.

Click the image below to view the informational demo.

Authoring Tools

To create this presentation, I used Plotagon Animation, Camtasia, and Articulate Storyline 360.

 

Color Wars

Color Wars: The Rise of Classic Blue is my submission to Star Wars E-Learning Examples, Articulate’s E-Learning Challenge #262.

Click the image below to view the demo.

Authoring Tools

I created the introduction videos in this e-Learning demo using Plotagon animation. Camtasia was used to edit the videos in the demo, by adding speech bubbles and background music. PowerPoint was used to create the opening image, and text effects.

Gamification

Storyline 360 was used to create the the Color Wars game.

Jet Lag

5 Facts About Jet Lag is my submission to Using Dials to Design Interactive Infographics, Articulate’s E-Learning Challenge #261. Click the image below to view the demo.

Powtoon

I created the videos in this online infographic using Powtoon animation. I used Camtasia to edit the videos–primarily to separate the 5 Facts video into five short lightbox segments, accessed by using the Storyline 360 dial feature.

Authoring Tools: Powtoon, Camtasia, Storyline 360.

Arctic Survival Game

The Arctic Survival Game is my demo for Articulate E-Learning Heroes Challenge #252: Using Checklist Interactions in E-Learning.

Click the image below to view the online game demo.

Animation

I used the Powtoon animation application to create the retro animated video, and PowerPoint to create and/or alter some of the 8-bit images. Camtasia was used to edit the video. Finally, Articulate Storyline 360 was used to create the game (quiz). 

Authoring Tools: Powtoon, Camtasia, PowerPoint

Workplace Onboarding

The History of Workplace Onboarding is my demo for the new Articulate E-Learning Heroes Challenge #246: Using Interactive Timelines in E-Learning (2019).

Click the image below to view the online demo.

Creating the Videos with Plotagon & PowToon

I created four animated videos for this presentation–three using Plotagon Animation, and one using PowToon.

Articulate Rise

To add some interactivity to the presentation, I imported the videos into a Timeline lesson block in Articulate Rise.

Authoring Tools: Plotagon Animation, PowToon Animation, Camtasia, Articulate Rise

Meet the Team

Meet the team at Generica, a warm and inviting workplace! Click the image below for the demo.

The presentation is my response to Articulate’s E-Learning Heroes Challenge #244: Meet the Team and Interactive Org Charts in E-Learning (2019).

Creating the Video with PowToon

I created this animated demo using PowToon, then edited the video in Camtasia.

Interactivity

To add some interactivity to the presentation, I imported the video into Storyline 360, and included a couple of interaction slides and feedback.

Authoring Tools: PowToon, Camtasia, Storyline 360

Play Connect 4!

Click the image below for the demo.

Let’s Play Connect 4! is my response to Articulate’s E-Learning Heroes Challenge #243: How Would You Build a Connect Four E-Learning Game?

I never played Connect Four–I’d never even heard of Connect Four, before being introduced to it through the Articulate E-Learning Heroes website. So, instead of trying to come up with a different version of the Storyline game available on the Articulate website (created by Russell Killips), I decided to add elements to it.

Animated Into, Instructions, and Sound Effects

I added an animated introduction, created with Plotagon animation, and edited with Camtasia video editing software. I also included a lightbox with instructions, accessible to users like myself who are new to the game. In addition, I included some sound effects on the Winner and Draw slides.

Free Connect 4 Storyline Download:

Connect Four Freebie By Russell Killips

Authoring Tools: Storyline 360, Plotagon, Camtasia

Food Safety in the Wild

Click the image below for the demo.

Food Safety in the Wild is my response to Articulate’s E-Learning Heroes Challenge #242: Use Audio, Music, and Sound Effects in E-Learning.

Plotagon Animation

My example is a short public service announcement video that highlights the potential dangers of handling and cooking food while camping. I created the video using Plotagon animation, and added ambient noise using the application (crickets, birds, wolf howling, etc.) The character’s voice was added using Plotagon’s text-to-speech option. For this video, a chose a Southern accent for my character.

I edited the video in Camtasia, to add additional graphics. Finally, I housed the video in Storyline 360, to add a hyperlink to view or download a pamphlet from the US Food and Drug administration on handling food safely in an outdoor environment. 

Authoring Tools: Plotagon, Camtasia, Storyline 360

Reduce Your Global Footprint

Articulate’s  E-Learning Challenge #238 is to use a step-by-step approach in an e-learning example. Click the image below to see my demo, and learn how to easily reduce your carbon footprint immediately.

Step #3: Plant Greens!

For this example, I chose to use Articulate Presenter, a PowerPoint add-in, rather than Storyline, because I wanted some background music to play across several slides. Storyline 360 does not have that capability, but Presenter 360 does! It’s great to have a variety of e-learning tools in the toolbox.

I created the animated videos with PowToon animation.

Authoring Tools: PowToon Animation, PowerPoint, Articulate Presenter 360, Camtasia for video editing

Interactive Infographic

Updated – June 6, 2019:

I discovered the original interactive infographic I submitted to the Articulate challenges years ago was no longer working correctly. I took this opportunity to update the infographic to Storyline 360, and create a new video for the project.

I believe this presentation was the first of mine to make it to the Articulate eLearning Examples page! Click the image below to view the demo.

Challenge #236 is an interactive infographic challenge. For the challenge, I created an interactive poster as my infographic, available on one page, rather than a multi-page e-learning module. The very simple design is similar to Pinterest tiles. I used Plotagon animation to create the animated characters, and made the owl out of PowerPoint shapes.

Tutorial: Learn How to Re-size the Storyline Slide:

I decided to use a portrait orientation to give it the feel of a poster. Storyline makes it easy to change the size and orientation of your presentation. To change your Storyline module’s size, click on the STORY SIZE button, shown below, and choose either a preset size, or go with a custom size.

change the story size

 

 

 

 

 

 

 

 

 

 

 

 

Authoring tools: PowerPoint, Plotagon animation, Camtasia video editing & Storyline 360.

Create Characters with PowerPoint

This tutorial is a response to Articulate’s E-Learning Heroes Challenge #170. The challenge was to create and share your own “hand-crafted” explainer video, similar to a Common Craft style video. In my tutorial, I’ll show you how to create Common Craft style graphics in less time than it takes to hand-draw and cut out images, using PowerPoint shapes and shadow effects. Click the image above to view the tutorial.

Using the Paper Cutout Effect to Design E-Learning Graphics – Articulate Challenge #235

Update: The same technique can be applied to photos for a paper cutout effect!

PowerPoint Freebie!

Click here to download the PowerPoint with all the graphics in the tutorial above.

Authoring tools: PowerPoint, Camtasia, Storyline 360

Medline

Articulate’s E-Learning Challenge #233 is to show how dialogue can be shown in e-learning courses. I chose to demonstrate an animated conversation between two characters on a televised medical show called MEDLINE.

Click the image below to watch the MEDLINE demo and learn about the recent measles outbreak!

Interactivity

To add interactivity to the Plotagon animated video, I used a Storyline 360 quiz slide to assess user knowledge.

All of the information in the demo comes from the Centers for Disease Control and Prevention. I used a Storyline marker to provide a link for more information.

Authoring Tools: Plotagon animation, Storyline 360, Camtasia for video editing

3D Velociraptor

The Velociraptor is my submission to Articulate’s E-Learning Heroes Challenge #232: Using 3D Models to Build E-Learning.

Authoring Tools

I created this demo in PowerPoint, using the application’s 3D Model Tools, morph slide transitions, and applied zoom and fly-in animations to the text boxes.

I did a screen capture of the PowerPoint slide show with Camtasia, then added music, sound effects, and an animated end title sequence with the video-editing software. (I’ve found that saving a PowerPoint slide show as a video does not give me as high a quality video as doing a screen capture, when there are many slide transitions and animations in the presentation.) 

Free Download!

PowerPoint comes with plenty of free templates and themes. When you open the application, you can search for templates in various categories, as shown in the image below. I searched in the Education category, and found this school report template, which I modified for this presentation. To check out how the morph transition works, you can download the template here: Velociraptor PowerPoint template

 

What do you Hear?

How many musical instruments can you identify accurately, by listening to the sounds they make? Play What do you Hear? to find out!

Click the image above to view the eLearning game demo.

This Storyline eLearning game demo is a response to Articulate’s E-Learning Heroes Challenge #231: Interactive Audio. The challenge is to share an eLearning example that demonstrates how eLearning can be used to help students learn about music.

Gamification

I created the What do you Hear? game using Articulate Storyline 360, and Plotagon Animation software. To increase learner engagement, the game is personalized throughout with the learner’s name, by employing a Storyline UserName variable.

Authoring Tools

Plotagon Animation, Camtasia 2018 for video editing, Storyline 360

Map Reading with Magellan

Learn the lost art of map-reading, with world explorer Ferdinand Magellan! Click the image below to view the demo.

This Storyline demo is a response to the Articulate’s E-Learning Heroes Challenge: Reviving the Lost Arts with E-Learning. Articulate defines the “lost arts” as the basic life skills for self-sufficient living that have been forgotten or replaced by modern technology.

Animation & Personalization

I used Plotagon Animation software to create the Ferdinand Magellan character. The demo is personalized throughout with the user’s name, by employing a Storyline UserName variable.

In this way, the learner is incorporated into the scenario-based adventure, to increase their engagement in the story.

Authoring Tools

Plotagon Animation, Camtasia 2018 for video editing, Storyline 360

St. Patrick’s Day Trivia Game

Play the St. Patrick’s Day Trivia Game!

This eLearning game demo is a response to Articulate E-Learning Challenge #224: How are Designers Using Progress Bars in E-Learning?

In this case, the progress bar shows a shamrock if the user answers correctly, a dark green oval if the answer is incorrect, and a light green oval if the question is unanswered. To view the demo, click the image below.


Features & Authoring Tools

Besides the progress bar, the Storyline 360 game features a custom animated character I created with Plotagon animation, and Plotagon’s text-to-speech audio. The game is personalized with the user’s name, using a Storyline userName text variable. I used Camtasia’s video-editing software to edit the Plotagon videos in the game.

Malaria Trivia Game

E-Learning Game Show Templates and Examples

In response to Articulate’s E-Learning Heroes Challenge #217, I developed a trivia game called Malaria: Do you know the Facts? The game features Plotagon animation.

To view the game, click the image below.

 

Centers for Disease Control and Prevention

For more information, consult the Malaria FAQs on the CDC website: https://www.cdc.gov/malaria/about/faqs.html

Authoring tools:
  • Plotagon
  • Storyline 360

Name that Color!

This eLearning game demo is a response to Articulate E-Learning Challenge #214: Using the 2019 Pantone Color of the Year. I designed the game with a vertical interface in Storyline 360, to be played either on your phone, or your computer.

Plotagon Animation

I used Plotagon’s animation application to create the animated segments, and edited them using Camtasia’s video-editing software.

To view the eLearning game demo, click the image below.

Authoring tools for this presentation: Storyline 360, Plotagon, Camtasia

Newspaper Infographic

A More Engaging Info Dump

Click the image below to view the Articulate Storyline demo, a very late submission to the Articulate ELH Challenge #12: Transform Infographics Into Interactive Graphics

As an instructional designer/eLearning developer, sometimes I’m called upon to create “information dump” eLearning modules. These modules frequently contain a lot of downloadable documents on various disconnected subjects, such as forms for procedural updates.

I created this fun newspaper-themed interactive infographic to demonstrate how such information might be organized in an engaging way. Each pulsating button plays a short animated video, created with Plotagon animation, that describes the document update in question. Learners are encouraged to download the documents from the Resources tab.

Free Resources

Authoring tools: PowerPoint 365, Storyline 360, Plotagon

Organize the Animals

This short demo is a submission to E-Learning Heroes Challenge #206: Using Pre-Test Activities to Tailor Content in E-Learning

Click the image below to view the animated demo in action!

Accessing Prior Knowledge

In this example, the learner can customize their own learning experience based on their prior knowledge of the subject. Answer correctly, and you have the choice to skip ahead without having to “Learn More.” Or, you can learn more just for fun.

Answer incorrectly, and you must click the “Learn More” button, or remain doomed to languish forever on that slide. Unless you close your browser, that is.

Plotagon Animation

I used the Plotagon Animation software application to create the demo. For more information on how I use Plotagon to create engaging eLearning modules, and info on the application, check out the Plotagon site.

Authoring tools: Plotagon, Storyline 360

Anti-Bias Training

Widget World Presents: Interpersonal Skills Training is another submission to Articulate’s Creating Animated Characters in E-Learning Challenge #163.

Anti-Bias Training in the News

Workplace anti-bias trainings have proliferated in recent years, culminating with the Starbucks chain closing more than 8,000 company-owned stores in the United States on May 29, 2018 to conduct racial-bias training for all employees. Although Starbucks chose to focus almost exclusively on racial bias in their recent training, biased behavior in the workplace is not limited to racial bias.

Such workplace training programs often focus on getting people to own up to their implicit biases. Unfortunately, there is little evidence that getting people to acknowledge their implicit biases alters their behavior in the workplace. In fact, a meta-analysis of 494 anti-bias studies (with 80,356 participants) found no evidence that getting people to come to terms with their implicit biases alters behavior. (A Meta-Analysis of Procedures to Change Implicit Measures)

What’s the Goal?

The goal of workplace training should be to see some measurable, desirable change in employees’ behavior on the job. One approach that can be effective in producing behavior change is scenario-based training that aligns with the behaviors learners are expected master once the training is complete.

During the scenario-based training, learners are plunged into situations where they are allowed to practice skills and develop relevant behavior strategies. In this way, they can safely learn from their mistakes and acquire beneficial experience.

Interpersonal Skills Training Demo

In the short animated example demo, the learner must make a decision about how to react to a workplace interaction. The learner experiences consequences, and has the opportunity to correct any mistakes made.

Animation & Video Editing Tools

The animated video scenario in the demo was created with the Plotagon animation application, then edited with Camtasia video editing software, and imported into Articulate Storyline 360 to add learner feedback.

Who Said That?

Who Said That?! is my submission to Articulate’s Using Badges, Awards, and Achievements in E-Learning Courses Challenge #197.

Gamification

This demo is a short American history e-learning game, where the learner must correctly identify the quotes of four famous figures in American history. Answering all four questions correctly will earn the learner the coveted Simply the Best badge!

Animation & Video Editing Tools

The animated videos in the demo were created with the Plotagon animation application, then edited with Camtasia video editing software. I imported the short videos into Articulate Storyline 360 to complete the quiz.

Updated 6/3/18.

Glasgow Coma Scale

The Glasgow Coma Scale

This week’s Articulate E-Learning Heroes challenge is to share an example of an interactive video quiz.

Click the image above to see the short demo. I created the video scenario in GoAnimate, used Camtasia and PowerPoint to do some editing, and imported the video into Storyline 360 to add the quiz questions.

Authoring Tools: GoAnimate, Storyline 360, Camtasia, PowerPoint 16

Updated 6/3/18

Triage Training

This is my submission to Articulate’s Medical #ELHChallenge 69. Click the image below to view the demo.

For this challenge, I combined GoAnimate whiteboard animation with Storyline 360 to create Triage Training.

GoAnimate was used to create the video portion, and Storyline 360 was used to create the quiz question. The Storyline player is also used to contain resources for the learner. In an actual course, the Storyline player could be used for navigation, and to organize branching scenarios to tailor the course to each learner’s needs.

I’ve found that courses using the whiteboard animation technique can be very engaging, and the technique works well for both serious and lighter topics.

Authoring Tools: GoAnimate, Storyline 360

Updated: 6/3/18

 

Your Weight on Other Worlds

Articulate E-Learning Heroes Challenge #200 is: How Are You Using Lightbox Slides in E-Learning? Click the image below to view my demo: What Would You Weigh on Other Worlds?

Lightbox Slides

Using a lightbox slide gives eLearning course developers a way to present learners with additional information and/or resources, without leaving the current slide. In my demo, learners type in their weight on earth in the numeric entry box.

Next, they click on a planet to open a lightbox that reveals what they would weigh on that planet, and includes some interesting facts about the planet in question.

Making Storyline Calculate the Learner’s Weight on Various Planets

For this to function, I needed to create some variables, and tell Storyline to perform various functions with the variables.

Step #1: Create the needed number variables. In this case, I used: yourWeight, and a variable for each planet: mars, jupiter, etc.

Step #2: Create triggers that tell Storyline what to do with the variables. On the Planets screen, I created a trigger that sets the value of yourWeight to the typed value in the numeric entry box.

On each lightbox screen, I created triggers to assign each planet’s variable the same value as yourWeight. Next, I created triggers to tell Storyline to multiply the value of the planet’s variable by the value necessary for each planet.

Authoring tools for this presentation: Storyline 360, Plotagon for creating the animated video introduction, and Camtasia for video editing.

Storyline Blocks in Rise

Articulate E-Learning Heroes Challenge #193 asks the question: How Are You Using Storyline Blocks in Rise?

Click the image below to view the demo.

Responsive Courses

Rise is one of the apps in the Articulate 360 suite of eLearning applications. It allows eLearning developers to quickly create responsive courses that look great when viewed on desktops, laptops, tablets, or phones. The best part is, as an eLearning designer you don’t have to make layout adjustments manually; the program does that for you automatically.

The course on a desktop computer:

The course on mobile devices:

Why include Storyline blocks in a Rise course?

The Storyline block feature in Rise allows course designers to include custom multimedia interactions. In this case, I created animated video scenarios using Plotagon animation, and edited the videos with Camtasia. I used Storyline to include quiz questions superimposed on top of the videos at the end of each scenario.

Creating Animated Scenarios Using Plotagon

Plotagon is a fun and easy-to-use application for creating animated videos. In the application, you are limited to two characters who can participate in a dialogue for any given scene. I get around this by creating separate scenes set in the same location, with new characters and camera angles. Then, I edit the separate scenes in Camtasia, and voilà! I can have as many characters as I like interact with one another. In the bar scene in this demo, I had 5 characters interact in one scene.

Authoring tools for this presentation: Storyline 360, Articulate Rise, Plotagon for creating animated videos, Camtasia for video editing

Escape the Room

Help Diego escape his cubicle! Diego’s evil boss has locked him in his glass cubicle for failing to properly format his TPS report. Don’t you just hate that when it happens?!

This demo is my submission to Articulate’s Designing Escape the Room Puzzle Games in E-Learning Challenge #198.

Graphic Design with PowerPoint

I used PowerPoint image editing tools to create the graphics for this presentation.

 

Animation & Video Editing Tools

The animated video in the demo was created with the Plotagon animation application, then edited with Camtasia video editing software. I imported the short video into Articulate Storyline 360 module.

Updated 6/4/18.

Who has the Right of Way?!

Who has the Right of Way?! is my submission to Articulate’s E-Learning Heroes Challenge #195: How Can Learners Choose Their Own Avatars in E-Learning?

Gamification

In this learning game example, the user selects an avatar that is used throughout the game. The the game is also personalized with the user’s name.

Answering the questions correctly is the way to earn points and earn a Right of Way Expert badge.

Authoring Tools: GoAnimate (for the animated video background), and Storyline 360.

Updated 6/4/18.

Teaching with Plotagon Animation

How Are Course Designers Using Educational Animations?

Articulate E-Learning Heroes Challenge #76 is about creating educational animations. My entry demonstrates how teachers can use animation tools, such as Plotagon, in the the classroom to engage students in learning.

DRIVER’S EDUCATION

In my example, a Driver’s Education instructor would have a class discussion about the most important defensive driving tips. Allow students to express their own views on the driving issues they believe are the most critical. Next, allow students to create short videos concerning the tips they determine are most important. Devote a class period to watching and discussing the videos the students create!

PLOTAGON VIDEO

To create my animated video example, I used Plotagon, an application that allows users to easily turn written text into animated videos. I inserted the Plotagon mp.4 video into a PowerPoint presentation, to add some text overlay at the beginning and the end of the video:

Then, I published the PowerPoint as a video presentation and uploaded it to YouTube:

Authoring Tools: Plotagon, PowerPoint

 

New Articulate 360 Rise Feature: Storyline Blocks!

Articulate E-Learning Heroes Challenge #193 asks the question: How Are You Using Storyline Blocks in Rise?

Rise, one of the apps in the Articulate 360 suite of eLearning applications, allows eLearning developers to quickly create responsive courses. In October of last year, I was excited to learn that it was now possible to include Storyline lessons in Rise, using the Storyline block feature.

I played around with the new feature and created an Articulate Rise demo using the new Storyline block function:

Click to view the Articulate Rise demo.

 These are the steps I took to create the Rise lesson:

Step 1 – Create 3 one-slide Storyline video/recipe cards (cookies, cobbler, & brownies). Publish each to Articulate Review.

This is what the brownie video/recipe card looks like by itself in Articulate Review:

Click to view the Storyline module in Articulate Review.

The recipe icon is a Storyline marker that triggers the recipe’s state to change from hidden to normal.

 

The print icon has an “execute javascript” trigger to print the recipe to a pdf.

 

The “video” is a series of photos I edited in Camtasia, using some zoom animation effects.

Step 2 – Create the Rise course, & customize with a cover photo.

Step 3 – Add one image/text block lesson:

Step 4 – Select and add the three Storyline block lessons (available to select because I published them in Articulate Review first).

I think the addition of the new Storyline block lesson feature makes it much easier to rapidly create versatile, responsive eLearning courses in Rise. What’s your verdict?

Update: Since this post was originally uploaded last October 2017, I’ve used the Storyline block in one of the Rise courses I developed for a client. I inserted a Storyline learning game I created, called Who has the Right-of-Way? into an online Driver’s Ed course.

Authoring tools for this presentation: Storyline 360, Articulate Rise, PowerPoint, Camtasia

 

Rotoscoping Animation for E-Learning Courses #167

Articulate’s E-Learning Heroes Challenge #167 is all about creating a rotoscoping animation demo for e-learning courses. To see my demo, click the image below.

I had actually never heard the term “rotoscoping animation” before, but when the classic Take On Me music video from the ’80s was referenced, I recalled the cool hand-drawn animation effect that was used.

Rotoscoping is a technique used by animators, where they trace over motion picture footage, frame by frame, when realistic action is required. I wanted to try to replicate the effect. The problem is, it takes a long time to do that!

Since I don’t have time to spend several hours on producing this effect for e-learning, I tried using a shortcut involving PowerPoint’s Artistic Effects filters. 

Tutorial

I created my “rotoscoping animation” effect in less than half an hour! To view the tutorial on how I did it, click the image below.

Authoring Tools: PowerPoint 2016, Storyline 360

E-Learning Noir: Using Only Black and White in Course Design

This is my entry for Articulate’s E-Learning ELH Challenge #172. Click the image below to view the demo.

This challenge is all about creating an e-learning module in black and white. Storyline 360 makes it easy to customize an existing template with lightening speed! I chose a template from the Articulate Content Library, then applied a gray-scale color scheme to the slide master and feedback master.

A bit of tweaking was necessary to get the colors just right, primarily with the text. I added some entrance animations and slide transitions to the slides. Next, I applied a subtle glow effect to the characters on several slides.

GoAnimate

I created a short black and white animated video to go on the media slide, using GoAnimate.

We don’t need no stinkin’ colors!

A FREEBIE Template
  • To download the customizable Storyline 360 template, click here: Basic Black

Authoring Tools: Articulate Storyline 360, GoAnimate (Vyond)

Hand-Crafted Explainer Videos – Articulate Challenge #170

Articulate’s E-Learning Heroes Challenge #170 is to create and share your own “hand-crafted” explainer video, similar to a Common Craft style video. Select the image below to view my demo.

The idea is to draw the images on paper, cut them out with scissors, and film your hand-drawn images as you move them about by hand. Record your e-learning script and add your narration to complete the e-learning module.

Use Analog Tools?!

Common Craft - Tools of the Trade

Pens, markers, rulers, scissors… I had a few challenges with this challenge!

  1. I can’t draw,
  2. I don’t own a tripod, and
  3. I don’t have the time necessary to use this approach.

So I decided to create my own version of a quick Common Craft style video, using some of my trusty computer tools:

  • Common Craft cutout icons

  • PowerPoint – to customize the Common Craft icons, and use the PowerPoint Pen tool to draw the Mona Lisa.

  • GoAnimate (now called Vyond), to animate the characters
  • Storyline 360, to add the audio narration and publish the module for the web
  • PowerPoint, to draw the Mona Lisa

 

 

Articulate Challenge #125: Gamify Your E-Learning with Scratch-Off Cards

erase replace

 

My entry for Articulate’s #ELHChallenge 125 is a gamified demo called ERASE & REPLACE.

safari land

 

I created this demo using Plotagon animation, and edited the result in Camtasia. I imported the video into Storyline 2, to incorporate the interactions. Learners identify misspelled words, erase them, and type in the correct spelling. The feedback is immediate, and utilizes the learner’s name, if they have typed it in on the opening screen.

VIEW DEMO

 

 

Authoring Tools:  Plotagon, Camtasia, Storyline 2.

Articulate Challenge #122: Showing Dos & Don’ts in E-Learning

dos donts

 

My entry for Articulate’s #ELHChallenge 122 is a scenario-based demo called E-Learning Design Do’s & Don’ts.

omg

“Where did I go wrong?”

In this demo, I used Plotagon animation again, and edited the result in Camtasia. I imported the video into Storyline 2, and added a drag & drop interaction. Learners identify E-Learning Do’s & Don’ts in order to help Alicia, who has created an “awful” e-learning module.

client reaction

Client Reaction

VIEW DEMO
 

 

Authoring Tools:  Plotagon, Camtasia, Storyline 2.