{"id":444,"date":"2017-01-07T17:16:57","date_gmt":"2017-01-08T00:16:57","guid":{"rendered":"https:\/\/lbmslab.org\/lab\/?page_id=444"},"modified":"2017-01-07T17:16:57","modified_gmt":"2017-01-08T00:16:57","slug":"photoshopanimationmovie-project-walk-cycle","status":"publish","type":"page","link":"https:\/\/lbmslab.org\/lab\/photoshopanimationmovie-project-walk-cycle\/","title":{"rendered":"Photoshop\/Animation\/Movie Project: Walk Cycle"},"content":{"rendered":"<p>If you&#8217;ve ever watched someone in a cartoon walking, you&#8217;ve probably notice that the walk repeats itself exactly. That&#8217;s because animators make their characters walk using a walk cycle, a set of images that cover the basics of a walk.<\/p>\n<p>There&#8217;s a great tutorial about walk cycles at <a href=\"http:\/\/www.angryanimator.com\/word\/2010\/11\/26\/tutorial-2-walk-cycle\/\" target=\"_blank\">angryanimator.com<\/a>. If you are planning on creating a walk cycle, I highly recommend going there and finding out how to create each frame.<\/p>\n<p>Here&#8217;s the illustration of the walk cycle from angryanimator:<\/p>\n<p><a href=\"http:\/\/www.angryanimator.com\/word\/2010\/11\/26\/tutorial-2-walk-cycle\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-445\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/wlk01.gif\" alt=\"\" width=\"580\" height=\"190\" \/><\/a><\/p>\n<p>And here&#8217;s another, simpler version. It starts with the other leg first, but it works exactly the same way:<\/p>\n<p><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-446\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle-1024x227.png\" alt=\"\" width=\"604\" height=\"134\" srcset=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle-1024x227.png 1024w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle-300x66.png 300w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle-768x170.png 768w, https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle.png 1672w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<p>And it works pretty well:<\/p>\n<p><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-447\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/8-frame-walk-cycle.gif\" alt=\"\" width=\"209\" height=\"420\" \/><\/a><\/p>\n<p>Notice that the head and body only change in height, and that the arm is the same image with a slight transform to make it swing.<\/p>\n<p>If you combine a walk cycle with a <a href=\"https:\/\/lbmslab.org\/lab\/photoshop-project-seamless-background\/\" target=\"_blank\">seamless background<\/a>, you can make someone walk forever!<\/p>\n<p><a href=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/walk-forever.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-448\" src=\"https:\/\/lbmslab.org\/lab\/wp-content\/uploads\/2017\/01\/walk-forever.gif\" alt=\"\" width=\"450\" height=\"450\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;ve ever watched someone in a cartoon walking, you&#8217;ve probably notice that the walk repeats itself exactly. That&#8217;s because animators make their characters walk using a walk cycle, a set of images that cover the basics of a walk. There&#8217;s a great tutorial about walk cycles at angryanimator.com. If you are planning on creating [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-444","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":1,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/444\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/pages\/444\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/lbmslab.org\/lab\/wp-json\/wp\/v2\/media?parent=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}