Skip to main content

How to Rig Your Dragon - A Look at My Process of Rigging Quadruped Characters and Making them Talk in Cartoon Animator

The Red Dragon Speaks.

My second entry into this years Reallusion, Animation@Work competition came about because I wanted to animate a dragon. 

Dragon's are my go to, notepaper 'doodle', since I was a child, that I'll draw whenever I'm stuck in a boring classroom lecture or long meeting and want to keep my mind busy.

I find them interesting because, while most dragons have features in common, you can come up with so many different variations, and combinations of features, and still know that what you're looking at is a dragon.

So that's where my Red Dragon for my animated short (and competition entry), George the Knight in Run Away!, started out, as a completely new designed character for Cartoon Animator.

Standardized Templates

Top: CA4 Dummy Cat Template. Bottom: My initial Dragon design. Notice how it closely follows the physique of the cat template.
Top: CA4 Dummy Cat Template.
Bottom: My initial Dragon design.
Notice how it closely follows the
physique of the cat template. 

Cartoon Animator has three standardized character bone templates for quadrupeds; Dogs, Cats, and Horses. All have the same basic bone structure, it's just the proportions that differentiate them. All are side (profile) views of each animal. This last feature may seem a bit limiting but you can definitely work around it if you need different angles.

The reason to use one of these templates is that all of the premade quadruped motions work with all of the templates - saving you considerable time in animation. Thus you can make a cat walk like a horse. It may look a little odd, but you can do it. Which is even better when you're creating a completely mythical beast like a dragon.

Before I designed my red dragon I decided a dragon would most probably move like a cat most of the time. More deliberate and calculating than a dog, with more compact limbs than a horse.

That's how I ended up with my shorter neck, more agile, dragon design (since I had the idea already that the dragon would be running after a knight through the forest).

While you don't have to follow the proportions of any of the templates this closely, the closer you are, the less you'll have to adjust the predefined motions when you apply them.

Rigging the Dragon Body

Rigging a quadruped is no different to rigging a human template character (other than the different folder names of course). I'll confess, until this moment, I had never rigged a quadruped character using any of the templates. However, I used my one sprite method, that I sell a complete rigging tutorial about, and I rigged my sketch in less than an hour.

This is also why my rigging tutorial only teaches you how to rig front facing G3 human characters. You don't actually need a tutorial for each different template. The process is the same for all the G3 templates, it's just the bone orientation and folder/part names that change.

My Initial Dragon Rig. Notice in the Layer Manager that it isn't literally made from one sprite, and that I've added additional bones for the wings.
My Initial Dragon Rig. Notice in the Layer Manager that it isn't literally
made from one sprite, and that I've added additional bones for the wings.

You'll notice from the image of my dragon rig in the Composer, above, my dragon isn't literally made from one single sprite image. You can see the different sprites in the Layer Manager. My 'one sprite' method is so named because you use a single image of your character to create all the individual sprites needed for a complete character rig.

For example the dragon's right front and rear leg are actually just the left front and rear legs duplicated. For each body part I import the entire character image into the rig, and then, using the sprite mask editor, erase/mask out anything that isn't that body part.

Another point to notice is that I've added additional bones to the template for the wing sprites. It's perfectly okay to add bones to any of the standard templates. So long as you don't change the basic structure of the template it'll still work with predefined motions. 

Those motions won't have any affect on the bones you've added since the new bones are not referenced in predefined motion files. You'll have to key frame the new bones yourself after adding your predefined motions.

Finally, you'll notice this rig has no actual talking head sprites (or talking head at all). The dragon head image is simply a part of the main hip sprite image.

The Finished Dragon (Mark I)

Additional wing sprite images so the wings could fold in and out, along with some wing extensions to make the dragon feel bigger.
Additional wing sprite images so the wings
could fold in and out, along with some wing
extensions to make the dragon feel bigger.

Obviously I went on to painting the dragon, which I did by exporting my template from Cartoon Animator, so I could simply color the sketched sprites and not have to remake them all. As I would have to do if I had gone back to my original source image to do the painting.

I did make some additional wing sprites so the dragon could fold its wings in and out. I also made some wing extensions to make the dragon feel bigger - and because the wings play a prominent role in the animation.

It was this version of the dragon that I used in my final animation since there was no real need for facial expressions, or any scenes where you actually see the dragon roar.

In terms of motion files I ended up using premade dog motion files for the dragon running through the forest. Then cat motion files when it sits, and for when it leaps in the air.

Making a Talking Dragon (Mark II)

While I didn't actually need my dragon to talk I always planned to, eventually, sell the dragon in my Reallusion Marketplace Store. I imagined people would love to buy it but be disappointed if it couldn't make any kind of facial expression or be made to talk using Cartoon Animator's auto lip syncing function. (Since there are so many dragon stories where dragons can talk).

You can see from my original sketches shown at the top of this article I did a few studies of what my dragon's face might look like from the front. I did this with a view to eventually creating a G3-360 head. I haven't ruled it out but, since I've never rigged a dragon's head before, I thought I'd make it a little easier by sticking to a profile view.

Unlike my human character rigging method I did not start out by first creating a morph-based head from which to derive all my face sprites for the different expressions. Instead I went straight into creating the various sprites using my existing face image as a starting point.

The head shape, upper jaw, eyes, nose and brows I was able to derive from the existing image. The lower jaw was there but, for the first time, I had to draw something completely new, the mouth interior.

The six eye expressions you need were very easy to make by simply deforming the 'normal' version of the eye. The nose and brows are just a single sprite each.

For the mouth I created my jaw with its lower interior set of teeth and tongue and then used the deform tool in Krita (my graphics editor) to create the 15 other mouth sprite shapes needed for lip syncing to work.

Something I barely use for human characters - to the point that I don't even reference it in my rigging tutorials - is the Facial Animation Setup Window. For human, front facing characters, the default settings work just fine. 

For a side facing dragon with the jaw of a... well... dragon you have to go through and tweak all the settings for the eyes, brows, and mouth. If you don't, the default settings, optimised for a front facing human face, will completely ruin your face rig when you try to puppet the face or even apply face templates.

Most of the Dragon's face sprites were derived from the original head. I only had to create a mouth interior for the lower jaw. Here You can see how the Facial Animation Setup window uses deforms to get more expression into character faces.
Most of the Dragon's face sprites were derived from the original head. I only had
to create a mouth interior for the lower jaw. Here you can see how the Facial
Animation Setup window uses deforms to get more expression into character faces.

While it all looks fairly complex, I was surprised at how well it all came together. Overall it took the best part of a day to fully rig the head as I've described, not because it was difficult, it's just a little time consuming.


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


Hopefully you've gained some insight and confidence in how to go about rigging your own quadruped characters in Cartoon Animator. As I said, if you've learned how to rig a front facing human character, then you have the skills to work this out without any additional tutorials.

I found the whole process very rewarding, and satisfying to see a non human character suddenly not only being able to talk but to also emote.

I still want to see if I can convert the dragon's head into a G3-360 head but that's for another time (and article).


Comments

Popular posts from this blog

Eight 2D Animation Apps For Your Phone or Tablet Mobile Device

M obile productivity apps have become so capable that they can be great alternatives to their PC/MAC equivalents or serve as great tools in their own right when you're away from your desk. While some apps simply mimic their desktop counterparts, others offer well thought out, touch-friendly interfaces that are easier and more fun to use. Every so often I check out what's available for 2D animation for Android devices, since that's what I use, that can complement my workflow with Reallusion's Cartoon Animator 5. Some may be available for Apple devices as well. Below I've listed six free (F) apps (with optional paid (P) upgrades) on the Google Play Store that you might want to explore. Some are just fun apps on their own while others may be useful as part of your workflow on bigger animation projects. Not all are exclusively animation apps and could be used on any production. JotterPad (F/P) The name JotterPad makes this sound like a notepad application but it's ...

Creating an AI Digital Avatar and Voice Clone of Myself with Free and Low Cost AI Tools

O ver the years I've looked at various ways of creating and animating a digital avatar, from simply creating a character for Cartoon Animator and voicing and animating it myself, to creating a  live motion capture ready Vtuber avatar puppeted and voiced by me in real-time. In the last year or so, making photographic images talk, using AI and AI voice cloning has really progressed. To the point where I wondered if I could create a photographic AI avatar of myself, complete with my cloned voice, that I might use on some of my videos? Creating My Avatar: Artflow To create my avatar image, as far as I'm concerned,  Artflow.ai is the best value AI site for creating consistent digital characters (or 'actors' as Artflow calls them). That's pretty much their entire focus. Artflow's actor model training user interface. You get your first actor for free, 100 free credits per month (which equates to 100 still images per month - get an additional 50 credits if you sign...

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...

Five AI Generative Image to Video Tools For Animation You Can Try Free Right Now

The Emo Girl Character created by Start Animating. A I generative video isn't new but it is the next big thing in the visual imaging space as various development teams work to perfect the generated output.  Just like generating still images AI video sometimes struggles with physics, arm and hand movement, and the general structure of things. However it is getting better and, as is the catch cry of all AI development, this is the worst it will ever be, because it's improving fast. If you're an animator one current potential use of generative AI video is to animate your key frames, as opposed to generating something entirely from a text prompt. Starting with an image helps to keep your characters and art style consistent across AI generations. With that in mind I tried five, free image to video AI generators to see what their potential might be and whether they can handle cartoon style characters well. Note all but the last entry on the list do not create any sound with the...

Hand Drawn 2D Digital Animation - Get Started with These 3 Free Applications

Penguin Jump Pencil Roughs by TET. Hand drawn 2D animation, more commonly described as 'traditional' animation, where each character movement is meticulously drawn frame by frame is still one of the most versatile forms of the art. Essentially, if you can draw it, then it can be animated. There's really no limits other than your own drawing and animation skills. If you already have a digital drawing tablet or pen display monitor and want to get into hand drawn, 2D digital animation then these three applications are a great starting point and they're all completely free.

The Ultimate Independent Animator's App and Resource List - Animation and Video Life

Image created with Cartoon Animator 4. Being an independent animator is not like a studio animation job. There's so much more to do that is indirectly related to the actual task of animating. Over the years I've sought out many apps, tools, and services that can help me achieve that one single task, expressing myself through animation. Below is my Ultimate Independent Animator's Resource List for 2024 (last updated Oct 2024). It started out as a list of free or low cost apps that could help you in every stage of producing either 2D or 3D animation, and then just kind of grew from there. You may not have been looking for a Time Management App as much as you needed something to get you started in 3D animation but when those commissioned projects start coming in you'll have a head start on maximizing your time. All the apps and services on this list had to meet two main criteria: They had to be useful and relevant to an Indy Animator/artist. The base app/se...

How to Become a Virtual YouTuber (VTuber) - 2D and 3D Software for Creating and Controlling Your Avatar

Young TET VRoid Avatar in VSeeFace. In a previous YouTube video I demonstrated how you could use a webcam, Cartoon Animator and its MotionLive 2D Facial Capture system to create a virtual avatar that you could perform live during a live stream. Unfortunately the motion capture performance of this system is very average to say the least, and is even more expensive if you want to add hand motion capture via a Leap Motion Controller . This lead me down a rabbit hole of seeing what other solutions are out there, where I bumped into the world of the VTuber or Virtual YouTuber (creators who puppet and voice an on camera avatar instead of appearing on camera themselves). Specifically VTuber software, which has been a real eye opener for how expensive and far behind Reallusion's upper body motion capture system actually is. The VTuber world is heavily entrenched in the world of Anime so you'll see a lot of 2D and 3D avatars in this style. If fact, if an Anime avatar is your thing, y...