Category Archives: Animations

Animation, the missing ingredient?

Posted on by | Leave a reply

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:

Using Facial Mo-Cap to Create Cartoons for Online Learning

Posted on by | Leave a reply

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

5 Ways 3D Models Can Help in Education

Posted on by | Leave a reply

If you’ve ever needed an excessive amount of photographs or diagrams to accurately describe a physical object for your class, you may benefit from a 3D model.

Standard media types, including text, photographs, illustrations, audio, video, and animation, are crucial to the online learning experience. A 3D model is essentially another media type with a lot of unique qualities.

What is a 3D model?

3D models, in this case, are digital representations of physical objects. 3D models generally consist of a polygon mesh and a surface texture. The polygon mesh is a “shell” comprised of the different surfaces of a 3-dimensional object. There are three main components that make up this shell: vertices (points), edges (lines), and faces (planes). For what should be clear from the previous sentence, polygon meshes are often referred to as simply “geometry.” There are a lot of other technical terms associated with polygon meshes, but in practical application, you may never need to learn them.

The surface texture, at its most basic, is an image, mapped onto the surface of the polygon mesh.

A texture can be as simple as a solid color, or as complex as a high-resolution photograph. The texture will be wrapped onto the surface of the geometry with the help of a set of instructions called UVs. UVs are a complex topic in and of themselves, so it’s good enough that you just know they exist conceptually.

These textures can have physics-based properties that interact with light to produce effects such as transparency, reflection, shadows, etc.

You’re probably thinking to yourself now, that 3D models are too complicated to be of use in your courses, but that’s not necessarily true. The composition and inner workings of 3D models are complicated, for sure, but you don’t need to be an expert to benefit from them.

Where did they come from, and how are they used?

There probably isn’t a day that goes by where you don’t experience a 3D model in some way. They are everywhere.

3D models, in digital form, have been around for decades. They have been used in industrial applications extensively. 3D models are used to generate toolpaths for small and large machines to manufacture parts more consistently than a human could ever hope to. 3D models are also used to generate toolpaths for 3D printers.

3D models are used in movies, animations, and video games. Sometimes entire worlds are created with 3D models for use in virtual and augmented reality.

Modern interfaces for computers and smartphones are awash in 3D graphics. Those graphics are rendered on the screen from 3D models!

How can they help me as an educator?

If you’re still not convinced that 3D models hold any benefit to you, I’ll explain a few ways in which they can enrich your course materials.

  1. 3D models are easily examined and manipulated without damage to physical specimen.
    • If you are involved in teaching a course with physical specimens, you are no doubt familiar with the concept of a “teaching collection.” A teaching collection is a high-turnover collection that gets handled and examined during class. Normally these collections break down quickly, so instructors are hesitant to include rare and fragile specimens. Having digital proxies for these rare and fragile specimens will allow students access to otherwise unknown information. This has even bigger benefits to distance students, as they don’t have to be anywhere near the collection to examine its contents.
  2. 3D models give students unlimited time with a specimen
    • If you have a biology lab, and the students are looking at skull morphology, there’s a distinct possibility that you would have a skull on hand to examine. If there are 30 students in the course, each student will have only a short amount of time to examine the specimen. If that same skull was scanned and made into a 3D model, each student could examine it simultaneously, for as long as they need.
  3. 3D models are easily shared
    • Many schools and universities around the world are digitizing their collections and sharing them. There is a fair amount of overlap in the models being created, but the ability to add regionally exclusive content to a global repository would be an amazing benefit to science at large. Smaller schools can have access to a greater pool of materials, and that is good for everyone.
  4. 3D models have presence
    • A 3D model is a media object. That means it can be examined, but it’s special in the way that it can be interacted with. Functionality can be built on and around a 3D model. Models can be manipulated, animated, and scaled. A photograph captures the light bouncing off of an object, that is closer to a description of the object.  A 3D model is a representation of the actual physical properties of the object, and that strikes at the nature of the object itself. This means that a 3D model can “stand in” for a real object in simulations, and the laws of physics can be applied accurately. This realistic depth and spatial presence can be very impactful to students. Much more so than a simple photograph.
  5. 3D models can be analyzed
    • Because 3D models are accurate, and because they occupy no physical space, they lend themselves to analysis techniques unavailable to the physical world. Two models can be literally laid on top of one another to highlight any differences. Measurements of structures can be taken with a few clicks. In the case of a machined part, material stress tests can be run over and over without the need to replace the part.

These are only a few of the ways that an educator could leverage 3D models. There are many more. So, if you still find 3D models interesting, you’re probably wondering how to get them, or where to look. There are a lot of places to find them, and a lot of techniques to build them yourself. I’ll outline a few.

Where do I get them?

3D models are available all over the internet, but there are a few reputable sources that you should definitely try first. Some will allow you to download models, and some will allow you to link to models on their site. Some will allow you to use the models for free, while others will require a fee. Some will have options for all of the aforementioned things.

How do I create them?

The two main ways to create 3D models are scanning and modeling.

Scanning can be prohibitively expensive, as the hardware can run from a few hundred dollars, to many thousands of dollars. But, like anything else technological, you get what you pay for. The quality is substantially better with higher-end scanners.

For something a little more consumer-grade, a technique called photogrammetry can be employed. This is a software solution that only requires you to take a large series of photographs. There is some nuance to the technique, but it can work well for those unable to spend thousands of dollars on a 3D scanner. Some examples of photogrammetry software include PhotoScan and COLMAP.

Modeling has a steep learning curve. There are many different software packages that allow you to create 3D models, and depending on your application, some will be better suited than others. If you are looking to create industrial schematics or architectural models, something likeFusion 360, AutoCad, or Solidworks might be a good choice. If you’re trying to sculpt an artistic vision, where the precise dimensions are less important, Maya, Blender, Mudbox or Zbrush may be your choice.

How to use them in your class:

There are a number of ways to use 3D models in your class. The simplest way is to link to the object on the website in which it resides. At OSU Ecampus, we use the site, SketchFab, to house our 3D scans. The source files stay with us as we create them, but we can easily upload them to SketchFab, brand them, and direct students to view them. SketchFab also allows us to add data to the model by way of written descriptions andannotations anchored to specific structures in the model.

The models hosted on SketchFab behave similarly to YouTube videos. You can embed them in your own site, and they are cross-platform compatible. They are even mobile-friendly.

As you can see, there is a lot to learn about 3D models and their application. Hopefully, I’ve broken it down into some smaller pieces that you can reasonably pursue on your own. At the very least, I hope that you have a better understanding of how powerful 3D models can be.

A big THANK YOU to Nick Harper, Multimedia Developer, Oregon State University Ecampus

Could you use a quick cartoon?

Posted on by | Leave a reply

The multimedia developers at Ecampus have the tools and experience to quickly generate cartoons for your course, illustrating hard to describe (or photograph) concepts with a dash of charm. Here are three recent examples of the quick cartoons we can make – each completed in about a week – with some insights into the development process.
Continue reading →

Whiteboard Animations

Posted on by | Leave a reply

Looking for a way to bring pizzazz to your online course content? To gain your students’ attention? To use visual rhetoric to communicate complicated ideas succinctly, clearly, and persuasively? To inject some humor into an otherwise dry subject? To bring clarity to a muddy point? Whiteboard animations may be the solution!

Here’s an example Ecampus multimedia developers Warren Blyth and Drew Olson created with content by Linda Brewer from the department of Horticulture. (You can find more information here: http://agsci.oregonstate.edu/research/writingimpacts.)

Whiteboard Animation Link

 

 

 

 

 

How do you know if your content is right for this kind of presentation? Well, it should be relatively short. When read aloud, the script should take no more than three to five minutes in length. A script is necessary before beginning this kind of project so that the illustrations can be planned. It also helps if the content is vivid in some way — humorous, ironic, vivid in figurative language or imagery, or somehow able to be conveyed or partially conveyed in simple drawings.

How do you proceed if you’re interested in having this sort of resource in your online or hybrid class? Contact Ecampus!

Building explanations for your online courses

Posted on by | Leave a reply

For every concept you want to convey, there is a scale of understanding (from those who’ve never heard of it, to those who have PhDs in it). In many cases, those who really understand something well have trouble putting themselves into the shoes of others who are just setting out to learn it. This is why it is often hard to give a stranger directions when they don’t know the local streets or landmarks. The key to good explanation is: empathizing with your audience.

In May, I had the pleasure of seeing Lee LeFever speak at WebVisions 2013 in Portland, Oregon. His session, “The Art of Explanation,” was about crafting explanations in video form and it delivered my favorite takeaways from the show. I’d like share a few of these juicy insights with you, because they inform my multimedia work for CDT.
Continue reading →

Plant Problem Diagnosis

Posted on by | Leave a reply


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 →