{"id":290,"date":"2019-08-26T15:48:21","date_gmt":"2019-08-26T15:48:21","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-f2019\/?page_id=290"},"modified":"2020-02-13T21:34:00","modified_gmt":"2020-02-13T21:34:00","slug":"week3","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week3\/","title":{"rendered":"Week3"},"content":{"rendered":"<h1>Key Concepts<\/h1>\n<h3>Straight Ahead vs. Pose to Pose<\/h3>\n<p>You can approach an animation sequence in two ways:<\/p>\n<ul>\n<li><strong>Straight ahead<\/strong> animation means you start on frame 1 and add each subsequent frame chronologically. This approach works particularly well for fluid movements such as that of smoke, water, fire etc.<\/li>\n<li>In the <strong>pose-to-pose<\/strong>\u00a0approach, you create the key poses first and fill in the blank. This is more commonly used for character animation. It makes drawing the in-between frames (see below) much easier and helps in planning the speed and timing of the action.<\/li>\n<\/ul>\n<p>This concept is also part of the 12 principles of animation. You can watch the video example <a href=\"https:\/\/www.youtube.com\/watch?v=v8quCbt4C-c&amp;feature=youtu.be\">here<\/a>.<\/p>\n<h3>In-betweens and Breakdwons<\/h3>\n<p>In-betweens are the drawings between keyposes (or keyframes). They define the <strong>smoothness<\/strong> of the action. Let&#8217;s take the example of a head turn: if the action lasts 24 frames, but there are only 2 in-between drawings between the frame 1 and frame 24, the animation will feel quite choppy. The more drawings I have to gradually move from one head position to the next, the smoother my animation will be.<\/p>\n<p>This doesn&#8217;t mean you should always have the same number of in-betweens per keyframes. In-betweens also control the<strong> speed<\/strong> of the action. If I want the second half of my head turn to go faster than my first half, I will create fewer frames (thus fewer in-betweens per keyframes).<\/p>\n<p><strong>Breakdowns<\/strong> are transitional drawings: they can help you &#8220;break down&#8221; an action before you start drawing all the in-betweens. The breakdown drawing go our head turn example may be a pose midway through the action, with the head facing down and the eyes blinking. You would typically draw a breakdown after the key pose and before the in-betweens.<\/p>\n<h3>Timing Charts<\/h3>\n<p>A timing chart can help you plan how many breakdowns and in-betweens you&#8217;ll need to complete your action.<\/p>\n<p>It&#8217;s a straight line starting and ending with the first and last keyframes of the action. \u00a0Each perpendicular stroke on the line represents a separate drawing. There are a few design rules you can follow to make your timing chart as clear as possible:<\/p>\n<ul>\n<li>A keyframe should be circled<\/li>\n<li>A breakdown should be underlined<\/li>\n<li>An arch bridging three steps on a timing chart means that the two halves are equal<\/li>\n<\/ul>\n<hr \/>\n<h1>12 Principles Applied: Arcs and Timing<\/h1>\n<p>Let&#8217;s review two other important principles of animation: <a href=\"https:\/\/www.youtube.com\/watch?v=I1_tZ9LhJD4&amp;feature=youtu.be\">Arcs<\/a> and <a href=\"https:\/\/www.youtube.com\/watch?v=BarOk2p38LQ&amp;feature=youtu.be\">Timing<\/a>\u00a0(<a href=\"https:\/\/www.youtube.com\/watch?v=7jksRQcI9NA\">Don Hertzfeldt&#8217;s &#8220;Billy&#8217;s Balloon&#8221;<\/a> (1998) is a great example of how timing can be used for comedy) and let\u2019s apply them to an animation of a ball bouncing across the screen. Here are some things to keep in mind as you draw your frames:<\/p>\n<ul>\n<li>Start by creating a guide layer with a line for the ground and arcs representing the path of the ball.<\/li>\n<li>The pose-to-pose approach is better suited for this exercise. Create your keyframes first and fill in the in-betweens afterwards.<\/li>\n<li>Consider creating a timing-chart to plan your animation.<\/li>\n<li>Timing and Slow-in &amp; Slow-out are related. There will be fewer in-betweens as the ball gets closer to the ground, and the action will slow down (more in-betweens) at the top of the arcs.<\/li>\n<li>Don&#8217;t forget about Squash &amp; Stretch (including keeping the volume consistent).<\/li>\n<\/ul>\n<div class=\"mceTemp\"><\/div>\n<figure id=\"attachment_447\" aria-describedby=\"caption-attachment-447\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-447\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/88\/2019\/09\/mmp260-week3-timechart.gif\" alt=\"\" width=\"1920\" height=\"1080\" \/><figcaption id=\"caption-attachment-447\" class=\"wp-caption-text\">Bouncing ball with arcs and timechart<\/figcaption><\/figure>\n<hr \/>\n<h1>Assignment: Ball #2<\/h1>\n<h3><strong>Subject<\/strong><\/h3>\n<p>Use Adobe Animate to create an animation of a ball falling from a cliff and bouncing a few times before coming to a stop. Apply the squash &amp; stretch and slow-in &amp; slow-out principles you used for your last assignment AND carefully apply 2 more: arcs, and timing. <a href=\"https:\/\/www.youtube.com\/watch?v=F8OtE60T8yU&amp;feature=youtu.be\">Anticipation<\/a> can also enhance your animation (i.e: have the ball hover at the edge of the cliff before falling, have the ball move back and forth very slightly a few times before coming to a full stop etc.).<\/p>\n<h3>Format<\/h3>\n<p>Use the following file format: 24fps, width: 1920px | height: 1080px.\u00a0Save your .fla file and export your animation to Quicktime (review exporting instructions on the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week2\/\">week 2 page<\/a>). Upload your animation to Vimeo or Youtube<\/p>\n<h3>Submission<\/h3>\n<p>Create a new post on your Open Lab portfolio. Your post should include a <strong>link to your Vimeo or Youtube video<\/strong> as well as a <strong>short description<\/strong> (reflections on your process, challenges, goals etc. are also welcome).<\/p>\n<p>This assignment is due next week. Submit the following files on the following platforms:<\/p>\n<ul>\n<li>Blackboard: .fla file and a link to your Open Lab post.<\/li>\n<li>Open Lab discussion board: Reply to the \u201cStudy#3: Ball#2\u201d discussion post with a link to your Open Lab post<\/li>\n<\/ul>\n<p><strong>The grading rubric for this assignment can be found\u00a0<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1XIMDzmXsmYEEzN0NixADJm-AowqcfYID_iemc27J7bc\/edit?usp=sharing\">here<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Key Concepts Straight Ahead vs. Pose to Pose You can approach an animation sequence in two ways: Straight ahead animation means you start on frame 1 and add each subsequent frame chronologically. This approach works particularly well for fluid movements such as that of smoke, water, fire etc. In the pose-to-pose\u00a0approach, you create the key &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week3&#8221;<\/span><\/a><\/p>\n","protected":false},"author":21,"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-290","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":29,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/290\/revisions"}],"predecessor-version":[{"id":799,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/290\/revisions\/799"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/media?parent=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}