Skip to main content

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

Still from an animated test of my Business/Bikini girl character.

I wanted to start this installment of my series, where I document the process of creating my first ever, complete vector character for Cartoon Animator 5 using Inkscape, on a positive note. After much study and pouring over various templates I can confirm I'm not the issue. The Inkscape template is buggy, even the new ones... or maybe it's Inkscape itself?

The reason I say this is, when you're working with Reallusion's character templates, problems with creating these characters is nearly always down to human error. Quite often it's a simple spelling mistake on a folder that has to be a specific name, or you've deleted something you shouldn't have.

However I've been studying over these templates in extensive detail. Not just trying to solve my issues but also pulling them apart to try and discover a way to make this process easier - like I did with creating G3-PSD characters in my Fastest Way to Rig a Character in Cartoon Animator tutorials.

If you haven't already you may like to go back and read the first three articles in the series to follow along from the beginning. You can read part 1part 2, and part 3 at these links. It's not essential unless you want to see how I designed my Business/Bikini Girl Character from the beginning sketch.

While one or two of the issues I was having with my character were on me, the bigger problems have been either template or Inkscape issues. I can't be sure which.

Let's Recap the Problems...

Composite image of my character in Cartoon Animator's composer showing the main problems.

This is the list of the problems that presented themselves after importing my character template into Cartoon Animator for the first time:
  1. All of the eye sprites did not import and were missing.
  2. Two error report line items saying CA does not support SVG files with raster images.
  3. Both left and right hand bones extremely misaligned from where they should be.
  4. All mouth sprites imported as additional mouth images instead of into the required first 15 mouth sprite positions.
  5. Mouth interior of open mouths all in grey scale and not matching the color in the template.
  6. Layering issue with the character's shoulder where skin tone could be seen instead of the character's jacket sleeve.
Of these problems, it turned out number two was because my initial raster sketches of the drawings the character is based on were still included in the template. I assumed I could just keep these hidden as anything hidden doesn't get imported into Cartoon Animator (supposedly). Deleting these from the template removed the error.

Number six was also an easy fix to a problem of my own making. It just required me adding a circle mask over the skin tone area to match the jacket sleeve color.

Troubleshooting the Remaining Problems

I spent an entire weekend trying to resolve these without getting anywhere. On the off chance, I decided to check my Reallusion account to see if the vector template resources had been updated since I first downloaded them back in November of 2022. They had. In fact they included an additional side facing 01 template (for a character facing a full ninety degrees to the left or right).

Needless to say, switching over to the new template marked a turning point that suggests some of my issues may have been due to a faulty template.

With my fresh, official character template I transferred my character graphics across making sure that I didn't change a single group folder name - even ones with the word 'Replace' as part of the name.

Importing my updated character template resolved the issue of my eyes not importing at all but I now have a new issue in that I get errors if I don't include eye white masks in eye sprites that don't actually require an eye white mask sprite. Same goes for if I leave out the Iris when it's not needed.

Comparison of the file structure of the old and new Inkscape templates.
This image compares the file structure of my first Inkscape template (left) with the new
template (right). The only difference is the new template has numbers added to the folder
names. I believe Inkscape adds these. There's no mention of numbers on folder names in
Reallusion's white paper documentation but you can see them in some of the example images.
Deleting the numbers appears to have no effect on importing the template.

You can also see in the second template the eye masks that I've temporarily left in
in order to avoid the error of these missing for eye sprites that don't need a mask or iris.

The new template didn't quite resolve the issue of the hand bones being incorrectly aligned with the hand sprites as they are in the template. This time the left hand bones were aligned but the right hand bones, while more closely aligned, were still noticeably off where they should be. I could just fix this by moving the bones in Cartoon Animator's composer but doing so means I have to make that adjustment every time I reimport my template. Annoying.

My mouth sprites all loaded into their correct 15 standard mouth sprite positions but the issue of the mouth interiors being changed to black and white was still present (though at least the character's teeth were now white and not black). I don't know how to fix this?

On a positive note, the character imported mostly intact.

New Problems

For some reason my template now imported with additional bones for earrings? My character doesn't have earrings so I turned these sprites off. Now I get bones where the earrings should be, and another set of bones positioned on the far top left of my template document - or at least that's where they would be if you lined up the imported character with how it appears in the template.

To fix this I turned the sprites back on and renamed the bones to match the sprite names. This positioned the bones back where they should be with the sprites but I still had two sets of earring bones?

The extra earring bones shown in composer.
This image shows the additional earring bones in the Composer after I'd at least
fixed them so they were at least in their original location. I suspect it's a naming
issue but I haven't yet worked exactly why I get the extra earring bones?

The eye white and iris problem looks like the fix is to just create an eye white mask that masks out the iris completely on those eyes that don't need eye white or an iris. The official template has dummy masks and Iris in folders where you don't need either.

With the character mostly imported I was able to see it moving and discovered the skirt design wasn't working how I would like. When the character's thighs move beyond the boundary of the skirt edge it looks like the skirt is slit up the sides to a level that's just a bit too revealing for office wear.

I think I can fix this by adding some element of the skirt to the thigh sprites so it looks like the skirt stretches when the character moves her legs, rather than looking like it splits at the sides.

Troubleshooting Again... Photopea Fixes Everything (Almost)

I spent a ridiculous amount of time trying to solve this additional earing bone problem. The best I've achieved so far is getting them within the boundaries of the character rather than way up high in the top left of the document, making my character area bigger than it should be.

On the off chance that my new template was still buggy I thought, lets try opening my SVG file (the current iteration with all the new problems) in Photopea, the cloud based, free graphics editor also recommended by Reallusion for creating SVG characters.

To my surprise opening the file saved from Inkscape in Photopea revealed a whole bunch of folders renamed with system names, some folders still having old names, even though they'd been updated to new names in Inkscape.

I really don't know if it was Photopea not opening the file correctly, or Inkscape not saving the file correctly? Either way I went through and got rid of any of my working folders, and fixed any folder names that had been changed. Then I exported the document from Photopea as an SVG file.

Exporting from Photopea as an SVG file.
Make sure you export your template from Photopea as an SVG file.

Importing this version of the template into Cartoon Animator I discovered my hand bone misalignment was now fixed, and my mouth sprite interiors were no longer black and white, being colored in their correct tones. I did nothing to fix this other than open and then export the file in Photopea.

If I can just resolve the duplicate earing bones, and sort out the eye whites and irises in the folders where they are not actually needed, this whole rig will be ready to move onto the final step, rigging the G3-360 head in Cartoon Animator.

Anyhow, if you've read this far, you've definitely earned a look at this character in a short test animation. It still has some of the problems I've outlined above (and doesn't yet have a G3-360 head) but generally it's looking very promising.

Animation of my Business/Bikini Girl Dancing.
Please excuse her 'chicken legs', It's not really a character I'd normally make dance!
You can see the eye masks left over from Reallusion's template when she blinks, and
I need to fix her skirt so it looks like it stretches with her legs rather than appears like
she has very risqué slits on each side.

So, Not Human Error

Virtually all the problems I encountered were solved by changing to either a different template file or even a different application. The human errors were in cosmetic fixes to the actual character design, like masking the shoulders, fixing the skirt, or sorting out the eye whites.

I'm still not sure why I have two sets of bones for the earrings but hopefully I'll sort that out. I could just delete the bones since my character doesn't have earrings but it would be nice to resolve the issue now. I feel it may be a naming issue but I'm not sure exactly how?

If you're attempting to create G3-SVG characters using Inkscape and run into any of these issues when you attempt to import the character into Cartoon Animator, I would strongly recommend opening your SVG template in Photopea, checking the template folder names to make sure they're correct, and then export the document out as an SVG file. It may just fix almost everything.

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

Initially I thought this would be the final part of this series but I think we need one more post just to resolve the remaining issues, and talk a little bit about setting up the character's G3-360 head. Hopefully I can put together a quick animation of the finished character for you by then too.

Popular posts from this blog

Using Avatar Maker with Cartoon Animator - Free Vector Cartoon Avatar Creator with Four Art Styles

I'm always on the lookout for cartoon avatar makers of any kind, whether it be ones that 'cartoonify' your photo, or ones that let you build a cartoon likeness from a library of individual features.  Free Avatar Maker  falls into the latter category and can be used for making head and shoulder cartoon avatars. While it doesn't have an extensive library of character features (you may struggle to get a good likeness), uniquely it will make your avatar in four different art styles concurrently, allowing you to save the one you like most, or even all four.  I wasn't overly impressed how my TET avatar looked in the first two styles, but style three is quite possibly the coolest looking version of my avatar I've ever seen in a third party avatar creator. It's a very contemporary style. Style four, line art, is also not too bad. Avatar Maker's User Interface. Switch between the four different art styles shown across the top at any time. I particularly like the

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

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

Inochi2D - Free Open Source 2D VTuber Avatar Rigging and Puppeteering Software (Part 1)

Inochi2D Creator - Free Open Source VTuber Software. If you've been looking for a way to live perform as a 2D cartoon avatar on camera, whether it be for a live stream or for pre-recorded content like educational videos, then VTuber software is a low cost (or even no cost) option worth looking into. In my previous post, How to Become a VTuber - 2D and 3D Software for Creating and Controlling Your Avatar , I took a brief look at the relatively new but completely free and open source Inochi2D  which I thought showed great potential for my own needs of creating a live performance character rig for my own TET Avatar that I use for all my promotional materials. While it is possible to live perform my character using Cartoon Animator itself, Reallusion's MotionLive2D capture system isn't great - with lip sync in particular. More importantly though, I can't exactly teach people how to use Cartoon Animator if I'm using Cartoon Animator to control my Avatar. What is Inochi2D

Moho 14 Released - Still the Best 2D Animation Software for Indy Animators on a Budget

Moho 14 Released. Regular readers know I am a Reallusion, Cartoon Animator advocate through and through. Hands down I would recommend Cartoon Animator 5 first over Lost Marble's Moho 14 to anyone who is just starting in 2D animation, is a team of one, or just needs to animate as quickly as possible. However, feature for feature, Moho is, arguably, the best 2D animation software for the rest of us who can't justify a Toon Boom Harmony , or Adobe Creative Cloud subscription (and even with their applications Moho is very competitive on features). You can get started with Moho Debut for just USD$59.99 which is a cut down version of Moho Pro but it still has the most essential features needed for 2D animation. While Moho Pro is a whopping USD$399.99 (Cartoon Animator, which only has one version, is just USD$149.00) upgrades to new version numbers come down to a quarter of the price at USD$99.00. Even though Reallusion just released features like Motion Pilot Puppet Animation and

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

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