School of Motion

Client Wants a Character? Here’s a Fast way to do it in After Effects

  • By Josh Alan
  • Share
character_900_400_v2.gif

Character Animation

Character animation is an art form in itself. Designing, preparing the Illustrator file, importing into After Effects, and rigging can take a LONG TIME.

Thanks to a few easy-to-use and inexpensive scripts, Character Animation doesn’t have to be a super-long process. It is very possible to make a simple character with minimal rigging. So in this post I'm going to show you a few techniques that I have learned for creating quick characters. Keep in mind that this is a quick way for creating characters, which is not to say that it is the best way to create characters.

If you want to learn more about Character Animation or Rigging go check out our Character Animation Bootcamp here on School of Motion. 

Great After Effects Scripts for Quick Character Animation:

I'm not going to go into detail about how to use each one of these After Effects scripts, but there are tons of resources out there for using them in your workflow. You can find out more in the links below. 

1) RubberHose 2 - $45

You have most likely heard of RubberHose 2, but if you haven't, GO BUY IT RIGHT NOW. It’s made by the amazing Adam Plouff and his company Battle Axe. We've even reviewed it here on School of Motion

 

2)  Joysticks n’ Sliders - $39.95 

Joysticks n’ Sliders has almost limitless possibilities. The heart of it is having a controller or sliders to blend between different animatable properties, like Position, Scale, Rotate, or even paths. It's super easy to set up, and VERY easy to animate. 

Download the Project File

Collection

Download the project file here

Simple rigged character in AFX


Creating the Character

DISCLAIMER: Total time designing and rigging: 1hr. There are many techniques in here that might not be the PROPER way. This is a FAST way.

Our Character Animation setup is going to be in two parts: Designing and Rigging. Each one of these parts can take you anywhere from 30 minutes to a few hours, depending on how detailed you want to make the character. Remember, the whole point of this exercise is to make a simple, easy-to-use character that can provide some emotion in a short amount of time.

1) Design

If you're in a pinch, design it right in After Effects. I usually steer away from designing in After Effects, but here, we are all about speed and efficiency. 

First, the head.

  • Create a comp that’s 1024x1024, and draw out 3 ellipses and two rounded rectangles. Ellipses for the head and eyes, and 2 rounded rectangles for the eye brows.


 

v2_01_create_head.gif

Grab the pen tool and draw some hair. Make sure you go far beyond the top and outsides of the head (you will alpha matte the hair).

v2_02_create_hair.gif

Duplicate the head (the first ellipse you drew). Move the layer above the hair, and alpha matte the duplicated head. 

v2_03_alpha_matte.gif
v2_04_alpha_matte_v2.gif

There is the design of the head! Super easy, right? Yes, you can create a mouth, and maybe some ears, but remember the point: fast and simple characters.

More objects = more to rig = more to animate = more time. 

2) Character Body

Create a comp that's 1000x1000 and drag in the “head” comp. Scale and move it to be at the top of the comp. 

v2_05_character_comp.gif

With the pen tool, draw out the body and neck. Any design is fine. You can get away with a lot of details and shapes on the body, because the more detail you put on the body doesn’t make a difference in time for rigging and animation. I put a little suit on him with a tie. A little detail goes a long way.

v2_06_character_body.gif

Using RubberHose, create two arms and two legs. Again, this is not an in-depth tutorial. The Battleaxe site is a great place to quickly learn how to use Rubberhose 2.

v2_07_character_arms_legs.gif

With the pen tool, draw out shoes or feet of some kind. Here, I just did a simple 5 point shape.

v2_08_character_shoes.gif

Then boom! You have a full character that is already half rigged (thanks to RubberHose).

Look at the guy. All his splendor.
 

v2_09_character_yaas.gif

Now all that’s left is rigging. Most of the time will be spent on the head, with a few minor things at the end for the body. 

2) Rigging

Inside the head comp, using Joysticks n’ Sliders, keyframe the Position and Rotation of the hair, eyes, and eyebrows on frame 1.

IMPORTANT: DO NOT keyframe the actual shapes themselves, but the overall transform values. 


 

v2_10_psr.gif

Remember, make the poses on every frame, starting with origin pose, then left, right, up, and down. 

01_head_orgin.JPG
02_head_right.JPG
03_head_left.JPG
04_head_up.JPG
05_head_down.JPG

Then with all those keyframed layers selected, create a joystick. (Again, this is not a full tutorial, but go to the website for more info).
 

v2_11_psr_head_joystick.gif

Now for the eyebrows. Keyframe 3 poses: Origin, Up, and Rotation.

IMPORTANT: This time, keyframe the actual SHAPE values.
 
v2_12_psr_eyebrows.gif

Here are what the three poses look like:

09_eyebrows_orgin.JPG
10_eyebrows_up.JPG
11_eyebrows_rotate.JPG

Once these 3 poses are keyframed, using the SLIDERS section of Joysticks n’ Sliders, create the slider tool.

v2_13_eyebrows_sliders.gif

Now, while you're still in the "head" comp, send both the slider control and head control to the parent comp.
 

v2_14_to_main_comp.gif

Now go to the parent comp "character" and adjust the position of the Joystick as needed.

v2_15_move_UI.gif

While you're still in the "character" comp, select the eyebrows layer, and create UI Sliders. Rename the controls right in the composition panel. BOOM! You have a nice little UI panel to control the head. 

v2_16_create_UI.gif
v2_17_create_UI_pt2.gif

Three small steps to finish rigging the body. As you can see, I colored my layers so they are easier to understand.

1) Parent the shoes to the RubberHose ankle controls, and the neck and head to the body.

v2_18_parenting_01.gif
v2_19_parenting_02.PNG
v2_20_parenting_03.gif
v2_21_parenting_04.PNG

2) Create a solid, drag it to the side, and make sure the anchor point is in the center of the body. Parent the body and the RubberHose shoulder and hip controls to it. 

v2_22_parenting_05.gif
v2_23_parenting_06.gif
v2_24_parenting_07.PNG
v2_25_body_cntrl_move.gif

3) Create a null and parent everything that isn’t parented to the null to control the position and scale of the entire character.

v2_26_null_parent.gif
v2_27_null_cntrl.gif

Here is the end result. If you want, take a minute and hide layers that you won't be using.

v2_29_layers.PNG

At first, it might seem like a lot of steps. But it really isn’t. I made this character and rigged it up in less than an hour.

If you're interested in the ENTIRE process of Character Animation, head on courses page and check out Character Animation Bootcamp and Rigging Academy here at School of Motion.