Skip to content
Back

Easy Frame by Frame Walk Cycle

February 17, 2021
Oleksandra Dudka

Oleksandra Dudka

Motion Designer & Illustrator

Have you ever wanted to start creating character animation? If so… check out our new YouTube Tutorial in which Sasha Dudka reveals one of the easiest ways to create walking animation frame by frame.

Easy Frame by Frame Walk Cycle Guide in After Effects

Welcome to this comprehensive guide on creating an Easy Frame by Frame Walk Cycle in After Effects! In this tutorial, we will cover the functionality, usage, and potential applications of this technique. Whether you’re a beginner or an experienced practitioner, this guide will provide you with step-by-step instructions, visual aids, and practical examples to help you master this intricate animation technique. Let’s dive in!

Step 1: Importing Assets

The first step is to import the necessary assets for your walk cycle animation. These typically include a character rig or a sequence of images representing different walk cycle frames. To import assets:

  1. Go to File > Import > File.
  2. Select your character rig or the sequence of images and click Import.
  3. Drag and drop the imported assets into your composition.

Step 2: Creating a Composition

Next, we’ll create a composition for our walk cycle animation. This composition will serve as the container for all the animated elements. To create a composition:

  1. Go to Composition > New Composition.
  2. Specify the desired settings, such as the composition name, width, height, duration, and frame rate. Click OK to create the composition.

Step 3: Setting Up the Character Rig

If you’re using a character rig for your walk cycle, you’ll need to set it up properly. This typically involves adjusting anchor points, parenting layers, and creating null objects for control. Follow the instructions provided with your character rig to set it up correctly.

Step 4: Creating Walk Cycle Keyframes

Now it’s time to create keyframes for your walk cycle animation. Keyframes define the poses and positions of your character at specific points in time. To create keyframes:

  1. Select the layer containing your character rig or the sequence of images.
  2. Go to the desired point on the timeline where you want to create a keyframe.
  3. Use the appropriate transform properties (such as position, rotation, and scale) to adjust the character’s pose.
  4. Click the stopwatch icon next to each property you want to animate. This will create a keyframe at that point in time.
  5. Repeat this process for each pose or position change in your walk cycle.

Step 5: Creating the Loop

To make the walk cycle seamlessly loop, we’ll create a loop expression in After Effects. Follow these steps:

  1. Highlight all the keyframes in the timeline for the walk cycle animation.
  2. Right-click on the selected keyframes and choose Keyframe Assistant > Sequence Layers.
  3. In the dialog box, set the Overlap value to 0 frames and make sure Segment Time is selected. Click OK to apply the changes.
  4. Next, right-click on one of the keyframes and choose Toggle Hold Keyframe. This will make the walk cycle hold its last frame, creating a seamless loop.

Step 6: Refining the Animation

Once you have the basic walk cycle animation, you can refine it by adjusting timing, adding easing, and experimenting with different poses. Here are some tips:

Step 7: Applying Additional Effects

To enhance your walk cycle animation, you can apply additional effects and techniques. Here are a few ideas:

Remember to experiment and have fun with these effects to achieve the desired look and feel for your animation!

Step 8: Previewing and Rendering

Before finalizing your walk cycle animation, it’s essential to preview and render it to ensure it meets your expectations. To preview your animation in After Effects:

  1. Drag the current-time indicator (CTI) to the desired point on the timeline.
  2. Press the spacebar to play the animation and make adjustments as needed.

Once you’re satisfied with your animation, it’s time to render the final output. To render your animation:

  1. Go to Composition > Add to Render Queue.
  2. In the Render Queue panel, adjust the render settings, such as the output format, resolution, and destination folder.
  3. Click the Render button to start the rendering process.

Conclusion

Congratulations on completing this Easy Frame by Frame Walk Cycle guide in After Effects! By following these steps, you’ve learned how to import assets, create compositions, set up character rigs, create keyframes, loop animations, refine the animation, apply additional effects, and preview/render your work. Remember to practice and explore different variations to improve your animation skills. Happy animating!

Do you want to find your own style and create truly unique works? The best way to achieve this is by combining various techniques and tools!

Motion Practice with Ben Marriott is a practical structured online-course on combining frame-by-frame animation and After Effects. We will be taking a deep-dive into every step of the process, explaining all the decision-making that goes into merging these 2 different methods together. By combining the best elements of both worlds you will bring unique creatures to life focusing on the process and workflow.

ONLINE COURSE

Motion Practice with Ben Marriott

    Your cart is empty

    Your cart is empty. Let's fix it!

      AccountAccount icon

      @