Skip to main content

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

Composite image of my Bikini Girl Character in Inkscape half 'inked' and half showing the underlying, vector wireframe.

I'm not known for my super fast character design for Cartoon Animator. It's why I constantly look for short cuts in rigging characters because I get bored or distract... squirrel!

In this second post on rigging my first, complete G3-SVG vector character I'll run you through how I take my initial, 'inked' using Inkscape design, from part 1 of this series, and break it up into the key sprite body parts.

Marking the Joints

The main image for this post at the top of the article is a little deceptive as it shows a composite of my, mostly, complete character divided in half so you can see the underlying vector lines - totally for effect to create an interesting image.

Imagine this image is still just the half image I traced and colored from last time. The next step is to create a joint layer and mark where all my joints (i.e. bone points) will be with my semi-transparent circular crosshairs that you can see in the image. But only on one side, remember. All of this will be mirrored when complete.

Detail image of my characters arm showing the placement of my circular crosshair joint markers.
Detail image of my characters arm showing the placement
of my circular crosshair joint markers.

The purpose of these crosshairs is to mark the center point for the bone placement and then to create a circular region around the bone point that will create an almost seamless joint between each sprite.

The circular area, generally, should be as large as possible without going outside the boundary of the character's shape. Once the two sprites are pinned together the joint works like a hinge and should look fine in any natural pose of the character.

Note that I am designing this character to have bone hands but, as of writing this, each of the characters fingers are a full sprite. I've yet to separate them into the smaller joint segments.

Dividing Up the Body Into Sprites

If you recall I drew my character's body as one complete shape. My next step is to cut this up into sprites. It's a little tricky, and time consuming but I actually find this method easier than separating the character into sprites as I go.

Figure 1: Image sequence showing how I slice up my character's body shape into the various body part, sprite shapes.
Figure 1: Sequence showing how I
create my sprites joints.
It involves duplicating a line from my crosshairs that I use to cut the body sprite at the joint (see image 1 of Figure 1) using the 'Division' path function. Make sure you move the duplicate line to the same layer as the body shape if you're going to try this).

This slices the image in two where my crosshair line was (see image 2 of Figure 1). The crosshair line itself will vanish which is why I work with a duplicate.

Next I'll make a duplicate of the circle part of my crosshair, hide the section of the body I'm not working on just yet. In this case that's the upper leg (see image 3 of Figure 1).

I'll then color this circle with the same fill and line color of my body shape. I'll then make a duplicate of this circle that I'll use for the upper limb, once I've completed the lower limb (make sure the two circles are perfectly aligned).

Finally I'll combine my circle with the end of the body part I'm working on - in this case the right shank or lower right leg - by selecting the circle and the body part and executing a 'Union' path function on them (see image 4 of Figure 1).

This creates a perfectly round end to my sprite.

I'll then use the duplicate circle and combine that with the upper part of the same limb - in this case the right thigh - giving a perfectly round end to that sprite too.

Demonstration of how to create a joint when a character has outlines.
Figure 2 - Demonstration of how to create a
joint when a character has outlines that you
want to minimise the line break points.
I'll go around and do this for all my joints.

Note that if you're creating a character with outlines you can sometimes create the illusion of unbroken lines if you make one end of a sprite circular and the adjoining end flat but covering half of the circle (see Figure 2).

Adding Highlights and Shadows

Exploded, detail view of my character's sprites.
Detail view of most of my character's main sprites
with highlights and shadows added, and sprites
like the torso and face combined into one sprite.
Once I've divided up all my sprites I'll then go through and either add more highlights and shadows or fix any that I've already included so that they don't bleed over into my joint circle areas. 

Minimising shading or highlights around your joints will help prevent any unexpected lines when limbs start moving around. Although if you study figure 2 (in the previous section) and apply those principles for the outlines to shadows and highlights, it can work quite seamlessly.

Once these are done I'm ready to mirror the entire design so I have a complete character. This is simply a case of selecting all my character parts, duplicating and flipping them vertically.

After I've lined up the two halves of the character I'll join the two halves of the torso/hip sprite together with a Union path function. I'll do the same with the face, back hair, front hair, nose, and mouth.

Next Steps...

Although it looks like I'm close to rigging the character I still need to create all my eye and mouth sprite expressions. I'm hoping that won't take too long given how much easier it is to modify vectors into different shapes.

Hopefully in the next post I'll be able to put all my sprites into Reallusion's Front Facing Character template and complete a first test animation.


Popular posts from this blog

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

Start Your 2D Animation Side Hustle - Sell Your Cartoon Animator Characters, Props, Scenes, and Motion Files in the Reallusion 2D/3D Marketplace

Have you thought about starting a side hustle selling your original Cartoon Animator assets in the Reallusion 2D/3D Marketplace ? In this article, the first in a series on selling in the marketplace, I'll give you an overview of what's involved, why you should give it some thought, and whether you can earn enough to quit your day job (or at least have a worthwhile side hustle). If you're an artist with any kind of drawing skills, and you're creating your own original characters, props, scenes, and even motion files for your Cartoon Animator projects, then setting up your own store in the Reallusion Marketplace should be a no brainer. You're making content already, it doesn't cost you anything to set up, and Reallusion only takes a 30% commission from each item sold. (If you think that's a lot, I'll address that further down). Don't be put off if you think your art skills aren't up to professional standards. There are plenty of artists with naïve

Wonder Unit Storyboarder - Free Storyboarding Software for People Who Can (or Can't) Draw

Wonder Unit Storyboarder.  As an independent and solo animator I'm always tempted to try and skip storyboarding my animated shorts because they're usually only single scene sketch comedy type jokes. As a result I have many unfinished projects that kind of petered out due to having no clear finishing line. Storyboarding your productions, no matter how small, gives you a step by step guide of every shot that needs to be completed (no planning shots as you animate). It also allows you to create an animatic that gives you a rough preview of the finished production. In short, you shouldn't skip storyboards as they, generally, increase the chance of the project being completed. Disclaimer - I'm Not a Fan of Storyboarder Upfront, Wonder Unit's Storyboarder  is not my preferred storyboarding software. However it's completely free, has a number of very compelling featu

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

2D Animation Side Hustle - How to Find a Niche Market Selling Digital Characters, Props, and Background Art in the Reallusion 2D Marketplace

C ontinuing my series on your 2D Animation Side Hustle, Selling in the Reallusion 2D Marketplace , in this article I'm going to take a look at niches and why they're important to becoming a successful seller. I'll also look at some indicators, specific to the Reallusion Marketplace, that can help point you in the right direction of finding niches that are in demand. What is a Niche and Why Are They Important? In marketing terms a niche is kind of like a sub category or a section of a subject that you want to focus on. It's not the big idea with wide appeal that everybody loves, it's a smaller, more specific section of the idea that fewer people really connect with. For example, in the Reallusion 2D Marketplace, Characters are the biggest sellers. Everybody loves and wants to buy characters. They're great! That's all you need to know, characters sell the best, go make some! There are currently 4413 characters for sale in the marketplace. How will people find

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