Skip to main content

Cool Froyd the Cat and Crazy Talk Animator Pro

Original Cool Froyd Painting.
Acrylic on Canvas 2009
Cool Froyd is an original character painting (image right) that I created in 2009 based on a sketch I drew back in 1999. Since buying Crazy Talk Animator Pro I've thought Cool Froyd would be a good candidate for turning into an animated web series.

Nothing too complex. I picture him as a kind of animated cat vlogger giving his views on any subject you can imagine in short 1 or 2 minute episodes.

The following blog post documents my journey so far of turning a painting into an animation. I'm not going to go through every step in detail. This is just an overview of the process.

Fitting the character skeleton.
One thing I have become very familiar with is the character creation process of Crazy Talk Animator Pro (from here on in to be known as CTA). The easiest way to start is with a photo image imported into the Actor Creator to get your basic character skeleton (or bones in most other software terminology). Note that this process doesn't allow you to add bones for the tail.

I didn't have to be too careful with this first pass of creating the character because the entire image of Froyd will be replaced later due Froyd not being a standard humanoid style character. As I said this was just to define the skeleton.

Dissected body parts.
Next I fired up Serif DrawPlus X6 where I cut out all the different body sections (image right). At this stage I could have refined each body part so that limbs had rounded edges at the joints and to redraw parts of the body not visible in the original painting.

However CTA has some pretty reasonable pixel editing/paint tools of its own so I decided to do that kind of work back in the CTA's Actor Composer.

I did create the shadow in Serif Draw. All of the body parts were re-imported back into CTA individually as PNG files.

All characters in CTA are made up of sprites, whether they be PNG images or SWF vector images. The character trees are identical too. You just add in the body parts you need or take out those you don't. For example most human characters don't have a tail but there's room in their character trees for a tail with up to nine segments (See image below - click to enlarge).

Although Froyd only has one tail sprite notice
the character tree lower right has room for
a more flexible tail.
The sprite system also allows you to store multiple images for any body part to be swapped in and out depending on what the scene requires. This allows you to create multiple views of a hand, for example, which you can swap on any key frame of your animation (ideal if your character needs to flip someone the bird!).

Froyd's semi 3D
'morph based' head.
Currently Froyd's head is what CTA terms as a 'morph based' head. Originally I was going to give him a Sprite based head but this would require me to actually animate his eyes and mouth in various positions e.g. eyes closed, angry, sad etc. Each image is swapped out as needed based on what your character is doing.

A morph based head gives your character's head a semi three dimensional quality that enables it to turn the head partially in every direction. It also adds in pre-made eyeballs and mouth interiors and allows the eyes and mouth to be animated without needing to draw anything.

It does this through the placement of points of a wire frame mask which you can manually fit to the character's face. You then go through and select different style of eyes and mouth interiors from very human looking to complete cartoon style.

Morph based heads can only be created from bitmap images and not flash, vector based images.

Face Fitting a morph based head.
Once I had Cool Froyd's character complete I imported his shadow image and linked that to his character. Then I created a background image based on the background in Froyd's painting using GIMP.

You can see the final scene set up in CTA below in 3D view. This view is used mainly to show the depth relationship between objects and isn't a view that you can record as part of a completed animation.

Completed Cool Froyd Character and set.
Finally how the scene looks when viewed through CTA's 'camera'...

Final Scene.
That's as much as I've completed so far. I have still to write a script for Froyd's first episode and hope to get this done really soon. Next time I write about Cool Froyd I'll look at the process of animating him using CTA's time line and various animation methods.

Popular posts from this blog

Should You Buy or Upgrade to MOHO 13? *Spoiler* Yes. Yes You Should!

MOHO 13's New Character Set. Smith Micro released MOHO 13 , their all in one, 2D animation studio, this week. The question is should you buy or upgrade to the latest version? Obviously I've already spoiled this in the title, so the actual question is why do I think you should buy or upgrade? To be clear, I'm only talking about MOHO 13 Pro. If you're considering MOHO 13 Debut be aware that you're missing out on some of the new features, and a lot of existing features that are only available in the Pro version. Debut is fine if the budget doesn't stretch to Pro, but, if you never want to be disappointed about not having a feature, it's Pro or nothing! The other thing I need to be transparent about is I'm not, by any stretch, a frequent MOHO user/animator. However I took the time to learn MOHO 12 Pro fairly extensively, blogging about my process and sorting out 104 free MOHO training videos into a logical viewing order in the process. I think I ha

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

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

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

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

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

Creating a G3-360 Head From a Single Photo in Reallusion's Cartoon Animator

Source Photo from Generated Photos . Ever since Reallusion introduced the G3-360 Character Head into Cartoon Animator 4 I've wanted to see if their 360 Head Creator tool could be used to create an animated head using a photo. Part of the reason I've never given this a shot, until now, is that I just assumed it would be difficult, and require a lot of photo editing to blend out the sprite edges. It turns out, creating a photographic G3-360 head is not that much more difficult than creating a cartoon head, and can be done using a single photographic image using my own G3-360 head rigging system . While this article isn't intended to be a full tutorial, I'll run through the basic steps of how I achieved my photographic G3-360 head, shown in the comparison below, of a Cartoon Animator Morph-based head on the left, and my G3-360 head on the right. Pros and Cons Cartoon Animator's morph-based head system is ideal for animating photographic faces. It uses a semi 3D wire me