Animatic Tutorial

April 6, 2007

This development entry will show the process of creating a scene, and its evolution from sketch into full blown animation. The scene I'm detailing is when Sparky turns quickly to face Meat, and then rushes towards him.

The first step has been shown before, creating the storyboard:

Next, using Toon Boom, I loosely sketch out the keyframes that I want to be sure to hit. Doing this within the timeline creates a useful rough animatic. Here's what that animatic looks like:

I then create circles to represent the head and body of Sparky. I animate these circles directly over the keyframe animatic from the previous step, and what I end up with is a well-timed animatic blueprint with basic motioned displayed. This is the main animatic that I will reference throughout the project. Here's that animatic overlayed with the keyframe animatic:

And here it is by itself:

Now we're getting to the meat of the project. I typically attack the core of the animation at this point, putting a majority of my effort in the torso as that will yield the most convincing bang-for-the-buck. Getting the squash and stretch right here is one of my primary goals. The secondary movement of the ears, tail and leg fat are also quite important to sell the action. Tip: Since creating this scene I've started putting the ears and tail on separate layers for greater control. Don't be afraid to spend the extra couple of minutes to properly put drawing elements on their own layer if they deserve it. You'll save more time than you realize.

Here's the torso overlayed with the movement animatic:

And here it is by itself:

Next I add the arms and legs. Note that I don't create the full leg, just enough to cover the screen. These projects are long enough, don't waste time on elements that will never be seen. With the arms and legs:

Now I add the face. Grr!

Color is always important. I've started using shadows to give the characters greater depth. In Toon Boom use the "Stroke" tool along with the "View/Show Strokes" selection to create the shadows. The stroke tool basically allows you to draw invisible lines.

The last step is to add background color and speed lines. Speed lines are a useful tool to impart a sense of action and extreme movement. They're relatively easy to do since abstraction is the goal. I'm interested in building a library of speed lines and effects for Toon Boom and Flash animators to use. While I ponder that, here's the final version (23 frames, 44k):

It looks really good so far, I like the coloured the lines rather then black lines.

Posted by peter at 12:55 PM Apr 06, 2007

Will, What a great "behind the scenes" post. It certainly gives the reader / viewer an understanding of the progression of steps applied to get old Sparky moving into action. The value of your blog as a learning experience just continues to increase with this type of addition. Your application of the digital environment is a fresh and useful approach to getting classical results.

Posted by JK at 8:20 AM Apr 07, 2007

It`s great ! thank you for sharing this.. it`s really helpful !!! I have just started my adventure with animation and I`m pleased to gain knowledge from useful tuts like that one ! :)

Posted by balimynah at 3:57 PM Apr 07, 2007

i am trying to learn 2d cutout animation and this approach is very new for me and i think its more like a traditional way and i saw first time using of animatic sequences in making of animation , very informative post , thanks

Posted by awais at 1:17 AM Apr 12, 2007

Name: (Required)

Email: (Required but not shown)

URL: (Shown if entered)

What is 2 + 4?: (Required, need to make sure you're human)
 

Comments: (Required)

Subscribe to Calico Monkey Cartoons

  Subscribe via RSS | What is RSS?

If you like to watch cartoons, you're in the right place! New cartoons are released every other week. Add your email address below to be notified of new posts immediately. We promise to never send spam or sell your email address.