Back to Blog Index

Illustrating and Animating Characters With After Effects and Procreate

Character design is one of the most rewarding and fun processes in the motion design world. It becomes even more fun and rewarding when you learn to animate them. Here’s how.

Creating and animating a character almost makes one feel omnipotent. There are so many ways of infusing your own personality and design sense into something that can truly invoke emotion, tell stories, and make people in the world feel less alone. Characters are powerful, especially when you designed them with heart and intentionality. 

The same, in a lot of ways, is just as true for when you make them move and animate them. You can add personality and further tell the story that way too. There are many ways to animate a character, and some of them are easier than others. However, Audrey Stemen made this video that will get you off on the right foot using After Effects and Procreate to make thoughtfully designed characters and animations.

As with most things in the creative realm (and really everything in life in general for that matter) the best way to learn is to just start trying. Just make your first character and make it move. You’ll find that it’s somehow not as hard as you thought, but also one of the hardest things you’ve done. The animation part specifically can be a truly grueling process, but if you put the right thought into various aspects, you’ll find that it’s one of those skills that gets easier and easier over time. Here are some tips that will get you there quicker.

Design Comes First

If your character doesn’t look good when in still form, then it’s probably not going to look any better animated. You have to put the right amount of thought into your design and how you want your design to move and feel. You want your design to look better in motion, but still look great when it’s static. 

Your character design should evoke the right emotions and feelings that you’re intending to convey before you’ve ever laid down a single keyframe. You want the motion to enhance those aspects, not be the only saving grace of your design. 

You’ll want to pull reference imagery and get a good idea of they types of things you want to use to inform the design of your character. Are we going for Spider-Verse or are we going for Charlie Brown? (Probably couldn’t have come up with two more wildly different examples.) Then you can start to sketch out the anatomy of your character and get a feel for the way they might move. Consider the proportions of your character and the world they’re living in. 

EXPLORE ALL COURSES

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
Free Project Files
Download the Ae and Photoshop project files
Your download is in your inbox!!!
Check your email (spam, too) for the download link!
Please check the spam folder if you don't see the message within a minute or two. Google likes to hide your downloads, sometimes.
Oops! Something went wrong while submitting the form.

Design And Joints

When you design your character, you absolutely have to put thought into how you want the joints to move. For example, leaving full circles worth of space on elbow joints makes is so that the arm can articulate the way that it needs to fully, and the shapes won’t warp or show edges in unpleasant ways. 

Think about the head and the neck, all the things that you need your character to do. If you don’t really know yet how you want your character to move, just go ahead and create a rounded joint area for every articulation point of the character. Shoulders, knees, fingers, everything should have it’s own layer and joint. Make sure name everything as you go! This will be very important later on.

Animation

The first and most tedious task is setting up the anchor points for each element. You want the anchor point to be in the center of the correct area for each joint, and you’ll need to think about how each piece should move in relation to each other, and where each part has it’s center of gravity or articulation point. 

Then you’ll have to go ahead and start parenting things. This is also a bit tedious, and you’ll probably want to start color coding things where possible. For example, each part of a hand/arm rig will need to be progressively parented upward toward the shoulder, so that you can move everything at once but then also go in and add more granular detail.

Then, the biggest next big step is to rough in your full animation. Make all of the big movements and general frame-out of your main animation first. Then you can go back and add little small tertiary movements like wiggles or adding my physics to an object or joint. The little details will make your animation look more pro, but you want to rough in the big stuff first.

Learn Character Animation

If you’ve ever tried to animate a character in After Effects, you know how difficult it can be. In Character Animation Bootcamp, you'll learn key character animation techniques in After Effects. From simple movements to complex scenes, you'll be confident in your character animation skills by the end of 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.

LEARN MORE

Photoshop + Illustrator Unleashed

Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.

LEARN MORE

Design Kickstart

An introduction to the design principles behind all great work.

LEARN MORE

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.

LEARN MORE

Design Bootcamp

Learn to design for motion in this intermediate-level, project-based course.

LEARN MORE

Cinema 4D Basecamp

Learn Cinema 4D from the ground up in this exciting introductory C4D course.

LEARN MORE

Now is the time to learn the skills you need to advance in your motion design career: