{"id":175,"date":"2020-08-06T19:57:31","date_gmt":"2020-08-06T19:57:31","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-260-fall-20-culkin\/?page_id=175"},"modified":"2021-08-16T21:22:38","modified_gmt":"2021-08-16T21:22:38","slug":"week-4","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/week-4\/","title":{"rendered":"Week 4"},"content":{"rendered":"<h1>Key concepts<\/h1>\n<h3>Straight-ahead (review)<\/h3>\n<p>The pose-to-pose approach was really useful for our bouncing ball exercise (helping us with timing, transitioning from squash to stretch etc.). However, animating straight ahead can yield very nice results when applied to the right subject. Particles and effects (i.e: smoke, water, fire etc.) tend to be very fluid and a bit unpredictable -two good reasons to apply the straight ahead technique! Some aspects of a character can also benefit from this approach: animators often use pose-to-pose to animate the character\u2019s main limbs and features, and use straight-ahead for\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=MjBHWw1TbP4&amp;list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&amp;index=9&amp;t=0s\"><strong>secondary action<\/strong><\/a>\u00a0such as hair, clothes, tails, ears etc.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=uh1sCdcSDi0\">T<strong>his sequence from Disney\u2019s\u00a0<em>Pinocchio<\/em>\u00a0(1940)<\/strong><\/a>\u00a0is a beautiful example of traditionally-animated effects animation (likely created with the straight-ahead approach).<\/p>\n<h3>Loops<\/h3>\n<p>A loop is an action that repeats seamlessly. The first and last frames of a loop are likely to be almost identical.<\/p>\n<p>Here&#8217;s a very simple animation of a fire.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-381\" src=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-content\/uploads\/sites\/539\/2020\/09\/fire.gif\" alt=\"animated smoke and flames.\" width=\"500\" height=\"500\" \/><\/p>\n<p>Loops can be very useful: \u00a0instead of drawing a walk cycle or blink cycle several times, an animator can create it once and repeat over time. Looping GIFs and animations also make for powerful web and social media content (look at\u00a0<strong><a href=\"https:\/\/giphy.com\/explore\/loop\">this page<\/a><\/strong>\u00a0for inspiration).<\/p>\n<h3>Video Tutorials<\/h3>\n<p>Here&#8217;s a few videos that cover some techniques in Animate.<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/youtu.be\/rMB-0PeNRVA?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\">Looping Effect in Animate<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/youtu.be\/BIMJQFIP7s0?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\">Classic Tweens in Animate<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/youtu.be\/Hjd6DPZrDPo?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\">Shape Teens in Animate<\/a><\/strong><\/li>\n<li><a href=\"https:\/\/youtu.be\/WlItsjpbo34?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\"><strong>Using a guide layer to animate along a path<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/youtu.be\/7gpYzs3jF3M?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\"><strong>Adding color effects and symbols in Animate<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/youtu.be\/iu02n1fNVSI?list=PLn8Sc17_DufsGu_o7gIVO87_28lCGq5dj\"><strong>Using nested symbols in Animate<\/strong><\/a><\/li>\n<\/ul>\n<h3><strong>Assignment: Looping Effect\u00a0<\/strong><\/h3>\n<p><strong><a href=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/looping-effect\/\">The details are here<\/a>. Due September 30<\/strong><\/p>\n<h2>Checklist<\/h2>\n<p>Before we meet next week on September 30, make sure you:<\/p>\n<ul>\n<li>Understand the principle of exaggeration<\/li>\n<li>Understand what secondary action is and how it enhances animation<\/li>\n<li>Completed the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/looping-effect\/\"><strong>looping effect assignment<\/strong><\/a><\/li>\n<li>Rendered your assignment as an animated gif and posted it on your portfolio on OpenLab<\/li>\n<li>Added a link from your portfolio to the the Discussion Board Looping Effect<\/li>\n<li>Uploaded the fla and link to your portfolio post to Blackboard.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Key concepts Straight-ahead (review) The pose-to-pose approach was really useful for our bouncing ball exercise (helping us with timing, transitioning from squash to stretch etc.). However, animating straight ahead can yield very nice results when applied to the right subject. Particles and effects (i.e: smoke, water, fire etc.) tend to be very fluid and a [&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-175","page","type-page","status-publish","czr-hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":20,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/pages\/175\/revisions\/1014"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1301-intro-2d-animation-fall-2021\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}