Skip to main content

Animate Your Favorite Cartoon Avatar Creator Characters with CrazyTalk Animator

I love a really good avatar creation app because it feeds my narcissism (I mean somebody has to take an interest me, right?). So when I came across Oppa Doll for Android, a super cute Chibi avatar creation app I immediately went to work on creating my TET Avatar as a chibi character.

The creators of the app are not wrong when they say your character "will be the most adorable character in the world." I was so impressed by the quality of my finished character I was inspired to see how quickly I could turn it into an animated character using Reallusion's CrazyTalk Animator 3.

The fastest way to create a character in CTA3 is to put a Morph-based head onto a G3 character body rig (don't worry if you're not familiar with those terms they'll be defined as I go). For this article I decided to make a companion character to my TET Avatar, called Mia.



That's Mia on the left!
Mia often appears in animations and comics with my TET avatar, along with a replica, fully sentient Star Wars droid of R2D2 (because I just thought it was a funny team up). The three characters are basically my homegrown version of Doctor Who. They travel through time and space, having adventures along the way.

Mia is one of my only recurring characters that I've never personally drawn my own version of. She's always been created using third party avatar building applications.

Preparation


Top: The four Avatars I created with OppaDoll.
Bottom: My Final Mia Graphic for CTA3 and how
it separates into six layers.
I used the Oppa Doll app to create four avatars of my character that would help me set up my graphics including:

  • The final character avatar.
  • One that showed her with arms (because the outfit I wanted had her arms behind her back).
  • A version that gave me something to base the back of her head on.
  • A 'naked' version so I could get an image of the head with no eyes.


I used these characters to create a composite Photoshop file with six layers; Front Hair, Back Hair, Face, Body, Right Arm, Left Arm.

Note that I could've just taken Mia's final character avatar directly into CTA but these extra steps were so she could have independent movable arms and better looking eyes.

Importing Character Graphics Into CTA3 - Sprite Replacement Method


As there were only six graphical elements, I decided it would be quicker to use the character sprite replacement method rather than put everything into a G3 PSD template.

The Sprite Replacement Method.
Bottom: Sprites complete. Notice no
bone adjustments have been made.
To do this you simply place the appropriate G3 Human Dummy Character onto the CTA Stage, open the character in the Character Composer, select a bone you want to add/change a sprite on, then open up the sprite replacement tool to import your graphic of each body part.

Placement and size doesn't really matter at this point. All you want to do is make sure your images are attached to the appropriate bones.

Note that you don't need to import the head sprites at this stage, other than the face sprite for reference. The face sprite will be deleted when you create your morph based head.

Once you have all your images imported, keep the sprite replacement tool open and work on getting all the parts in the right position in relation to each other. Don't worry if the bones don't line up but try to position your character's feet at the same level and position as the dummy character.

Rigging the Bones

Drag all the bones into place
using the Bone Editor tool.
Use the Bone Editor tool to drag all the bones in place to match your character's proportions. Hold down the Shift key to move a bone without affecting the child bones attached to it.

You generally want to aim for all the bones being yellow in color when you're done, indicating that they are correctly placed over your sprites.

Again, don't worry too much about the face bones. Focus on getting the body set up.

Creating the Morph Based Head

The Head Creation Menu.
Start the process of making your head by clicking on the head bone and then selecting 'Create Morph-based Head' from the head creation menu.

You may be asked if you want to save the settings of your current head (say no) and if you want to replace the current head (say yes).

You'll then be prompted to import your main face sprite and then CTA3 will step you through the morph-based head creation tool.

Face Fitting Steps.
Click Image to enlarge.
Most of the process is pretty self explanatory. I've created a numbered graphic of the process on the right (click on the graphic to see the full size version.

Points to note include:

Step 2
Just roughly place the eye points here. You can fine tune their placement in steps 3 and 4. The reason I didn't include eyes drawn onto my face is because I'm going to add CTA3 cartoon eyes which will add all the features of the eyes from makeup to eyelashes etc.

Step 4
Don't miss placing the detail points by clicking the detail point icon. If you just click the 'Next' button after placing the basic points you'll skip straight to Orientation step 5.

Step 5
Because this is a 2D character the face depth should be set to the lowest number. However you can experiment with this. You may like having more facial depth (All these face fitting settings can be changed later).

Step 6
Once you've been through the face fitting process you may need to resize your head and position it correctly on your character body. Check that your head is first in the Layer Manager too.

Once everything is in place position the facial bones. Particularly focus on the Front and Back Hair bones and the nose bone being in the correct position for your character's face.

At this point you can also add your front and back hair sprites using the same sprite replacement technique on the face bones i.e. select the back hair bone, open the sprite editor and import your back hair sprite.

Adding Eyes and Teeth

Adding eyes and teeth.
Click image to enlarge.
At this point we're pretty much in the home stretch. Adding eyes is as simple as selecting eyes that suit your character from the Morph Eyes folder of the Content Manager (On the Head Tab). I used a set from the Anime folder.

If the eyes don't look quite right you can make all kinds of adjustments to them in the eye editor. For my character all I did was scale them so the iris would fill most of the eye area.

Adding teeth is the same as adding eyes only this time you're selecting from the Morph Mouth folder. Down the bottom of this selection are a bunch of comic style teeth. I selected one that didn't detail each individual tooth.

Again the teeth and mouth interior can be edited with the Mouth editor. For my character I made the teeth a little larger, lowered the Y position a small amount and turned the brightness down a touch, so they wouldn't be such a bright white.

See how everything is working using the Face Calibration tool.

Adjust the Wireframe


Adjusting the wireframe can improve
how your character moves.
If your character's body isn't bending very well you may want to adjust the wire mesh that determines how the images bend and flex. Open the bone editor and turn on 'Show Wireframe'. Make sure the 'affect all areas' box down at the very bottom is ticked, then adjust the three sliders.

Generally the area you need to affect is only the Mask not the full image.  Density will give you a finer wireframe; Expansion is how far outside the image area the wireframe should extend; Alignment adjusts how the wireframe's divisions.

You're Done


Once it all looks good save your character to the custom character folder of the Content Manager - just select where you want to save it and hit the plus (+) button at the bottom of the window.

Return to the stage where your finished character is ready to animate. If your character's back hair is like mine and extends past and in front of the neck, use the layer manager to send it to the back, behind the body before you start animating.

Turn Any Avatar Into an Animated Character


Now that you've seen how easy it is to set up a single angle character with a morph based head you could use this technique to animate a whole cast of avatars from any avatar creator.

Morph based heads do not have to be front facing. It's possible to make them at the 315 degree angle - which is typically the side angle used for most side facing characters and side facing predefined motions. If your avatar creator is capable of multiple angles, you have that option to make both side and front facing versions.

To make these characters even more versatile you could develop multiple hand sprites for them as well.

The possibilities really are endless.

TET and Mia, looped dance.




Comments

  1. Thank you one more time. It is an excellent text with useful information. I would like to ask you if it is possible to do the same process as this one with the cartoon girl that you use from vectorcharacters.net site? Thank you in advance

    ReplyDelete
    Replies
    1. Yes ofcourse , just get any png file and separate out the body parts and simply rig it to the bone , your charachter will be ready

      Delete
  2. P.s I've just subscribed to your blog. Thank you for sharing your knowledge with us. Best regards Tanja from Serbia

    ReplyDelete

Post a Comment

I welcome, read, and respond to genuine comments relating to each post. If your comment isn't that save me some time by not posting it.

Popular posts from this blog

The Ultimate Independent Animator's App and Resource List 2019-2021 - 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 2019. 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/service had to be US$200.0

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

Three Image Overlay Apps. Do More with Your Reference Images While You Work

PureRef's image overlay in action with Cartoon Animator 4. One thing Cartoon Animator 4 still does not have in stage mode is the ability to onion skin previous and next frames.  For those complete animation newbies among you, onion skinning is the ability to see through the current frame to your previous and/or next keyframes so you can see the progression of your character or object's movement as you create and adjust each keyframe. Usually the previous and next frames appear lighter so your current frame remains the key focus. This prompted me to look for a tool that could overlay an image over my work to use as a reference while still allowing me to work on the app underneath the overlay. I had seen, and even used such apps in the past but it had been some time so I decided to see what was out there, preferably free and/or open source, with versions for Mac and Windows. Overlay 2 There are actually a number of apps that do nothing more than overlay an image but the only one

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

Run Your Favorite Android Animation Productivity Apps (and Games) on Your PC or Mac with BlueStacks

BlueStacks Android Emulator for PC or Mac. There are many free and low cost mobile animation productivity apps for Android in the Google Play Store that would fit right into your workflow if you could access them directly from your PC/Mac  desktop (or laptop) computer. Even if those apps can save their output to the same cloud storage you use with your PC or Mac, just the divide of using a separate device makes them inconvenient and disruptive. Worse yet, what if your Android device is underpowered for the apps you want to use, or worse still you don't own any Android devices because someone convinced you Apple Mac's, iphones, and ipads are 'cool' (they are, but you pay for 'cool'). BlueStacks is a free, open source Android emulator for Windows or Mac (currently only BlueStacks 4 can be installed on a Mac but BlueStacks 5 for Mac is coming soon). If you're not aware of what an emulator is, it's basically a piece of software that mimics another devices

Stylish Stick Figures for Cartoon Animator 4.2 - New Characters by TET

Stylish Stick Figures by TET. Animating stick figures is almost a right of passage for any animator who has ever made an old fashioned flipbook or discovered the free stickman animator app, Pivot Animator . There's also the hugely popular viral stick figure animation, Animator Versus Animation  and its sequels by Alan Becker that continue to inspire variations more than 12 years later. Back when Vyond was GoAnimate they had a stick figure theme that was popular site wide despite having many other themes with much more refined Saturday morning cartoon style characters. I even had my own stick figure series, Harry Chalk , on GoAnimate. Long story short, I was looking through the Reallusion Cartoon Animator Marketplace and discovered there really weren't any well designed, traditional looking stick figure characters. That's not to say there weren't any at all but I wanted something similar to GoAnimate's stick figures which included full facial features and male and

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