Skip to main content

Chroma Keying Go Animate Characters to Video

I was laying in bed one night and I had this brainwave of chroma keying GoAnimate characters with live action video. I was sure it could be done but how effective would it be? Obviously there are many limitations with this idea but for the moment have a look at my very rough experimental video below and I'll get onto explanation after.



Firstly if you are not familiar with what Chroma Keying is then you may be more familiar with the concept of green screening in relation to movie special effects. The terms are almost interchangeable. Both record their subject against a single background colour, usually green, which is then keyed out and replaced with another video image.

In the case of my video above I created a GoAnimate Animation which animated GoAnimate's character, Kate, on a green background. See the animation below.

GoAnimate.com: Chroma key test by etourist

Like it? Create your own at GoAnimate.com. It's free and fun!

I then used CamStudio to screen capture the animation to an AVI video file (which I later had to convert to an MPG file due to compatibility problems with my editing software. Somewhere in this conversion the colours of the animation were corrupted hence the greenish tinge on Kate in the final video).

Finally I used video editing software that supports Chroma keying to combine my animation with the video footage of myself and the frog van I shot earlier.

I'm not pretending this animation is fantastic. It's just a very rough test that I put together in a couple of hours. Call it a proof of concept. This can be done.

It's nowhere near as good as Roger Rabbit and never will be since there's no scope for adding shadows and shading to GoAnimate's pre designed characters. However as an idea it opens up another possibility for GoAnimate's platform and those of us who like to go beyond the boundaries and not settle for just what we're given when we tell our stories.

I'm not sure if I'll expand on this idea into a fully finished animation. When I first thought of it, the idea of doing a Willie Nelson Music video with myself and GoAnimate's Willie Nelson theme had a lot of appeal (The Extraordinary Tourist staring in a Video of Willie Nelson's song On the Road Again perhaps?).

If you are a GoAnimate Animator and you can see the potential in using this technique then give it your all. I'd love to see someone try this who can do it much better than me. Please let me know if you do.

Comments

  1. Nicely done...even for a rough test. I worked in production for many years and have done lots of chromakeying in the past...primarily for weather reports. It does open up a lot of possibilities. Excellent test.

    ReplyDelete
  2. Very cool! I had tried long time ago to upload a short movie clip as swf on GoAnimate and do the same thing directly on our platform. Did not quite work and file size / loading was a big issue... Could be fun if one day we can do that kind of stuff directly on GoAnimate!!

    ha ha... say no to greenish bikini girls!

    ReplyDelete
  3. Would be great to do this directly on GoAnimate Nicolas. Mainly for maintaining the animation quality.

    What would really be better is... and you've heard this before... is the ability to export GoAnimate animations as true video files (either mpg or mov would be nice). That way exporting an animation for chroma keying over a video in a dedicated video editing studio would be a snap.

    ReplyDelete
  4. Hey David,

    We are discussing right now how we could allow users to upload flv videos (better as they can stream instead of fully load before they play) as props or backgrounds in GoAnimate to enable that. Would be a bit of a pain to finetune the timing, but would be much more handy that using many different pieces of software to create your movie.

    Exporting GoAnimate animations as videos is something we have on our plate for a long time. It is quite complex and requires quite a bit of enhancements on our server side. So we're not sure when we can offer this. We totally hear you though...

    ReplyDelete
  5. I agree Nicolas, that it would be great being able to import FLV videos directly into the studio - probably the ideal in fact.

    However to make it work you'd need a 'Individual Frame' mode in the studio in order to fine tune animations to video (Which is how the animators worked on 'Who Framed Roger Rabbit' - frame by frame on live action film).

    The way the studio currently works it can be very hit and miss on timing critical animated sequences (such as one character hitting another for example). An individual frame mode would be useful not just for timing animation to video but also timing interactions between animated characters.

    Maybe you could have an FLV video as a background on a scene and then have a 'view individual frames' mode for just that scene (so as not to have to convert the entire animation storyboard into individual frames)?

    It all sounds too hard and server intensive for a web based application. Awesome though if you guys somehow made this work.

    ReplyDelete

Post a Comment

I welcome, read, and respond to genuine comments relating to each post. If your comment isn't that save me some time by not posting it.

Popular posts from this blog

The Ultimate Independent Animator's App and Resource List 2019-2021 - Animation and Video Life

Image created with Cartoon Animator 4. Being an independent animator is not like a studio animation job. There's so much more to do that is indirectly related to the actual task of animating. Over the years I've sought out many apps, tools, and services that can help me achieve that one single task, expressing myself through animation. Below is my Ultimate Independent Animator's Resource List for 2019. It started out as a list of free or low cost apps that could help you in every stage of producing either 2D or 3D animation, and then just kind of grew from there. You may not have been looking for a Time Management App as much as you needed something to get you started in 3D animation but when those commissioned projects start coming in you'll have a head start on maximizing your time. All the apps and services on this list had to meet two main criteria: They had to be useful and relevant to an Indy Animator/artist. The base app/service had to be US$200.0

Make Disney/Pixar Style Characters with Reallusion's Character Creator and Toon Figure Bases

The Extraordinary Tourist Classic Coat outfit created using Reallusion's Toon Designer for CC3. I've talked before how I've wanted to get into 3D Disney/Pixar style character animation since I first saw the animated cutscenes for the very first Tomb Raider game back in 1996. It's why I initially bought Reallusion's iClone 3D studio app as soon as I could afford a computer that would run it. But then Reallusion released their 3D Character Creator (CC) for iClone and I wanted to create my characters with that (and I did try with Bat Storm ). But the focus of CC was realism, even with ToKoMotion's stylised body morphs . Now with Reallusion's Cartoon Designer bundle for CC3 which features two packs, Toon Figures , and Toon Hair , designing Disney/Pixar style 3D characters just got a whole lot quicker. The two packs are the bare essentials for creating Toon style characters. Five body morphs (2 male, 2 female, and one adolescent body morph that w

Three Image Overlay Apps. Do More with Your Reference Images While You Work

PureRef's image overlay in action with Cartoon Animator 4. One thing Cartoon Animator 4 still does not have in stage mode is the ability to onion skin previous and next frames.  For those complete animation newbies among you, onion skinning is the ability to see through the current frame to your previous and/or next keyframes so you can see the progression of your character or object's movement as you create and adjust each keyframe. Usually the previous and next frames appear lighter so your current frame remains the key focus. This prompted me to look for a tool that could overlay an image over my work to use as a reference while still allowing me to work on the app underneath the overlay. I had seen, and even used such apps in the past but it had been some time so I decided to see what was out there, preferably free and/or open source, with versions for Mac and Windows. Overlay 2 There are actually a number of apps that do nothing more than overlay an image but the only one

Run Your Favorite Android Animation Productivity Apps (and Games) on Your PC or Mac with BlueStacks

BlueStacks Android Emulator for PC or Mac. There are many free and low cost mobile animation productivity apps for Android in the Google Play Store that would fit right into your workflow if you could access them directly from your PC/Mac  desktop (or laptop) computer. Even if those apps can save their output to the same cloud storage you use with your PC or Mac, just the divide of using a separate device makes them inconvenient and disruptive. Worse yet, what if your Android device is underpowered for the apps you want to use, or worse still you don't own any Android devices because someone convinced you Apple Mac's, iphones, and ipads are 'cool' (they are, but you pay for 'cool'). BlueStacks is a free, open source Android emulator for Windows or Mac (currently only BlueStacks 4 can be installed on a Mac but BlueStacks 5 for Mac is coming soon). If you're not aware of what an emulator is, it's basically a piece of software that mimics another devices

Artbreeder - Using AI created Character and Background Content in your Animations

A selection of User/AI generated images from Artbreeder. If you're looking for an endless supply of 2D character and background images for your animations then Artbreeder , an online Artificial Intelligence (AI) that generates image mash-ups you can tweak as much as you like, could be the ultimate content library. What is Artbreeder? Artbreeder is free to use though there are various paid plans, that give you additional features, such as higher resolution download images or more settings to play with. All images created on the site are Public Domain (CC0 License) and can be used in commercial projects. Using Artbreeder's online app you can generate head shot portraits, full body characters, landscapes, and other scenes simply by choosing two or more existing images to mash together then, using a series of sliders, to select which traits from each image you wish to lean toward in the final image. Photo Comparison - Top is my original uploaded photo. Bottom is Artbreeder's ap

Stylish Stick Figures for Cartoon Animator 4.2 - New Characters by TET

Stylish Stick Figures by TET. Animating stick figures is almost a right of passage for any animator who has ever made an old fashioned flipbook or discovered the free stickman animator app, Pivot Animator . There's also the hugely popular viral stick figure animation, Animator Versus Animation  and its sequels by Alan Becker that continue to inspire variations more than 12 years later. Back when Vyond was GoAnimate they had a stick figure theme that was popular site wide despite having many other themes with much more refined Saturday morning cartoon style characters. I even had my own stick figure series, Harry Chalk , on GoAnimate. Long story short, I was looking through the Reallusion Cartoon Animator Marketplace and discovered there really weren't any well designed, traditional looking stick figure characters. That's not to say there weren't any at all but I wanted something similar to GoAnimate's stick figures which included full facial features and male and

Review: CrazyTalk Animator 3 vs Moho Studio Pro 12

Reallusion's CrazyTalk Animator 3 or Smith Micro's Moho Studio Pro 12. Which of these 2D animation applications is right for you? Regular readers of this blog will know I'm a strong supporter, and fairly proficient user of CrazyTalk Animator since version 1. It's a great piece of software for producing 2D animations from purchased content quickly and, with version 3, is easier than ever to create animations from your own art. Lesser known is that I first purchased Moho Studio Pro 12 (then known as Anime Studio Pro 9) back in October of 2012 and have been upgrading it to the latest version ever since because I believed in it as an application for creating great 2D animation to TV quality standard. As such, it's a much more complex application than CTA3 that I only got around to learning properly late last year. I'm still in the process of blogging my progress . Despite this I feel I've learned enough of Moho to compare it to CTA3 to help you determ