• Home
  • Video
  • Photography
  • Design
  • Animation
  • Contact

Animating a Simple Character Walk Cycle in After Effects

3/4/2018

0 Comments

 
Character animation can be very complicated depending on how complex you want your character to be by using IK rigs with Duik or Rubber Hose plugins. But why make the process harder than it ought to be? You can use a simple animation technique that still looks professional if done right. Here is a breakdown of how I animated Finn the human from Adventure Time while learning a skillshare tutorial by Fraser from the award-winning Cub Studio.



Picture
Step 1: Draw the body
Using Illustrator or After Effects, draw the character. I prefer Illustrator because it's pen tool has better control.  Using a reference image, I recreated Finn's body. If you use Illustrator, make sure to keep each body part on a separate layer so you can animate them separately in After Effects. For best practices, name each layer accordingly so you know what you're selecting.
Picture
Step 2: Import into After Effects
Create a new composition in After Effects. Import the AI file into After Effects by going to File>Import>File then select the AI file, set "Import As" to Composition - Retain Layer Sizes and click "Open" so that you import each layer at their original size, making it easier to select and animate each body part.
Picture
Step 3: Draw limbs in After Effects
Draw the 2 arms and 2 legs using the pen tool, adding a curve so you can edit the arc of the path for the walk cycle. For the back arm and leg, make the shade slightly darker to distinguish the difference between front and back. To create the sleeves, shorts, socks and shoes, simply duplicate the arm or leg paths and change their colors. Then, in each layer, add a Trim Path and change the values for start / end to what looks correct to you.

Picture
Next, create the character body part hierarchy by parenting each layer so that when the torso moves, everything moves with it automatically.
  • Head, Arms, Legs, Backpack > Torso (aka body)
  • Front_Sleeve>Front_Arm, Back_Sleeve>Back_Arm
  • Front_Shorts>Front_Leg, Back_Sleeve>Back_Leg
  • Mimic movements from the leg to the [shorts and socks and shoes]
    • In the [shorts] layer open the contents>shape>path then alt-click the path stopwatch. This creates an expression. Click and drag the expression pick whip and drag it to the leg layer's path stopwatch. This ensures that your shorts layer will automatically mimic the leg layer's animation so you don't have to re-do the keyframes when animating.
Step 4: Rigging
Since this is simple animation without bones or plugins, all you need to do is make sure the anchorpoint of each body part is where it needs to rotate (ex: arm anchorpoint is at the shoulder). When a layer is selected, press Y on your keyboard for the anchorpoint to show, then click and drag it to where you need it to be.
Picture
Step 5: Animate
Picture
Animate the walk cycle by keying the frames for each pose in the cycle. For more details on the  tutorial I followed, click here.
0 Comments

    Archives

    May 2020
    March 2020
    May 2019
    March 2019
    March 2018

    Categories

    All
    Animation
    Motion Graphics
    Photo Editing
    Photoshop
    Tutorial
    Video Editing
    Videography

  • Home
  • Video
  • Photography
  • Design
  • Animation
  • Contact