{"id":532,"date":"2019-09-12T14:55:10","date_gmt":"2019-09-12T14:55:10","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-f2019\/?page_id=532"},"modified":"2021-12-02T19:41:07","modified_gmt":"2021-12-02T19:41:07","slug":"week-10","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/week-10\/","title":{"rendered":"Week 10"},"content":{"rendered":"<h1>Storyboarding<\/h1>\n<h3>What is a storyboard?<\/h3>\n<p><span style=\"font-weight: 400\">A storyboard is a series of panels on which a set of sketches is arranged to consecutively depict the important elements of the story.\u00a0<\/span><span style=\"font-weight: 400\">It is usually created before the animation and serves as a reference for the animator.\u00a0<\/span><span style=\"font-weight: 400\">Because 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 &#8211; visually and narratively &#8211; before animating each frame.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">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.<\/span><\/p>\n<h3>History<\/h3>\n<p><span style=\"font-weight: 400\">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.\u00a0<\/span><span style=\"font-weight: 400\">Today, almost all animated films (and many live-action ones) are fully storyboarded before going into production.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=QOeaC8kcxH0\">This video<\/a> shows how storyboards are often created and reviewed in a large studio like Pixar.<\/p>\n<figure id=\"attachment_533\" aria-describedby=\"caption-attachment-533\" style=\"width: 776px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-533 size-full\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/88\/2019\/09\/lf-e1568300190111.jpeg\" alt=\"\" width=\"776\" height=\"579\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/lf-e1568300190111.jpeg 776w, https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/lf-e1568300190111-300x224.jpeg 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/lf-e1568300190111-768x573.jpeg 768w\" sizes=\"auto, (max-width: 776px) 85vw, 776px\" \/><figcaption id=\"caption-attachment-533\" class=\"wp-caption-text\">Peter Pan Peter, Wendy, and the Mermaids Storyboard (Walt Disney, 1953).<\/figcaption><\/figure>\n<h3>Process<\/h3>\n<p><span style=\"font-weight: 400\">While some filmmakers create their own storyboards, large productions often have a dedicated <strong>storyboard artist(s)<\/strong> who translate(s) the script into a visual narrative.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Storyboards are usually comprised of simple, sequential, rough, monochromatic <strong>drawings<\/strong> &#8211; created on a tablet or on paper. Some artists also like to use <strong>other drafting media<\/strong>, such as paint, pastels, charcoal etc.<\/span><\/p>\n<p><span style=\"font-weight: 400\">A storyboard should include the following elements:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Shot type<\/strong>: <\/span><i><span style=\"font-weight: 400\">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.<\/span><\/i><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Camera movement<\/strong>: <\/span><i><span style=\"font-weight: 400\">Use arrows to signal camera movements (if any). This could include tilts (top-bottom), pans (left-right), zooms, and tracking shots.<\/span><\/i><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><strong>Movement within the frame<\/strong>: <\/span><i><span style=\"font-weight: 400\">Use arrows to signal important movement within the frame (i.e: the character turning its head, a glass falling etc.)<\/span><\/i><\/li>\n<li style=\"font-weight: 400\"><strong>Captions<\/strong>: <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\" aria-describedby=\"caption-attachment-539\" style=\"width: 840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-539\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/88\/2019\/09\/familyGuyStoryboard-1024x571.png\" alt=\"\" width=\"840\" height=\"468\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/familyGuyStoryboard-1024x571.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/familyGuyStoryboard-300x167.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/familyGuyStoryboard-768x428.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-content\/uploads\/sites\/1625\/2019\/09\/familyGuyStoryboard-1200x669.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption id=\"caption-attachment-539\" 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>&nbsp;<\/p>\n<hr \/>\n<h1>12 principles applied: staging<\/h1>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=u-SXLaQGg50\">Staging<\/a> is the animation principle which most <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 &#8211; 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 <a href=\"https:\/\/www.youtube.com\/watch?v=MjBHWw1TbP4&amp;list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&amp;index=9&amp;t=0s\">secondary action<\/a>\u00a0(another principle) make sure it enhances the story\/scene and doesn&#8217;t 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<h1>Final project \u2013 step 4: storyboard walk cycle<\/h1>\n<h3><strong>Subject<\/strong><\/h3>\n<p><strong>Create a storyboard for your walk cycle<\/strong>: this will serve as a reference for a new version of your walk cycle for which we will apply the <strong>staging principle<\/strong>. We will work on it in the coming weeks, and combine your Animate file with After Effects&#8217; camera, text and effects tools to translate your storyboard into a full animation.<\/p>\n<p>Instead of revealing the entire scene\/character at once, use <strong>different shot types<\/strong> to focus the viewer&#8217;s attention on different details (i.e: the character&#8217;s jewelry, blinking eyes, its tail, a part of the background, a prop etc.). You should also include a <strong>title and credits<\/strong> (signal any movement of the text in the panel). Use the<strong> captions<\/strong> to write down <strong>audio elements<\/strong> (sound effects, music cues, voice over etc.). Don&#8217;t forget to indicate any <strong>movement within the frame<\/strong> or <strong>camera movement<\/strong> with arrows.<\/p>\n<h3>Format<\/h3>\n<p>The storyboard should be created on <strong>paper<\/strong>\u00a0(or on a tablet)- print and use <a href=\"https:\/\/drive.google.com\/file\/d\/1xUZ1pJjsoCCo26xYpORde2qtkCcnSPVp\/view?usp=sharing\"><strong>this template<\/strong><\/a>. If you decide to use a different template, make sure that there are 6 panels per page and that they abide to the HD aspect ration (16:9). Scan (or export) your storyboard to turn it into a digital file (<strong>JPG or PDF<\/strong>).<\/p>\n<h3><strong>Submission<\/strong><\/h3>\n<p>Create a new post on your Open Lab portfolio. Your post should include your <strong>scanned storyboard<\/strong>\u00a0\u00a0as well as a <strong>short description<\/strong>\u00a0(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: A link to your Open Lab post.<\/li>\n<li>Open Lab discussion board: Reply to the \u201cFinal project: character design\u201d discussion post with a link to your Open Lab post<\/li>\n<\/ul>\n<p><strong>This is part of the final project. It will be taken into account in the final grade for the\u00a0project (see full grading rubric\u00a0<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/12Ys9uZKlckNuaiNLgR1GpDF8t3MBNEpqCD7bpGSDiRo\/edit?usp=sharing\">here<\/a>).<\/strong><\/p>\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; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/week-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week 10&#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-532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/pages\/532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/comments?post=532"}],"version-history":[{"count":23,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/pages\/532\/revisions"}],"predecessor-version":[{"id":971,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/pages\/532\/revisions\/971"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260\/wp-json\/wp\/v2\/media?parent=532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}