{"id":393,"date":"2020-09-29T17:18:13","date_gmt":"2020-09-29T17:18:13","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/?page_id=393"},"modified":"2020-10-15T21:18:52","modified_gmt":"2020-10-15T21:18:52","slug":"week-8","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/week-8\/","title":{"rendered":"Week 8"},"content":{"rendered":"<h1>Walk cycles<\/h1>\n<p>This week we will tackle the walk cycle: a looping cycle of your character walking. Creating a smooth and satisfying animated walk takes time and practice. Different walks will have different key poses and number of frames, but we\u2019ll start with a pretty standard walk \u2013 assured, neither rushed nor slow.\u00a0We will start with the legs and add the arms afterwards to keep things simple.<\/p>\n<h3>Key poses<\/h3>\n<p>Let\u2019s break down the walk cycle into different key poses. We\u2019ll start with:<\/p>\n<ul>\n<li>The\u00a0<em>contact<\/em>\u00a0pose:\u00a0one foot is firmly on the ground, the other has just landed (usually with the heel first)<\/li>\n<li>The<em>\u00a0passing\u00a0<\/em>pose: the foot passes the one that was previously in front of it.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-497 aligncenter\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-300x213.png\" alt=\"contact passing. poses\" width=\"600\" height=\"426\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-300x213.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-1024x726.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-768x545.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-1536x1089.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing.png 1582w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-498 aligncenter\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse.png\" alt=\"contact passing reversed\" width=\"600\" height=\"336\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse.png 1974w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-300x168.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-1024x574.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-768x430.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-1536x861.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-1110x624.png 1110w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/contact-passing-iinverse-528x297.png 528w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>If you repeat and inverse these two poses, you get a choppy but physically sound walk cycle.<\/p>\n<figure id=\"attachment_458\" class=\"wp-caption alignnone\"><figcaption class=\"wp-caption-text\"><\/figcaption><\/figure>\n<figure id=\"attachment_454\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-501 size-full\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/walk-4-pose.gif\" alt=\"walk with 4 poses\" width=\"640\" height=\"360\" \/><\/figure>\n<p>Walk cycle with just contact and passing poses (4 frames)<\/p>\n<p>Next, we add two more key poses:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-502 aligncenter\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose-300x175.png\" alt=\"up down poses added\" width=\"600\" height=\"349\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose-300x175.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose-1024x596.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose-768x447.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose-1536x894.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/4-pose.png 1858w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<ul>\n<li>The\u00a0<em>down\u00a0<\/em>pose (after the\u00a0<em>contact<\/em>\u00a0pose): the head is at its lowest in the cycle because the leg that just landed on the previous frame is now bent.<\/li>\n<li>The\u00a0<em>up<\/em>\u00a0pose (after the<em>\u00a0passing<\/em>\u00a0pose): the head is at its highest in the cycle because the leg that was just passed is lifting on its toes to propel the character forward.<\/li>\n<\/ul>\n<figure id=\"attachment_456\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-503\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose-300x160.png\" alt=\"8 frames\" width=\"600\" height=\"319\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose-300x160.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose-1024x544.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose-768x408.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose-1536x817.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/8-pose.png 1828w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-504 aligncenter\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/walk-8-pose.gif\" alt=\"8 pose walk cycle\" width=\"640\" height=\"360\" \/><\/p>\n<h3>Adding the arms<\/h3>\n<p>The arms usually swing in the opposite direction as the leg (i.e: if the left leg is extended forward, the left leg will be swinging back).<\/p>\n<h3>Adjusting the timing<\/h3>\n<p>Once you have the 8 basic key poses ready, you can adjust the speed and timing of your walk by adding in-betweens and\/or extending certain frames.<\/p>\n<h3>Mood<\/h3>\n<p>The way a character walks can say a lot about his personality and current state of mind. Small adjustments in the timing, position and offset of the basic walk cycle above can drastically change a walk\u2019s emotional connotation. For a sad walk for example:<\/p>\n<ul>\n<li>Make the\u00a0<em>up<\/em>\u00a0and\u00a0<em>down<\/em>\u00a0poses closer in height to diminish the bounce effect<\/li>\n<li>Lean the body forward<\/li>\n<li>Droop the arms (no back and forth\/offset)<\/li>\n<li>Make the contact and down poses longer than the pass and up poses.<\/li>\n<\/ul>\n<figure id=\"attachment_449\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-505\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/walk-f-happy-sad.gif\" alt=\"normal sad happy walk cycle\" width=\"640\" height=\"360\" \/><\/figure>\n<h3 style=\"text-align: left\">References<\/h3>\n<p style=\"text-align: left\">You can use the example above as a reference, but you can also find a lot of examples online by doing a search for \u201cwalk cycle\u201d (i.e:\u00a0<a href=\"http:\/\/file.upi.edu\/Direktori\/FPOK\/JUR._PEND._OLAHRAGA\/195903041987031-EKA_NUGRAHA\/Analisis_Parameter_Atlet_Indonesia\/walk%2Crun.htm\">these variations by Preston Blair<\/a>) (<a href=\"https:\/\/www.youtube.com\/watch?v=2y6aVz0Acx0\">this video<\/a>\u00a0uses a slightly longer cycle than the one above \u2013 12 vs. 8 frames \u2013 but it\u2019s a good summary of the mechanics at play). Acting out your character\u2019s walk and recording it can also be really helpful.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-528 aligncenter\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-content\/uploads\/sites\/539\/2020\/10\/wlk01.gif\" alt=\"walk cycle\" width=\"580\" height=\"190\" \/><\/p>\n<p style=\"text-align: center\"><em>\u201cTutorial-2 : Walk Cycle.\u201d Tutorial-2 : Walk Cycle |, www.angryanimator.com\/word\/2010\/11\/26\/tutorial-2-walk-cycle\/.<\/em><\/p>\n<p><a href=\"http:\/\/frankg-animator.blogspot.com\/2010\/07\/small-bird-flying-cycle-don-bluth.html\"><strong>Don Bluth on animating a bird flying.<\/strong><\/a><\/p>\n<p>For the LinkedIn. Learning tutorials, you have to be. logged in to LinkedIn Learning. Use your BMCC user id and password.<\/p>\n<p><a href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=false&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2F2d-animation-walk-cycles-basics%3Ftrk%3Dshare_ent_url&amp;account=2147385\"><strong>Walk cycle basics on LinkedIn Learning<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=false&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2F2d-animation-animal-walk-cycles%3Ftrk%3Dshare_ent_url&amp;account=2147385\"><strong>Animal walk cycles on LinkedIn Learning<\/strong><\/a><\/p>\n<h3>Assignment:<\/h3>\n<p><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/walk-cycle-1\/\"><strong>Walk cycle 1<\/strong><\/a><\/p>\n<h3>Checklist<\/h3>\n<ul>\n<li>View the <strong><a href=\"https:\/\/www.youtube.com\/watch?v=2y6aVz0Acx0&amp;list=LLoe559RAIrSteb8dnL9IxIw&amp;index=920\">Alan Becker video on Walk cycles<\/a><\/strong><\/li>\n<li>Looked at <strong><a href=\"http:\/\/file.upi.edu\/Direktori\/FPOK\/JUR._PEND._OLAHRAGA\/195903041987031-EKA_NUGRAHA\/Analisis_Parameter_Atlet_Indonesia\/walk%2Crun.htm\">Preston Blair&#8217;s variations<\/a><\/strong><\/li>\n<li>Completed a <strong><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/walk-cycle-1\/\">simplified walk cycle for your <\/a><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/walk-cycle-1\/\">characte<\/a>r<\/strong> in Animate and exported an animated gif<\/li>\n<li>Created a post on your OpenLab Portfolio with the gif and posted a link to the Walk Cycle 1 discussion board<\/li>\n<li>Posted the fla file to Blackboard along with the URL for the portfolio post<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Walk cycles This week we will tackle the walk cycle: a looping cycle of your character walking. Creating a smooth and satisfying animated walk takes time and practice. Different walks will have different key poses and number of frames, but we\u2019ll start with a pretty standard walk \u2013 assured, neither rushed nor slow.\u00a0We will start [&hellip;]<\/p>\n","protected":false},"author":82,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-393","page","type-page","status-publish","czr-hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/pages\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":28,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/pages\/393\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-intro-2d-animation-fall-2020\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}