EDUCBA Logo

EDUCBA

MENUMENU
  • Explore
    • EDUCBA Pro
    • PRO Bundles
    • Featured Skills
    • New & Trending
    • Fresh Entries
    • Finance
    • Data Science
    • Programming and Dev
    • Excel
    • Marketing
    • HR
    • PDP
    • VFX and Design
    • Project Management
    • Exam Prep
    • All Courses
  • Blog
  • Enterprise
  • Free Courses
  • Log in
  • Sign Up
Home Design Design Tutorials After Effects Tutorial After Effects Cartoon
 

After Effects Cartoon

Preeti Prajapati
Article byPreeti Prajapati
Madhuri Thakur
Reviewed byMadhuri Thakur

After Effects Cartoon

Introduction to After Effect Cartoon

We can animate Cartoon character after effect by using some features of this software and getting help from some plugins. For creating and animating cartoons in this software, we have a vector file or png file. We can animate from both files differently. We will understand both methods through an example and also learn how we can handle their parameters. For this topic, we will take an illustrator file in different layers and use the puppet tool and some other important tools on this software on our cartoon character. So let us start our discussion on the After Effects Cartoon.

 

 

How to Create and Animate Cartoon in After Effect?

We can create and animate cartoon in aftereffect in a few simple steps by just using and managing some important features and parameters of this software. But before starting, let us have a look at the working screen of this software so that we can better understand this topic throughout this article.

Watch our Demo Courses and Videos

Valuation, Hadoop, Excel, Mobile Apps, Web Development & many more.

At the top of the working screen, the Menu bar has several menus such as File, Edit, Composition, Layer, Effect, and some other important menus. Below this menu bar, we have a toolbar along with a property bar of an active tool or object. Below this toolbar, we have three sections at the left side we have the Project panel along with the Effect Controls panel; at the center, we have the Composition window in which we can see our work; at the right side, we have some parameters’ panel such as Effects & Presets tab, Audio tab, Preview tabs, and some other important tabs. You can manage all these sections as per your choice at your desired place on the working screen of this software.

After Effects Cartoon output 1

Now let us have a new composition for our learning. For the menu, composition go to the composition menu of the menu bar of this software and click on it. A drop-down list will be open to choosing the ‘New composition’ option from the list.

After Effects Cartoon output 2

Now a composition settings box will be open. Make your desired settings here and click on the Ok button of this dialog box.

After Effects Cartoon output 3

Now let us have a vector file of a cartoon character that I have downloaded from www.freepik.com. You can also download any character from there. Now open this file in Illustrator, and you can see all part of this character is on different layers.

After Effects Cartoon output 4

Group parts of this cartoon character on one new layer which you want to animate like this.

After Effects Cartoon output 5

Now save the AI file of this character.

After Effects Cartoon output 6

Place this file in after effect.

After Effects Cartoon output 7

Choose the composition option in this box and click on the Ok button of this dialog box.

After Effects Cartoon output 8

Now drag this composition in the layer panel.

After Effects Cartoon output 9

Now take the pan behind the tool and drag the anchor point of this hand at the shoulder joint.

After Effects Cartoon output 10

Now select the layer of this part and press the R button for the rotation property. Add the key at the first frame and move the play head at one second, then give the value of rotation as 9 degrees.

After Effects Cartoon output 11

Now you can see the animation by playing it. You can animate other parts of this cartoon character in the same way.

After Effects Cartoon output 12

Now let us understand other methods. To place your downloaded vector here. for placing a vector file, open that folder where you have saved it, pick it from there, and then drop it in the project panel of this software.

After Effects Cartoon output 13

Now drag this file to the layer panel.

After Effects Cartoon output 14

Go to the layer panel and select the layer of this cartoon character, then press the S button of the keyboard for having the scale property of this layer. Now decrease the scale of this layer to 30%.

After Effects Cartoon output 15

Now go to the tool panel and click on the Puppet Pin tool.

After Effects Cartoon output 16

Make a click with this tool on the character’s body for tagging pin on it. Tag pins on cartoon characters to fix some points and to move some points. I will tag three-pin at the upper portion and two on the legs for making unmovable these portions. Now I will make two tags on the right hand because I want to animate them. You can tag pins according to you.

After Effects Cartoon output 17

Now take the puppet starch tool from the tool panel.

After Effects Cartoon output 18

Make a click on the hand’s area with this tool for making these sections rigid like bones. You can see these pins with red color.

After Effects Cartoon output 19

Now select one of the red pins by clicking on it and increase the value of the Expend property of this pin for the increasing area of rigidity on the hand area of this character.

After Effects Cartoon output 20

Do the same for the upper section of the hand.

After Effects Cartoon output 21

Now again, take the puppet pin tool.

After Effects Cartoon output 22

Now for the animating, the hand of this cartoon character, select the pin which you want to move. I will select the pin of the palm of the right hand of this character, then hold the Ctrl button of the keyboard for recording movement made by me on this pin. Once you hold the Ctrl button, a stopwatch icon will come on the mouse cursor point.

output 23

I will move this hand like this.

output 24

You can see the path of movement by zoom in on it and edit it as per your choice.

output 25

You can see the keys of path animation in the timeline sections of this software.

output 26

Open the Mesh 1 option of puppet, then click on the Deform option arrow button, and you will find all pins which you tag on your character. You can also see animated keys of an animated pin like this.

output 27

Now play this animation, and you will find good hand movement.

output 28

Decrease or increase the time frame of keys for increasing or decreasing the speed of hand movement.

output 29

You can do the same for animating other parts of this.

output 30

You can animate a cartoon background with this character in this software for having good cartoon animation. Now in this way, you can create and animate Cartoon characters in the After effect.

Conclusion

Now, after this article, you can understand what Cartoon is in after effect and how you can handle different parameters of creation and animation of cartoon characters in this software. You can have command on this feature of after effect by practicing on it.

Recommended Articles

This is a guide to After Effects Cartoon. Here we discuss what the Cartoon is in after effect and How to Create an Animate Cartoon in After Effect. You may also have a look at the following articles to learn more –

  1. Mocha in After Effects
  2. After Effects Expressions
  3. After Effects Render
  4. Rotoscoping in After Effects

Primary Sidebar

Footer

Follow us!
  • EDUCBA FacebookEDUCBA TwitterEDUCBA LinkedINEDUCBA Instagram
  • EDUCBA YoutubeEDUCBA CourseraEDUCBA Udemy
APPS
EDUCBA Android AppEDUCBA iOS App
Blog
  • Blog
  • Free Tutorials
  • About us
  • Contact us
  • Log in
Courses
  • Enterprise Solutions
  • Free Courses
  • Explore Programs
  • All Courses
  • All in One Bundles
  • Sign up
Email
  • [email protected]

ISO 10004:2018 & ISO 9001:2015 Certified

© 2025 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA Login

Forgot Password?

🚀 Limited Time Offer! - 🎁 ENROLL NOW