{"id":4717,"date":"2025-07-21T14:30:30","date_gmt":"2025-07-21T14:30:30","guid":{"rendered":"https:\/\/www.animaker.com\/hub\/?p=4717"},"modified":"2025-11-14T11:58:18","modified_gmt":"2025-11-14T11:58:18","slug":"how-to-animate-a-walk-cycle","status":"publish","type":"post","link":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/","title":{"rendered":"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Our favorite animated characters don\u2019t just move &#8211; they strut, shuffle, bounce, and glide with personality.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4718 size-full\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/giphy.gif\" alt=\"Mickey mouse animated walk\" width=\"500\" height=\"281\" \/><\/p>\n<p>That unmistakable pep in their step isn\u2019t accidental.<\/p>\n<p>It\u2019s the result of a carefully crafted technique called a walk cycle.<\/p>\n<p>In this guide, we\u2019ll walk you through everything you need to know, starting from the basics, all the way to creating your own walk cycle from scratch.<\/p>\n<p>Here\u2019s what we\u2019ll cover &#8211;<\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#What_is_walk_cycle\">What is a walk cycle animation?<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#Four_stages_of_walk_cycle\">Four stages of Walk Cycle<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#How_to_animate_walk_cycle\">How to animate a walk cycle &#8211; Step by Step<\/a><\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Let\u2019s break it all down and get those characters moving!<\/span><\/p>\n<h2 id=\"What_is_walk_cycle\"><strong>What is a walk cycle animation?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">A walk cycle is a looped animation made up of a sequence of frames that, when played in order, mimic the natural motion of a walking character.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While animating a walk cycle might seem complex at first, it doesn\u2019t have to feel overwhelming.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">At its core, it\u2019s simply about moving a character from point A to point B with purpose, rhythm, and style.<\/span><\/p>\n<h2 id=\"Four_stages_of_walk_cycle\"><strong>Four stages of Walk Cycle<\/strong><\/h2>\n<p>A standard walk cycle is built around four key frames.<\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Forward contact point<\/b><span style=\"font-weight: 400;\"> &#8211; <\/span><span style=\"font-weight: 400;\">The character\u2019s front heel hovers just above the ground, while the back foot is mid-step.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>First Passing pose<\/b><span style=\"font-weight: 400;\"> &#8211; One leg passes the other as the character shifts weight forward.<br \/>\n<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Back contact point<\/b><span style=\"font-weight: 400;\"> &#8211; The opposite of the first contact point, with the back foot now leading and firmly on the ground.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Second Passing pose<\/b><span style=\"font-weight: 400;\"> &#8211; The reverse of the first passing pose, as the character moves into the next step.<\/span><\/li>\n<\/ol>\n<p>These four poses form the foundation of a walk cycle and are repeated in sequence to create smooth walking motion.<\/p>\n<p>Here\u2019s an illustration to help visualize each frame &#8211;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4721 size-large aligncenter\" style=\"width: 80%; margin-bottom: 5px;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-1024x438.png\" alt=\"four frames of a walk cycle\" width=\"1024\" height=\"438\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-1024x438.png 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-300x128.png 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-150x64.png 150w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-768x328.png 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-65x28.png 65w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-220x94.png 220w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-234x100.png 234w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-358x153.png 358w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-729x312.png 729w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-872x373.png 872w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1-1020x436.png 1020w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/How-to-create-a-walk-animation-banner-1.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/youtu.be\/2y6aVz0Acx0?feature=shared&amp;t=31\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Without these fundamental frames, a walk cycle cannot be created.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, let\u2019s move on to learn how to make a walk cycle animation.<\/span><\/p>\n<h2 id=\"How_to_animate_walk_cycle\">How to animate a walk cycle &#8211; Step by Step!<\/h2>\n<p><span style=\"font-weight: 400;\">Usually, once the fundamentals of the walk cycle are framed out, additional details like animation timing, walking speed, movement of body parts, etc., are added, resulting in a walk cycle like this\u2026<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4720 size-medium\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-149x299.gif\" alt=\"four frame walk cycle\" width=\"149\" height=\"299\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-149x299.gif 149w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-75x150.gif 75w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-32x64.gif 32w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-109x219.gif 109w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-50x100.gif 50w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2022\/08\/4-frame-walk-cycle-199x400.gif 199w\" sizes=\"(max-width: 149px) 100vw, 149px\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=36977219\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Source<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The above-shown example is a short walk cycle that consists of 4 frames in total. But an intricately animated walk cycle can range above ten frames by adding more detail to the walking style.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Traditionally, animated walk cycle involves drawing each frame by hand &#8211; a time-consuming process that requires patience, precision, and practice.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11267 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image17.gif\" alt=\"frame by frame animation\" width=\"800\" height=\"500\" \/><\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.youtube.com\/watch?v=sEVpPYD306k\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/p>\n<p><span style=\"font-weight: 400;\">However, with modern 2D animation software, you can achieve the same result much faster. These platforms simplify the process without needing to draw every frame manually.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One such tool is <\/span><a href=\"https:\/\/www.animaker.com\/\" target=\"_blank\" rel=\"noopener\"><b>Animaker<\/b><\/a><span style=\"font-weight: 400;\"> &#8211; an easy-to-use, online animation platform that helps you create walk cycle animations without any prior design or animation experience.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11264 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14.png\" alt=\"Animaker\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14.png 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14-300x150.png 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14-1024x513.png 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14-768x384.png 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image14-1536x769.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">With pre-built character actions, drag-and-drop controls, and customizable animations, Animaker simplifies the entire process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Instead of drawing frame by frame, you can focus on storytelling and style while the software handles the motion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the next section, we\u2019ll walk you through the exact steps on how to animate a walk cycle using Animaker.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Prefer watching instead? Check out this video guide for a quick walkthrough.<\/span><\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/OEDCPJm9oz0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s get started.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Head over to <\/span><a href=\"http:\/\/animaker.com\/\" target=\"_blank\" rel=\"noopener\"><b>Animaker<\/b><\/a><span style=\"font-weight: 400;\"> and sign up if you\u2019re new or log in if you\u2019re already a user.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Then, in the dashboard, click on the <\/span><i><span style=\"font-weight: 400;\">Create from Scratch<\/span><\/i><span style=\"font-weight: 400;\"> button.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11270 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image20-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This will open a pop-up with two animation styles and different aspect ratios. Select <\/span><i><span style=\"font-weight: 400;\">Cartoon <\/span><\/i><span style=\"font-weight: 400;\">style and choose your preferred aspect ratio.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11269 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image19-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is how the Animaker app interface looks.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">At the center, you\u2019ll find the workspace, where you create and edit your video.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To the left, the library gives you access to millions of assets &#8211; characters, properties, backgrounds, and more.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the right, the scenes panel helps you manage and organize each part of your video.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">At the bottom, the timeline allows for precise control over timing and animations, while the top menu bar gives you access to key tools and settings.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11254 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2.png\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2.png 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2-300x150.png 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2-1024x513.png 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2-768x384.png 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image1-2-1536x769.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Now that you know the interface better, let me show you how to animate a walk cycle.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#Background\">Add a background<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#Character\">Add a character<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"#Add_walk_cycle\">Add a walk cycle<\/a><\/span><\/li>\n<\/ol>\n<h3 id=\"Background\">Add a background<\/h3>\n<p><span style=\"font-weight: 400;\">First let&#8217;s add a background to the scene for our character to walk. To add a background, click on <\/span><i><span style=\"font-weight: 400;\">BG<\/span><\/i><span style=\"font-weight: 400;\"> and click on a background to apply.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11256 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image3-3-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>The BG gets applied like this&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11255 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image2-2-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<h3 id=\"Character\"><b>Add a Character <\/b><b><\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Now that the background is set, it\u2019s time to add our character.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Head over to the <\/span><i><span style=\"font-weight: 400;\">Character<\/span><\/i><span style=\"font-weight: 400;\"> tab in the library<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Animaker has <\/span><b>1000+<\/b><span style=\"font-weight: 400;\"> characters of different sizes, ages, and professions, giving you various options.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11261 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image11.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\n<p><span style=\"font-weight: 400;\">You can either select a prebuilt character or <\/span><a href=\"https:\/\/www.animaker.com\/hub\/how-to-cartoon-yourself\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">create your own animated character<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&#8217;d like to create a unique character from scratch, check out this quick tutorial &#8211;<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/iUgWrhBuRqE?si=mS_M5oAgXdo5TrMy\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Once you\u2019ve chosen your character, simply click on it to add it to the workspace.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11259 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image8-1-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is how the character gets added to the workspace.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11268 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image18-1-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After the character is added to the workspace, click on it. This opens the <\/span><i><span style=\"font-weight: 400;\">Actions<\/span><\/i><span style=\"font-weight: 400;\"> tab. Here, search for \u201cWalk\u201d<\/span> <span style=\"font-weight: 400;\">in the search bar and select the specific walk action that you want to apply to your character.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11262 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image12-1-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is how the action gets applied to the character.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11260 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image10-1.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\n<p><span style=\"font-weight: 400;\">But hey, our character is walking in one spot. To make it look like it is walking from spot A to spot B, let\u2019s add a walk cycle to this character.<\/span><\/p>\n<h3 id=\"Add_walk_cycle\"><b>Add a walk cycle to your character<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">To make the character walk across the scene, click on your character and select the <\/span><i><span style=\"font-weight: 400;\">Smart Move<\/span><\/i> <span style=\"font-weight: 400;\">option from the menu. Using this option, we will make the character walk across the screen.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11258 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image7-1-1-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once you select the smart move option, you\u2019ll see two instances of the character appear &#8211; both in the workspace and on the timeline.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the workspace, these represent the starting point (A) and ending point (B) of the walk cycle.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">On the timeline, they define the duration of the walk, from when the motion begins to when it ends.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To make the character enter from the left, drag the first frame outside the left edge of the workspace. Then, in the timeline, position that same frame at the 1-second mark to set the timing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s a GIF to help you visualize it better &#8211;<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11266 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image16.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Next, select the second frame and drag it outside the right edge of the workspace. This sets the character\u2019s exit point, making them walk completely across the screen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u200b\u200bIn the <\/span><b>timeline<\/b><span style=\"font-weight: 400;\">, move this frame to the <\/span><b>last second<\/b><span style=\"font-weight: 400;\"> to control how long the walk takes. Then click <\/span><i><span style=\"font-weight: 400;\">Apply<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11265 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image15.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Hit <\/span><i><span style=\"font-weight: 400;\">Play<\/span><\/i><span style=\"font-weight: 400;\"> to see how it turns out.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11263 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13.jpg\" alt=\"\" width=\"1918\" height=\"960\" srcset=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13.jpg 1918w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13-300x150.jpg 300w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13-1024x513.jpg 1024w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13-768x384.jpg 768w, https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image13-1536x769.jpg 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s see how my walk cycle look like.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11257 size-full\" style=\"width: 80%;\" src=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image6.gif\" alt=\"\" width=\"800\" height=\"450\" \/><\/p>\n<p style=\"text-align: center;\"><b>***<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Boom! Just like that, you created your own walk cycle. You can experiment with different characters, speeds, and more.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We hope this guide on how to animate a walk cycle was clear, quick, and helpful.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ready to make one of our own?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Head over to <\/span><a href=\"https:\/\/www.animaker.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Animaker<\/span><\/a><span style=\"font-weight: 400;\"> now!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Or if you want to dive deeper and learn <\/span><a href=\"https:\/\/www.animaker.com\/blog\/how-to-make-cartoon-videos\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">how to make cartoon videos<\/span><\/a><span style=\"font-weight: 400;\">, complete with characters, voiceovers, scenes and more, check out the link provided.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Animation is just a few clicks away. Let your creativity walk the talk!<\/span><br \/>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"@id\": \"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\",\n  \"headline\": \"How to Animate a Walk Cycle\",\n  \"description\": \"Learn how to animate a walk cycle from scratch.\",\n  \"keywords\": [\"walk cycle animation\", \"how to animate a walk cycle\", \"character walk cycle\"],\n  \"image\": [ \"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png\",\n\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/image6.gif\"],\n  \"articleBody\": \"Learn the four key poses in a walk cycle - contact, recoil, passing, and high point. The guide also includes timing and spacing tips for smooth animation.\",\n  \"datePublished\": \"2025-07-21T08:00:00+08:00\",\n  \"author\": {\n    \"@type\": \"Person\",\n    \"name\": \"Shreshtra\",\n     \"description\": \"Shreshtra is a Content Marketer at Animaker, helping creators and businesses tell stories with 2D animation for 3+ years. Through SEO-driven guides, she has supported Animaker\u2019s growth from 18M to 30M+ users. Shreshtra has also written extensively on how animation can transform L&D and training, highlighting Animaker\u2019s growing impact in the corporate space.\",\n    \"url\": \"https:\/\/www.animaker.com\/hub\/author\/shreshtra\/\"\n  },\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Animaker\",\n    \"url\": \"https:\/\/www.animaker.com\/\",\n    \"logo\": {\n      \"@type\": \"ImageObject\",\n      \"url\": \"https:\/\/www.animaker.com\/Animaker-Home\/new-assets\/animaker-logo.png\"\n    }\n  }\n}\n<\/script><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Our favorite animated characters don\u2019t just move &#8211; they strut, shuffle, bounce, and glide with personality. That unmistakable pep in their step isn\u2019t accidental. It\u2019s the result of a carefully crafted technique called a walk cycle. In this guide, we\u2019ll walk you through everything you need to know, starting from the basics, all the way [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":8,"featured_media":11273,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[586,590,589],"tags":[1247,1248,263,1250,1240,1244,1249,1238,1246,1239,1252,1251,1253,262,1243,1241,1155,1245,1242],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Animate a Walk Cycle [A Beginner-Friendly Guide!]<\/title>\n<meta name=\"description\" content=\"Find out how to animate a walk cycle with this beginner-friendly guide. No need for frame-by-frame drawing!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]\" \/>\n<meta property=\"og:description\" content=\"Find out how to animate a walk cycle with this beginner-friendly guide. No need for frame-by-frame drawing!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/\" \/>\n<meta property=\"og:site_name\" content=\"Animaker\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-21T14:30:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-14T11:58:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aksara NKR\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aksara NKR\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]","description":"Find out how to animate a walk cycle with this beginner-friendly guide. No need for frame-by-frame drawing!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/","og_locale":"en_US","og_type":"article","og_title":"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]","og_description":"Find out how to animate a walk cycle with this beginner-friendly guide. No need for frame-by-frame drawing!","og_url":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/","og_site_name":"Animaker","article_published_time":"2025-07-21T14:30:30+00:00","article_modified_time":"2025-11-14T11:58:18+00:00","og_image":[{"width":760,"height":340,"url":"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png","type":"image\/png"}],"author":"Aksara NKR","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aksara NKR","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/","url":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/","name":"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]","isPartOf":{"@id":"https:\/\/www.animaker.com\/hub\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/#primaryimage"},"image":{"@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png","datePublished":"2025-07-21T14:30:30+00:00","dateModified":"2025-11-14T11:58:18+00:00","author":{"@id":"https:\/\/www.animaker.com\/hub\/#\/schema\/person\/60a60163e6b09b7acb27a2ba4c6f2b36"},"description":"Find out how to animate a walk cycle with this beginner-friendly guide. No need for frame-by-frame drawing!","breadcrumb":{"@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/#primaryimage","url":"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png","contentUrl":"https:\/\/www.animaker.com\/hub\/wp-content\/uploads\/2025\/07\/1-2.png","width":760,"height":340,"caption":"how to animate text"},{"@type":"BreadcrumbList","@id":"https:\/\/www.animaker.com\/hub\/how-to-animate-a-walk-cycle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.animaker.com\/hub\/"},{"@type":"ListItem","position":2,"name":"How to Animate a Walk Cycle [A Beginner-Friendly Guide!]"}]},{"@type":"WebSite","@id":"https:\/\/www.animaker.com\/hub\/#website","url":"https:\/\/www.animaker.com\/hub\/","name":"Animaker","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.animaker.com\/hub\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.animaker.com\/hub\/#\/schema\/person\/60a60163e6b09b7acb27a2ba4c6f2b36","name":"Aksara NKR","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.animaker.com\/hub\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/72f493e2e6f8529f4d3e93c47c842ecc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72f493e2e6f8529f4d3e93c47c842ecc?s=96&d=mm&r=g","caption":"Aksara NKR"},"description":"Aksara is a passionate marketer at Animaker by day and a gamer by night. He believes life is about learning new things everyday. The new things you learn everyday creates you a path to live along.","url":"https:\/\/www.animaker.com\/hub\/author\/aksara\/"}]}},"_links":{"self":[{"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/posts\/4717"}],"collection":[{"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/comments?post=4717"}],"version-history":[{"count":16,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/posts\/4717\/revisions"}],"predecessor-version":[{"id":11532,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/posts\/4717\/revisions\/11532"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/media\/11273"}],"wp:attachment":[{"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/media?parent=4717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/categories?post=4717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.animaker.com\/hub\/wp-json\/wp\/v2\/tags?post=4717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}