Could your online course use a boost? Is it lacking the secret spice that could be the difference between students coming away feeling satisfied rather than feeling like something was missing? Maybe there is a complex topic that students are consistently having a difficult time understanding or perhaps a particular concept that begs for more than a Power Point with some bland images collected from the internet. Well, perhaps the missing ingredient is an animation!

A brief history of animation…

In 1914, cartoonist Windsor McCay wowed audiences with his short animated film. Although not the first animation ever produced, Gertie the Dinosaur broke ground by employing new techniques, such as keyframes, loops, and the use of an appealing character, all of which would become standard practice in the creation of future animations. Interestingly, Gertie the Dinosaur also featured an interactive element where McCay would appear to give commands to Gertie which she would then carry out on screen.

Fast forward to 1928 where upstart Walt Disney Studios released the animated short Steamboat Willy and introduced the world to Mickey Mouse. Steamboat Willy also marked the first use of sound integrated onto film in an animation.

The 1930’s saw a boom in animation with Warner Brothers creating  its Merrie Melodies and Looney Tunes cartoons which featured a cast of outrageous characters including Bugs Bunny and Daffy Duck and arguably some of the most enduring pop-culture references ever. I admit, the Looney Tunes were an invaluable supplement to my formal elementary school education!

Disney upped the ante in 1937 with the release of the first feature length animated film Snow White and the Seven Dwarves. With Snow White, the Disney animators ventured into uncharted territory and proved that an animated film could be both visually stunning and a legitimate medium for storytelling. It was also around this time that the Disney animators planted the seeds of what would become the 12 principles of animation, a system of principles and techniques which have endured to this day and serve as the foundation in the creation of animation and motion graphics.

In the 1940’s and 50’s Disney continued to produce classics with films like Bambi and Fantasia while  another animator, Ray Harryhausen, perfected his “Dynamation” stop motion technique and brought fantastic monsters to life alongside live actors in films like The 7th Voyage of Sinbad and Jason and the Argonauts. Meanwhile, across the Pacific Ocean the Japanese were busy developing their own unique style of animation known as anime.

In 1960, The Flintstones became the first animated prime time television series and paved the way for animated programs like The Simpsons, the longest running series of all time.

In the 1970’s, animated cartoons dominated Saturday morning television. Although the content was mostly aimed at keeping kids engaged while mom and dad slept in, the power of animation’s potential as a learning tool was being explored in the form of short interludes during the commercial breaks. Most notable, Schoolhouse Rock combined animation and music in a powerfully memorable format to teach kids topics like grammar, history, math, and science. Meanwhile, Sesame Street  featured groundbreaking animations aimed at teaching through entertainment.

In the 1980’s, the computer arrived and ultimately revolutionized the way that animation was created as well as the way it looked. It was a clunky start but by 1995, Pixar studios released the first entirely computer animated feature Toy Story and there was no looking back. The omnipresence of the internet added fuel to the fire and allowed anyone with a laptop and a story to tell to publish their ideas to the world.

So, what does all of this have to do with online learning? Well, before the pedagogical red flag goes up and you think that animation is just for kids or that it’s too frivolous to occupy space in the world of higher education, read on.

We need look no further than the media that we consume on a daily basis to see how ubiquitous animation is. From television commercials, to the prevalence of the online “explainer” video, to online apps such as Headspace, which utilizes  animations to demystify the practice of mindfulness and meditation, animation is proving to be an effective medium to deliver information and get it to stick. Why wouldn’t we want to implement this powerful and available tool in online learning?

A well-crafted animation is a multi-sensory experience that can take a complex or abstract concept and explain it in a way that is concise, understandable, and engaging to the learner. Combining audio/verbal and visual information to illustrate difficult topics allows learners to associate images with concepts and has been proven to actually increase learner understanding and retention.

Additionally, animation can be used to visualize things that would otherwise be impossible or too cost prohibitive to depict with film, text, or still images. Things such as a biological or chemical processes that are invisible to the naked eye, or the ability to look beneath the earth to witness how a plants’ roots grow and utilize nutrients, can effectively be illustrated with animation. Larger scale events like planetary orbits, the hydrologic cycle, earthquake science, or the Russian Revolution can be represented in ways that are much more effective than using still pictures with arrows and text. Does the topic require a horse, a bug, a whale, a tractor, a piece of DNA? There’s no need to worry about the exorbitant costs and time required to train, catch, dive, drive, or dissect…simply animate it!  Animated characters, human, abstract, or animals can also add visual appeal and inject humor into a lesson. Finally, and arguably most important: animations are entertaining! If the student is entertained, they are more likely to be engaged in the subject matter and if they are engaged, they are more likely to retain information.

So what’s the next step? The Ecampus Custom Team is here to help you develop your animation. We’ll start by meeting with you to determine a learning objective and to brainstorm ideas for the project. You can view examples of our work to see if a particular style sparks your interest or, if you have a specific aesthetic in mind, we will work with you to refine it. Once we have pinned down a solid direction for the project, we’ll work with you to create a script. The script will serve as the narration for the animated video and is vital as it is an opportunity to distill the content down to its most potent elements. We prefer to keep the maximum length of the animation under 5 minutes and have found this to be most effective for the learner. When the script is finalized, you will come in to one of our studios to record the voice over narration. At this point, it’s full steam ahead and our team begins production on the animation! We’ll check in with you regularly with samples and progress reports to ensure an amazing final product.

-James Roberts, media team, Oregon State University Ecampus

References:

What is it?

Image of animator’s face in Character Animator program showing the facial data points used for animation creation.

Facial motion capture (Mo-Cap) is a process that uses a camera to map and track points on the user’s face. Software such as Adobe’sCharacter Animator derive data from the camera to animate cartoon characters in real time. This can greatly reduce the amount of time needed to create an animation and breathes subtle life into the character that would be otherwise difficult to achieve. Character Animator harnesses the power of the webcam to map several parts of the face to the respective parts of the character allowing it to record in real time. This includes your eyebrows, eyes, mouth, and head position. It also intakes audio to change mouth shapes to match what the user is speaking. In addition to the webcam, the user can operate their keyboard to trigger additional movements, effects, and walk motions. All these different aspects combine and give the character a personalized feel.

How does it help?

Image of character being rigged into a puppet showing the mesh and body tags.

Cartoon animations currently do not have a large presence in online learning. This is mostly because they take a long time to create and not everyone has had the resources to create them. Normally, character animation for cartoons requires drawing each frame or using a pose-to-pose process called key framing. With innovative technology such as Character Animator, it greatly reduces the barrier to create cartoon animations for online learning. Each motion of the face records instantly and gives the character life by adding subtle movements to the face and head. The bulk of the work is completed early on to draw, rig, and add triggers to the character, or in this case, the puppet. Once the puppet is set up to record, it is smooth sailing from there. All movements, audio, and facial expressions are recorded in one take; greatly reducing the amount of time for development. However, Character Animator allows you to choose which aspects you want to record, so you can record the eye movements one time, then the eyebrows another time. This is helpful for the perfectionists out there who cannot seem capture it all at once.

How does it work?

To create an animation using Character Animator, there are a handful of stages to complete. The first step is to draw the character in either Photoshop or Illustrator. Next, Character Animator imports the graphics and they are rigged into puppets to prepare for recording. This means the eyes, nose, mouth, etc. are tagged with their respective labels. Also during this time, you can create keyboard triggers. These are animations such as arm movements, walk motions, and more, that the pressing of certain keys on the keyboard triggers the character to perform. After the puppets are prepared, it is time to record. It does not have to be shot perfectly all at once; you can blend the best bits from different recordings into one masterpiece. The last step is to export the character’s recording and composite it into a story using video software such as Premiere Pro or After Effects. Once you achieve the flow of facial Mo-Cap, you can start cranking out animations faster than ever before.

Click Image to View Video

Below is a quick rundown of what it takes to set up a character and how to record it. At the end of the video, there is a sample of multiple characters in one scene.

What does the process look like?

 

Author: Zach Van Stone, Oregon State University Ecampus


Here is a series of illustrations done for Neil Bell’s class on Plant Problem Diagnosis. These simple images will be shown along side real photos of diseased or otherwise inflicted plants to help students determine possible causes for the displayed symptoms. Illustrations are important for learning in this situation because the photos alone are so busy that they can be confusing.

Continue reading

Gaining students’ attention is the first of Gagne’s Nine Events of Instruction. A great way to gain attention is to provide a catchy animated video about the topic you are presenting.

What’s that? You’re not a trained animator? Don’t let that stop you! If you can choose items off a menu and type some dialogue, you can create an animated video for free at www.xtranormal.com. The animation below was created for an upcoming professional development workshop at Ecampus. The whole project took about 10 minutes to create.

http://www.youtube.com/watch?v=uGnBN2VTlNI

We worked with some Fisheries & Wildlife instructors last year to develop a sperm whale dive simulation in Flash. This was designed to bring their data to life, and give students a deeper understanding of what was happening as a sperm whale dove to great depths, hunted food, and resurfaced. This was delivered as a simple 2D animation, with some limited interaction (which I’ll post later, if the instructor approves).

Soon after delivering the 2D version, PDT started experimenting with a 3D version of the dive that was closer to an fully interactive video game. The plan was to make this game using Unity3D instead of Flash. At the time, we had a student worker, Wes Starr, who was learning to use Autodesk’s Maya (a popular 3D modeling program). The two videos featured in this post are samples that he generated (output from Maya) so we could seek feedback on the whale’s motion.

http://www.youtube.com/watch?v=Tl–nNTt4tA

We are still experimenting with the Unity3D version of this simulation (or game), but since the 2D version works – this notable revision has ended up a low priority project. I thought it would be nice to share these work-in-progress videos. 🙂