Character Animation in After Effects
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.
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.
{{lead-magnet}}
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.
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).
Duplicate the head (the first ellipse you drew). Move the layer above the hair, and alpha matte the duplicated head.
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.
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.
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.
With the pen tool, draw out shoes or feet of some kind. Here, I just did a simple 5 point shape.
Then boom! You have a full character that is already half rigged (thanks to RubberHose).
Look at the guy. All his splendor.
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.
Remember, make the poses on every frame, starting with origin pose, then left, right, up, and down.
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).
Now for the eyebrows. Keyframe 3 poses: Origin, Up, and Rotation.
IMPORTANT: This time, keyframe the actual SHAPE values.
Here are what the three poses look like:
Once these 3 poses are keyframed, using the SLIDERS section of Joysticks n’ Sliders, create the slider tool.
Now, while you're still in the "head" comp, send both the slider control and head control to the parent comp.
Now go to the parent comp "character" and adjust the position of the Joystick as needed.
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.
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.
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.
3) Create a null and parent everything that isn’t parented to the null to control the position and scale of the entire character.
Here is the end result. If you want, take a minute and hide layers that you won't be using.
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, check out Character Animation Bootcamp and Rigging Academy here at School of Motion.
Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.
Explore this Course ➔Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.
Explore this Course ➔Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.
Explore this Course ➔Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.
Explore this Course ➔Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.
Explore this Course ➔Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.
Explore this Course ➔Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.
Explore this Course ➔Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.
Explore this Course ➔Not sure where to start?
If you’re a beginner, here are some great courses to help you get started:
After Effects Kickstart
Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.
Photoshop + Illustrator Unleashed
Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.
Design Kickstart
An introduction to the design principles behind all great work.
More Advanced?
If you’re a more advanced student looking to up your game, here are some great options:
Animation Bootcamp
Learn the art and principles of creating beautiful movements in Adobe After Effects.
Design Bootcamp
Learn to design for motion in this intermediate-level, project-based course.
Cinema 4D Basecamp
Learn Cinema 4D from the ground up in this exciting introductory C4D course.
Now is the time to learn the skills you need to advance in your motion design career: