Skip to main content

Importing the Character - My Character Design Process for Puppet, Bone Rig 2D Animation in Reallusion's Cartoon Animator (Part 3)

My character in CA5's character composer showing problems with the bone structure.
Importing my character into
CA5 for the first time.

In part three of my series where I document the process of creating my very first, complete G3-360, SVG vector based character for Cartoon Animator 5 using Inkscape I get to the moment of truth - importing the character into CA5 for the very first time.

In previous posts I showed how I came up with the character design and created the base character image, and how I created the individual main sprites and created the joints ready for rigging.

Moving on...

Creating an Outfit and Additional Face Sprites

I mentioned previously that I wasn't just creating a female character in a bikini for the eye catching attention. I always planned to give her an outfit that was smart business attire. 

Sketch of a women wearing a business suit standing next to a male character.
My reference image for the
character's business outfit.
Right on the very next page of my sketchbook I drew what could easily be the same character in a smart business orientated outfit. So I took this sketch, overlaid it onto my character design and set about 'inking' that in.

All that was left to do was to break up my characters fingers into their individual joint sprite segments and then create all the different eye and mouth sprites. I used one of Reallusion's existing characters as a reference for the various eye and mouth expressions required.

While you can make more eye sprites the bare minimum you need for a character is six per eye. These are easy enough to make once you've created your 'normal' eye as you just duplicate this and adjust the vector lines into whatever expression you need.

You also need to remember that whenever an eye expression has the eye open you need to make an eye white mask so the Iris will work with CA5's Face Puppet system i.e. the iris will move around inside the eye white that can be seen.

My character in her business outfit and her additional eye, mouth, and finger sprites.
My character in her business outfit and
her additional eye, mouth, and finger sprites.
For the mouth the minimum number of sprites required is 15 (14 if you don't include the duplicate 'normal' used by the lip sync system in the count).

To save myself some time I used the mouths from the template as the interior of my character's mouth and just added the lips to each one. Again most of the work was just duplicating the lips and adjusting the vector lines to match the expression.

Once all the sprites were done I made sure everything was in position and I set about transferring all my sprites into the Inkscape template.

Note: Technically they were already in the template because I've been working in the Inkscape template the whole time. I just switched off all the template folders and made my own.

This step involved transferring all the sprites from my working folders to the actual template folders and then deleting all my work folders. I did this in a new version of the document so I could retain the working folders version should I need them again).

The final step was to align the template bone points with my character's joints and face sprites.

Importing the Character into Cartoon Animator for the First Time

I don't think anyone expects their first attempt at importing a custom character into Cartoon Animator to work on the first try (regardless of if it's an SVG or PSD character). There's bound to be unforeseen issues. So I dragged my template file onto Cartoon Animator's stage and held my breath...

This is what I was greeted with on first importing my character. An error message about raster images, which I gather relates to the eyes since they are missing. The notepad document is what came up when I click the Warning Log Link.
This is what I was greeted with on first importing my character. An error message about
raster images, which I gather relates to the eyes since they are missing. The notepad document
is what came up when I click the Warning Log Link.

Initially it didn't seem too bad for a first attempt. The eyes were missing, and I suspect they were the obvious source of the raster graphics issue - even though there are no raster objects in my SVG file.

An obvious issue of my making was the layering problem with the character's shoulders. I designed the character's sleeves to go behind the jacket, which is part of the hip sprite. Unfortunately I didn't make anything to cover the skin colored joints for when the character isn't wearing a jacket. This is an easy fix though.

Discovering More Problems in the Composer

Taking the character into Composer Mode, in addition to discovering none of the eye sprites had been imported, I immediately saw a weird issue with the positioning of both my hand bones, neither of which were lined up with the placement in my document.

Some of the issues encountered on my first import of my character into CA5.
Composite graphic showing the key issues facing my character upon
further investigation in Composer mode.

If I used the bone editor to align the hands where they should be the finger bones do not line up with my sprites - especially on the character's left hand.

The final major issue I encountered was that my mouth sprites have all been imported as additional mouth sprites with names they don't have in my file. I did not change the folder names for any of these so I'm not sure why this happened? Not a single one is placed in one of the required mouth sprite spots.

In addition, those mouths that are open, so you can see the mouth interior, the coloring of said interior has reverted back to black and white - with the teeth being black for some reason? I have no idea why?

Can I Fix All These Issues?

As I write this, I'm sure I probably can, but I can't say for certain. I'd really like to know what caused them so I can completely avoid these problems on my next character.

For now I'm going to leave you in suspense. I'll let you know how I fixed everything and finished the character in the fourth, and what I expect will be the final, installment of documenting the creation of this character.

Popular posts from this blog

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

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

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

Review: Headshot Plugin for Reallusion's Character Creator 3

Headshot for CC3. Quite possibly the best 3D Avatar I've made of myself in any 3D application. Creating a realistic 3D human avatar is a whole lot easier with Reallusion's new Headshot Plugin for Character Creator 3. The plugin is an AI powered extension that can generate 3D digital humans from one photo. Which sounds like an amazing proposition but, in practice, if you're trying to achieve a specific likeness to an actual person, Headshot will give you an excellent base to work from. Headshot has two modes, Auto and Pro. Auto Mode Auto is well worth a try if you have an ideal photo of a front facing person that is properly lit and posed to Headshot's optimum requirements. It's also the only mode that will take a crack at generating a hair model. I grabbed an image of Harrison Ford, dragged it into Headshot without changing any of the default settings (other than specifying 'male' and selecting an 'old male' setting) and this is what I

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

KIT Scenarist - Free, Open Source, Screenwriting Software that Helps Research Your Ideas Too

KIT Scenarist Script Writing Software's Mascot, Alexander Cat. While you can write a script in any word processing app, if you're writing stories (screenplays) that feature characters and dialogue, a dedicated script writing app can save a lot of time formatting, letting you focus more on the actual story. Script writing apps are also very useful if you plan to send your screenplays out to production companies, or if you're collaborating with actors and other production people, who are used to scripts being in a particular standard format.  [Note: In case you're wondering there are reasons scripts follow a standard format and are always written in Courier (typewriter) font, including but not limited to; being easy to read by actors, plenty of space for notes, and the general rule that one page of a script (in this format) equals approximately one minute of screen time.] KIT Scenarist , in my opinion, is one of the best script writing apps out there for ease of use, simp

Reallusion Releases Cartoon Animator 5 - One Version, More Features, Lower Price!

If you're serious about producing 2D animation as quickly as possible, while still achieving professional results, Reallusion's Cartoon Animator 5 makes the most compelling case yet as your animation studio/tool of choice. Cartoon Animator's point of difference has always been its ease of use and accelerated workflow. Creating fast, 2D animation using puppet, bone rigged based characters and props, on a stage with 3D depth for easy scene parallax effects. As it has developed Reallusion has incorporated more advanced features like motion capture for both face and body as well as being able to export scenes to post production tools like After Effects with the addition of plugins. After moving away from Flash based vector image support for a few years, Reallusion is back with full .SVG (scalable vector graphics) support for resolution independent graphics. They've also added Spring Dynamic physics and Full Form Deformation tools, both of which make it ridiculously easy t