{"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":"2021-03-25T16:58:55","modified_gmt":"2021-03-25T16:58:55","slug":"week-8","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/week-8\/","title":{"rendered":"Week 8"},"content":{"rendered":"<h1>Storyboarding<\/h1>\n<h3>What is a storyboard?<\/h3>\n<p>A storyboard is a series of panels on which a set of sketches is arranged to consecutively depict the important elements of the story.\u00a0It is usually created before the animation and serves as a reference for the animator.\u00a0Because the animation process is so time-consuming, proper planning through storyboarding can save animators a lot of time by making sure the entire scene works \u2013 visually and narratively \u2013 before animating each frame.<\/p>\n<p>Although there are similarities between storyboards and comics (drawn, sequential art, narrative etc.) one crucial difference is the way the dialogue is presented: there are NO SPEECH BUBBLES within a storyboard panel.<\/p>\n<h3>History<\/h3>\n<p>The process of storyboarding was formalized at the Disney Studios in the 1930s. It was used to pre-visualize their first full-length film, \u201cSnow White and the Seven Dwarfs\u201d (1937) and for all their subsequent productions.\u00a0Today, almost all animated films (and many live-action ones) are fully storyboarded before going into production.<\/p>\n<p><strong><a href=\"https:\/\/www.youtube.com\/watch?v=QOeaC8kcxH0\">This video<\/a>\u00a0<\/strong>shows how storyboards are often created and reviewed in a large studio like Pixar.<\/p>\n<figure id=\"attachment_533\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-533 size-full\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-s2021\/wp-content\/uploads\/sites\/88\/2019\/09\/lf-e1568300190111.jpeg\" alt=\"\" width=\"776\" height=\"579\" \/><figcaption class=\"wp-caption-text\">Peter Pan Peter, Wendy, and the Mermaids Storyboard (Walt Disney, 1953).<\/figcaption><\/figure>\n<h3>Process<\/h3>\n<p>While some filmmakers create their own storyboards, large productions often have a dedicated\u00a0<strong>storyboard artist(s)<\/strong>\u00a0who translate(s) the script into a visual narrative.<\/p>\n<p>Storyboards are usually comprised of simple, sequential, rough, monochromatic\u00a0<strong>drawings<\/strong>\u00a0\u2013 created on a tablet or on paper. Some artists also like to use\u00a0<strong>other drafting media<\/strong>, such as paint, pastels, charcoal etc.<\/p>\n<p>A storyboard should include the following elements:<\/p>\n<ul>\n<li><strong>Shot type<\/strong>:\u00a0<i>Define how far\/close the \u201ccamera\u201d is to the subject (i.e: close-up vs. long shot). Make sure you use a variety of shots to engage the viewer and bring attention to different details.<\/i><\/li>\n<li><strong>Camera movement<\/strong>:\u00a0<i>Use arrows to signal camera movements (if any). This could include tilts (top-bottom), pans (left-right), zooms, and tracking shots.<\/i><\/li>\n<li><strong>Movement within the frame<\/strong>:\u00a0<i>Use arrows to signal important movement within the frame (i.e: the character turning its head, a glass falling etc.)<\/i><\/li>\n<li><strong>Captions<\/strong>:\u00a0<i>Dialogue, sound effects and music should be listed in the captions (often under or next to the panels). This area can also be used to clarify the action.<\/i><\/li>\n<\/ul>\n<figure id=\"attachment_539\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-539\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1300-s2021\/wp-content\/uploads\/sites\/88\/2019\/09\/familyGuyStoryboard-1024x571.png\" alt=\"\" width=\"840\" height=\"468\" \/><figcaption class=\"wp-caption-text\">A storyboard for a Family Guy episode featuring all the main elements a clear storyboard should include<\/figcaption><\/figure>\n<p>Here&#8217;s a link to a page that has a few examples of <strong><a href=\"https:\/\/boords.com\/storyboard-examples#animation-storyboards\">different approaches to storyboards<\/a><\/strong>.<\/p>\n<hr \/>\n<h1>12 principles applied: staging<\/h1>\n<p><strong><a href=\"https:\/\/www.youtube.com\/watch?v=u-SXLaQGg50\">Staging<\/a>\u00a0<\/strong>is the animation principle which most\u00a0<strong>directly relates to storyboarding<\/strong>: it refers to the process of presenting an idea in a way that is completely clear. When storyboarding a sequence, you are planning the actions, shots, camera movements, and sounds that will tell your story (or present your scene\/character) in the most compelling way possible \u2013 thus applying the staging principle.<\/p>\n<p>Almost all aspects of your animation should be taken into account when staging\/storyboarding:<\/p>\n<ul>\n<li>When does an element appear and how long does it stay on the screen?<\/li>\n<li>If there is a\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=MjBHWw1TbP4&amp;list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&amp;index=9&amp;t=0s\">se<strong>condary action<\/strong><\/a><strong>\u00a0<\/strong>(another principle) make sure it enhances the story\/scene and doesn\u2019t distract from your main point. Consider timing and placement in the frame.<\/li>\n<li>Are you picking the right camera shot for the right element (i.e: wide shot for taking in the entire scene or a broad movement; close-up for a subtle facial expressions).<\/li>\n<\/ul>\n<hr \/>\n<h3>Assignment: Storyboard<\/h3>\n<p><a href=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/storyboard-walk-cycle\/\"><strong>Here are the details<\/strong><\/a><\/p>\n<h2>Checklist<\/h2>\n<p>Before our next meeting, make sure you:<\/p>\n<ul>\n<li>Completed the <a href=\"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/storyboard-walk-cycle\/\"><strong>storyboard<\/strong><strong><strong style=\"color: #333333\"> assignment<\/strong><\/strong><\/a><\/li>\n<li>Added a post to your portfolio with jpgs or pngs of the storyboard <a href=\"https:\/\/openlab.bmcc.cuny.edu\/?get_group_doc=911\/1612032153-ani260-storyboardTemplate.pdf\"><strong>This is a template you can use.<\/strong><\/a><\/li>\n<li>Added a link from your portfolio to the the Discussion Board Storyboard<\/li>\n<li>Uploaded the jpg or png and\u00a0 a link to your portfolio piece to Blackboard<\/li>\n<\/ul>\n<figure id=\"attachment_456\" class=\"wp-caption aligncenter\"><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Storyboarding What is a storyboard? A storyboard is a series of panels on which a set of sketches is arranged to consecutively depict the important elements of the story.\u00a0It is usually created before the animation and serves as a reference for the animator.\u00a0Because the animation process is so time-consuming, proper planning through storyboarding can save [&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\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":33,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/393\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/pages\/393\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/ani-260-1300-intro-2d-animation-sp-2021\/wp-json\/wp\/v2\/media?parent=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}