Skip to main content

Tips on How to Create Background Scenes in Reallusion's Cartoon Animator Using Your Content Library

This background is made from a mix of props from six different content packs.
This background is made from a mix of
props from six different content packs.

One of Reallusion Cartoon Animator's selling points is that it can speed up your animation workflow with its time saving features. Among those features is the software's Content Library, a collection of premade, characters, props, scenes, motion files, and more, that either came with the application or you've added with purchases from Reallusion's Content Store or Marketplace

If you've been following along, I've been reviewing applications I'm using in the process of creating my latest animated short featuring my original characters, Mia and the Tourist (and their replica, sentient, R2-D2 droid). Previously I wrote the script with KIT Scenarist, and drafted a storyboard using Wonder Unit's Storyboarder.

In this post I'll show you how I designed my backgrounds for my animation using my extensive Content Library collection. I'll give you tips for making your own scenes from existing content. At the end I'll give you a list of all the content packs I used and links to where you can find them in  Reallusion's Content Store or Marketplace.

Two Approaches to Scene Design (Well Okay, Three...)

It's completely possible to draw all your background scenes from scratch in any graphics application that supports .PSD files. There's nothing wrong with this. Great if you can. However, to save time, it can be far quicker to use existing, premade scenes, or 'kit bash' a scene together using bits and pieces of existing premade scenes and props from Cartoon Animator's Content Library.

Using Existing Premade Scenes 'As Is'

Obviously this is the fastest method that works best if you know what scenes you have in your library, and storyboard with those scenes in mind. This is why it's extremely advantageous to become very familiar with your Content Library. Know your scenes, and just pull them straight onto the Cartoon Animator stage as needed... done!

'Kit Bashing' Scenes Together

At some point you're not going to be able to just purchase an 'off the shelf' scene. This is where 'kit bashing', the practice of piecing a background scene together from bits of existing scenes and other props you have in your Content Library, comes in. Knowing your Content Library will speed up the process.

Kit bashing is what I'm doing for my latest animation featuring Mia and the Tourist, which requires at least two different background scenes.

Creating My Background Scenes

Although my storyboard contains three actual backgrounds, two different exterior shots of the Rental Car lot and one interior of the sales office, it's important to note I'm not married to recreating the exact views in my storyboard.

Whatever content I find in my library will largely dictate how my backgrounds look and whether I can achieve the exact camera angles I planned, or if I need to compromise.

Scene 1: Exterior - Rental Car Lot - Daytime - Establishing Wide Shot.

Opening scene: Exterior, extreme wide shot of the Rental Car lot with R2-D2 browsing.
Opening storyboard scene: Exterior,
extreme wide shot of the Rental Car
lot withR2-D2 browsing.

When I write a script I never think about what I have in my Content Library so I end up kit bashing nearly all my background scenes. Case in point, this establishing wide shot of the car rental lot. In my storyboard it's a bird's eye view of the lot, which is not a typical angle for most premade scenes in Cartoon Animator.

The scene will be used for about 2-3 seconds at the start of the animation to establish that R2-D2 is looking around the lot on his own. It's going to be the hardest scene to create and how it comes together will help inform the look and style of my other two scenes.

Remember when you're loading a complete scene onto the Cartoon Animator Stage, to cherry pick items for your scene, only one scene can be on the stage at any one time. So make sure anything you want to keep on the stage is converted to a prop (with 'convert to prop' under the file menu or by right clicking on the item and selecting this option from the menu) and is not listed as part of a scene. Anything that is part of a scene will be deleted and replaced with the new scene. When you've finished your scene, if you want to save it as a scene (and not a project) You'll need to select everything that is a prop on the stage, go into the file menu, and select 'convert to scene'.

[Cut to a week or two later] After really looking through my Content Library I decided to drop the birds eye angle in favor of a ground level view (shown below) that I could show in a wide enough establishing shot for the same purpose.

The Exterior Car Rental Lot Background.
The Exterior Car Rental Lot Background.

You'll notice the lot looks a little empty, the grey car has no wheels, and there is a random tree in the air on left (which is part of the same prop as the tree near the street light). These aren't an issue because the widest the camera actually sees this scene is shown in the feature image at the top of this post. You can see there's no need to put wheels on the grey car since you won't see them. 

I extended the city scape out at each side because the original background (by Kel Harper) wasn't wide enough to fill the entire wide shot background I need. If you look closely you can see where I've duplicated and flipped the city buildings on each side so they join up seamlessly. Also by doing this I have some room to pan the camera side to side to show off the parallax effect of the cars in the foreground.

I've also added a purple filter (i.e. purple rectangle with the opacity set to 50%) over the city scape to tone down and unify the colors so they don't draw your attention away from what what's going on in the more colorful Car Rental lot. 

Scene 2: Interior - Rental Car Office/Reception - Daytime.

Interior, Car Rental Office storyboard sketch.
Second storyboard scene: Interior,
wide shot of the Rental Car office with the
Manager, Mia and the Tourist.

This is the main location of my animation where most of the dialogue takes place. It introduces the rest of the cast, visually, and needs to convey that there are windows that look out into the lot because one character (the Tourist) is keeping an eye on R2-D2 as the other two characters are having a conversation.

Designing this scene was much easier than the exterior because my Content Library is filled with scenes of various rooms from this angle. That said, it still wasn't simply a case of just picking one.

The scene is still a kit bash background. The trickiest part was recreating what can be seen outside the one window in shot, to match the exterior of the building in the previous background.

Below is the full scene. In the animation the camera frame will be pretty tight on front desk area but wide enough so you can see about a third of the window on the right in shot.

Car Rental Sales Office Interior.
Car Rental Sales Office Interior.

Most of the content used is straight forward as is except for a little bit of stretching (e.g. the reception desk to make it longer) and I used Cartoon Animator's Render Styles feature to get everything in matching shades of blue.

On the right of the above image you can see I used the same base exterior building prop I used for the exterior in the previous scene to make the visible section you can see from the window. This required  some heavy distortion of the prop to make it work.

This image demonstrates how the wide shot of the finished scene will be cropped.
This image demonstrates how the wide shot of the finished scene will be cropped.


Scene 3: Exterior/Interior - Rental Car lot/Office - Daytime.

Third storyboard scene: Interior/exterior, wide shot of the Rental Car office interior and R2-D2 in the foreground.
Third storyboard scene: Interior/exterior,
wide shot of the Rental Car office interior
and R2-D2 in the foreground.

This scene is an eye level view of the lot, as if you were looking across from the fence line toward the main office. Both R2-D2 and the cast inside the office need to be in frame as you will hear dialogue from the office that refers to R2-D2 and his needs in a rental car.

[Again cut to a week or two later] One of the reasons I changed my opening scene to a ground level view was so I could reuse the scene again for this shot. It's easily created by cutting into a section of the first exterior scene as shown below.

All I've added to the scene is some masking shapes to hide my characters feet and legs, so it looks like they are inside the office.

Interior/Exterior shot achieved just by moving into the first scene and adding some masking to hide the legs of the characters inside.
Interior/Exterior shot achieved just by moving into the first scene and
adding some masking to hide the legs of the characters inside.


---o ---o--- o---

Hopefully you've found my run through of how I created my scene backgrounds useful. To finish up I'll leave you with a list of my best tips for kit bashing your own background scenes followed by my content sources if you're interested in purchasing any of these packs.

Kit Bashing Tips

  • Try not to mix too many art styles. If you can, pick props and scenes from artists that have similar styles.
  • Decide on whether your scene will feature art with (usually black) cartoon outlines or no outlines as a mixture will look amateurish unless....
  • If you do mix outline and no outline props and characters it's important to do it in a consistent way. For example, divide your Z plane axis (distance of the camera from the scene in 3D space) into near and far away. Anything far away doesn't have and outline. Anything near does have an outline. The opposite of this probably wouldn't work as showing an outline implies you're seeing more detail. Objects further away from the camera typically show less detail.
  • Generally if you are using outlined props in your scene then characters need to have outlines too because they will be 'near' the camera. If you aren't using any outlined props in your background then you can use either outlined characters or non outline characters but don't use a mix. Characters need to have the same or similar art style.
  • Try to unify the color scheme of your background to a limited palette. Too many colors will distract from the characters in your scene. You can do this inside Cartoon Animator either by using the Render Style tool, or by applying a color shape filter (as I did in my first scene on the cityscape) with the opacity set to however strong you want the color to be (50% is a good starting point then adjust as needed).

List of Content Sources (Content Store and Marketplace)

    Rental Car Exterior
        Rental Car Interior

          Popular posts from this blog

          Should You Buy or Upgrade to MOHO 13? *Spoiler* Yes. Yes You Should!

          MOHO 13's New Character Set. Smith Micro released MOHO 13 , their all in one, 2D animation studio, this week. The question is should you buy or upgrade to the latest version? Obviously I've already spoiled this in the title, so the actual question is why do I think you should buy or upgrade? To be clear, I'm only talking about MOHO 13 Pro. If you're considering MOHO 13 Debut be aware that you're missing out on some of the new features, and a lot of existing features that are only available in the Pro version. Debut is fine if the budget doesn't stretch to Pro, but, if you never want to be disappointed about not having a feature, it's Pro or nothing! The other thing I need to be transparent about is I'm not, by any stretch, a frequent MOHO user/animator. However I took the time to learn MOHO 12 Pro fairly extensively, blogging about my process and sorting out 104 free MOHO training videos into a logical viewing order in the process. I think I ha

          AE Juice - Animation Presets, Motion Graphics, Templates, Transitions for After Effects, Premiere Pro, and Other Video Applications

          Level up you video edits and animations with AE Juice's motion graphics and templates. Some days you just don't have the time to create flashy motion graphics for your latest video or animation. For some of us it's more a question of our own artistic abilities being a little less than the awesome we'd like them to be. Whatever reason a resource like AE Juice's animation presets, motion graphics, templates, and transitions packs for After Effects , Premiere Pro , and other video applications can really make your work stand out very quickly. AE Juice gives you access to an instant library of free, premade content elements and sound effects, which you can add to with additional purchases of various themed packs from their store. There are three ways to manage their content, all of which can be used in commercial projects . The AE Juice Standalone Package Manager makes it easy to browse previews of all your pack contents and to download and find just the elements yo

          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

          Can You Learn Reallusion's Cartoon Animator 5 for Free Using Their 137 Official YouTube Video Tutorials Sorted Into a Logical Learning Order?

          Or you could just buy The Lazy Animator Beginner's Guide to Cartoon Animator . While Reallusion's Cartoon Animator is one of the easiest 2D animation studios to get up and running with quickly, learning it from all of the official, free, video tutorials can be more overwhelming than helpful. With more than 137 videos totaling more than 28 and a half hours of tutorials, spread across three generations of the software (Cartoon Animator 3 through 5) it's hard to know if what you're learning is a current or legacy feature that you either need to know or can be skipped. Many of the official tutorials only teach specific features of the software and don't relate at all to previous or later tutorials. As a result there are many features either not mentioned or are hard to find. To make your learning easier, on this page, I've collected together all of the essential, official, free video tutorials and sorted them into a learning order that makes sense. Simply start at

          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

          TimeBolt: Fast Video Editing for Anyone Creating Online Courses, Podcasts, or Vlogs.

          I resisted making tutorial videos for a long time because I don't like editing. Specifically I don't like editing me teaching as I step students through a process during a screen record. I have a tendency to insert long pauses not just in the middle of sentences but between multiple words in the middle of sentences as my pace matches what I'm doing onscreen. This makes for very long and very slow paced video tutorials. To counteract this I have to edit out all the pauses. This can take hours, or even days on particularly long tutorials. For example, when I created my main course, The Lazy Animator Beginner's Guide to Cartoon Animator , I literally injured the thumb on my right hand, operating my mouse, as I spent weeks taking out all my pauses (seriously, I had to wear a thumb brace for a few weeks to fix the pain). Recently I came across TimeBolt , a very affordable, fast editing application with the featured purpose of removing all the pauses from your video (and even

          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