{"id":420,"date":"2019-08-30T14:58:28","date_gmt":"2019-08-30T14:58:28","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-1301-f2019\/?page_id=420"},"modified":"2020-03-16T18:29:51","modified_gmt":"2020-03-16T18:29:51","slug":"week-7","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/week-7\/","title":{"rendered":"Week 7"},"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><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\" 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\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/lf-e1568300190111.jpeg 776w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/lf-e1568300190111-300x224.jpeg 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/lf-e1568300190111-768x573.jpeg 768w\" sizes=\"auto, (max-width: 776px) 85vw, 776px\" \/><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 <strong>storyboard artist(s)<\/strong> who translate(s) the script into a visual narrative.<\/p>\n<p>Storyboards are usually comprised of simple, sequential, rough, monochromatic <strong>drawings<\/strong> \u2013 created on a tablet or on paper. Some artists also like to use <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>: <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>: <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>: <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>: <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\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/familyGuyStoryboard-1024x571.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/familyGuyStoryboard-300x167.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/familyGuyStoryboard-768x428.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2019\/09\/familyGuyStoryboard-1200x669.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><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>&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 \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 <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\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<h1>Final project \u2013 step 2: storyboard walk cycle<\/h1>\n<h3><strong>Subject<\/strong><\/h3>\n<p><strong>Create a storyboard for your walk cycle<\/strong>. You should use a<span style=\"text-decoration: underline\"> single<\/span> view of your character (i.e: walking profile) (otherwise, you will have to create more animated versions of it), but \u00a0instead of revealing the entire scene\/character at once, use <strong>different shot types<\/strong> to focus the viewer\u2019s attention on different details (i.e: the character\u2019s 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\u2019t forget to indicate any <strong>movement within the frame<\/strong> or <strong>camera movement<\/strong> with arrows.<\/p>\n<p>Here&#8217;s an example:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-large wp-image-926\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2-1024x791.jpg\" alt=\"\" width=\"840\" height=\"649\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2-1024x791.jpg 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2-300x232.jpg 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2-768x593.jpg 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2-1200x927.jpg 1200w, https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-content\/uploads\/sites\/147\/2020\/03\/mmp260-week10-storyboardTemplate-2.jpg 1650w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<h3>Format<\/h3>\n<p>The storyboard should be created on <strong>paper<\/strong>\u00a0(or on a tablet). Print (or recreate)\u00a0<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\/create your own, make sure that there are 6 panels per page and that they abide to the HD aspect ration (16:9). Scan, export or take a photo of 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>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: storyboard\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-pinkas-s2020\/week-7\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Week 7&#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-420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/420","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=420"}],"version-history":[{"count":27,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/420\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/pages\/420\/revisions\/928"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp260-pinkas-s2020\/wp-json\/wp\/v2\/media?parent=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}