EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial After Effects Cartoon
Secondary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • After Effects 3D Objects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Ripple Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects?Optical Flares
    • Glow in After Effects
    • After Effects GIF
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
    • Masking Layers in Adobe After Effects
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • After Effect Hologram
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

After Effects Cartoon

By Preeti PrajapatiPreeti Prajapati

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.

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

Start Your Free Design Course

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

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.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (65,012 ratings)

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
Popular Course in this category
After Effects Training (3 Courses, 3+ Projects)
  3 Online Courses |  3 Hands-on Projects |  25+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

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

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

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

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more