Skip to main content

Put Yourself in Your GoAnimate Video

Ever since the introduction of the the import video feature for GoPlus users of GoAnimate people have thought about the possibility of creating Roger Rabbit style animations, combining live action people with cartoon characters.

I first attempted this when the video import feature was introduced with my animation TET's PA Video Test. In that animation I simply overlaid cartoon elements and characters in front of the video. It worked reasonably well.

However to truly combine live action people with cartoon characters you need to be able to place the cartoon background and characters behind the live action video as well. To do that you need either a blue or green screen to combine the cartoon and video together in a technique known as chroma keying (more commonly referred to as 'green screen' or 'blue screen').

Watch my test video below to see my completed example using GoAnimate. Note that I recorded the video with a really short time frame to get it done so I pretty much just said some words off the top of my head.

Blue Screen Test - Plasma TV by etourist

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

Chroma keying is actually not that hard to do in theory. However the wider the live action area you want to film the harder it becomes to light the scene evenly. I'm getting ahead of myself though.

Before you do anything you'll need some video editing software that supports Chroma keying. I use Magic Movie Edit Pro 10 but the software is now up to version 17 and still very affordable at just US$59.99. It's great as an all round video editor too.

Next you'll need to grab a video camera and record some footage of your actor in front of a blue screen (or green screen, either colour will work fine. Just make sure your actor isn't wearing either blue or green unless you want them to be see through).

In the image below you can see my very, very, very make shift blue screen set up using a bed sheet and a bunch of desk lamps. You'll need this kind of set up if you want to film your actors entire body for your animation.



Note that this set up wasn't really adequate as the desk lamps weren't strong enough to light the screen evenly. Industrial halogen lights work best. When lighting your screen you need to set up your lights so they remove all shadows from your blue screen including the shadow cast by your actor. The lights on the screen should be behind where your actor is standing and angled towards the screen. What you're going for is an even shade of blue over the whole screen.

You will need at least one light to light your actor as the lights on the screen behind them will throw their face into shadow. Any lights on your actor need to be placed to the sides so that they don't cause a shadow to be cast on your blue screen.

If you only need to film a head and shoulders shot of your actor (as I did in the above animation) and you have a large plasma TV then the TV will make a great, evenly lit blue or green screen. This is what I used for my blue screen. I got the idea from youtuber, richw4. His instructional video is embeded below. He also shows you how to use the footage you record in Sony Vegas.



The beauty of this set up is that you don't need any lights for your screen as a TV is effectively just a big light bulb. However you may need an additional lamp or two to light your actors face - which I did. If this is the case then make sure you don't get any reflection from your additional lights in your TV screen.

When I finished filming my footage for my video it looked like this still from my video below - notice how evenly the blue colouring of the screen is. This is pretty much a perfectly lit blue screen.


Using your video editing software and the Chroma key effect you can easily replace all that blue with anything you like, a still image or even moving video etc.

For my video I simply took a snap shot of the Star Trek sick bay background. Imported that into my video editing software then rendered the combined video to a .wmv (Windows Media Video) file. I then uploaded that to GoAnimate and then overlaid the View screen and animated Spock on top of that in the studio.

If, for example, I wanted to have Doctor McCoy come up behind me in the sick bay I would have had to have made a separate animation of just Doctor McCoy in the sick bay walking towards the camera. I'd then have to download that video and import it into my video editing software to combine with my blue screen footage of me. I'd then render the combined footage of me with Doctor McCoy walking up from behind out to a .wmv file, upload that to GoAnimate... hopefully you get the idea.

It all sounds very complex but if you're prepared to do all the work you could make some pretty impressive animations that are bound to make people sit up and take notice - my test animation has received over 14,000 views to date and it's not even that great!

On a similar note, even if you don't have a big screen TV there's plenty of ways to improvise. Perhaps you don't want to film yourself or your friends to put in a video... what about filming toys and combining them with animation?

Below is a really rough video I made using my laptop computer as a green screen and a Lego Knight on a horse. I'll admit it's not perfect by any means but it does show that you can experiment with chroma keying with a bare minimum of equipment.

Lego Knight test by etourist

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

Comments

  1. this is an excellent ... never thought about using the TV and blue or green screen

    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

Featured Animator: Christian Haynes - 'Zack In Time' An Original, Independent, Animated Series on the Rise

Christian Haynes - Zack In Time.  If you've ever wanted to create an animated TV series staring your own original characters and stories then Los Angeles based writer, director, and animator, Christian Haynes is taking those next steps of putting together a team, developing a pitch/trailer for their series, Zack In Time. Featuring professional studio quality animation, they hope the show will get picked up by an animation studio for an official series. The path he and his team are taking is one you could easily follow as they deal with real life commitments, and building a following on Instagram and Tik-Tok showcasing their work behind the scenes. TET: Tell me a little about yourself. Who you are, and why you started animating? My name is Christian Haynes and I've loved animation ever since I was a kid. I would constantly be drawing cartoon characters from TV shows and movies and making my own little homemade comic strips.  As I got older, I became a lot more interested in st

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

Create 2D Animated Characters with 3D Character Creator Tools and Artistic Filters

3D CC3 TET Character, based on my Oppa Doll Avatar, used as the base for a 2D CA4 character. One of my favorite things to do is to create characters with any type of Avatar/Character creator app. In fact the first test I usually try with these tools is, can I make an avatar of me (or at least my The Extraordinary Tourist persona). Previously I've used 2D character creators like Oppa Doll as a source of artwork for some characters I've made for Reallusion's Cartoon Animator 4 animation studio but 2D character creators are limited to... well 2D. 3D Character Creators While you may think 3D character creators have no place in creating characters for 2D animation there are quite a number of advantages including: No drawing skills required. Render characters in any style. Use an art filter or even hand trace into line art. Need to animate the character in a specific pose or angle? Render out an image of the character in the required angle and animate it in 2D. Quicker to crea

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

Creating a G3-360 Head From a Single Photo in Reallusion's Cartoon Animator

Source Photo from Generated Photos . Ever since Reallusion introduced the G3-360 Character Head into Cartoon Animator 4 I've wanted to see if their 360 Head Creator tool could be used to create an animated head using a photo. Part of the reason I've never given this a shot, until now, is that I just assumed it would be difficult, and require a lot of photo editing to blend out the sprite edges. It turns out, creating a photographic G3-360 head is not that much more difficult than creating a cartoon head, and can be done using a single photographic image using my own G3-360 head rigging system . While this article isn't intended to be a full tutorial, I'll run through the basic steps of how I achieved my photographic G3-360 head, shown in the comparison below, of a Cartoon Animator Morph-based head on the left, and my G3-360 head on the right. Pros and Cons Cartoon Animator's morph-based head system is ideal for animating photographic faces. It uses a semi 3D wire me

The Christmas Animation Rush - Five Apps to Create Your Last Minute Animated Holiday Messages

Merry Christmas from Animation and Video Life.  It's the most wonderful time of the year... well not yet. The Nightmare Before Christmas is not just the animated Tim Burton movie, it's also the nightmare of trying to make your own animated holiday messages in the week before Christmas. Animation takes time. Why didn't you start those in November?! If this sounds like your nightmare, here are five free or low(ish) cost apps to help you back to sharing the joy of the season with animation, so it truly will be the most wonderful time of the year. Cartoon Animator 4 (or iClone7 ) Reallusion Marketplace search 'Christmas'. If you're already a power user (or even know your way around it a little bit) you'll know CA4 is one of the fastest ways to make completely custom animations. The Reallusion Marketplace has a bunch of Christmas content you can utilize, just don't be too ambitious. Drop in a background, throw in a Santa character, record a short message f

How to Create Caricature Faces From Photos Using Krita - Tutorial by TET

I was looking around online for an app that can 'cartoonify' a photo of a person, kind of hoping for a 'one click' solution. There are a few out there but none worth highlighting. Then I came across a video tutorial by Pixivu for Cartoonifying faces in Photoshop and wondered if I could do something similar in the free, open source drawing app, Krita ? While Krita isn't quite as elegant as Photoshop it does have some comparable features that make it very easy to create cartoon caricature faces from photos that you could use as illustrations or in your animations. They're particularly useful for using as Morph Based character heads in Cartoon Animator 4 (as shown below). Example Caricature Faces use as morph character heads in Cartoon Animator 4. While the actual steps to create heads like those shown above (and, yes, that character on the right is based on a photo of me that I snapped on my webcam) is not something you're just going to stumble across yourse