{"id":98,"date":"2023-06-26T21:48:41","date_gmt":"2023-06-26T21:48:41","guid":{"rendered":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/chapter\/storyboards\/"},"modified":"2025-07-30T20:11:59","modified_gmt":"2025-07-30T20:11:59","slug":"storyboards","status":"publish","type":"chapter","link":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/chapter\/storyboards\/","title":{"raw":"Storyboards","rendered":"Storyboards"},"content":{"raw":"<strong>Storyboards <\/strong>are how media makers plan how they will use angle, distance and movement. They are used in movies, TV shows, and video games. Directors and cinematographers work with storyboard artists to decide the most effective composition for each shot.\r\n\r\nThey often look a lot like comics (and many comics artists also work as storyboard artists) but you don't need to be able to draw to do storyboards - stick figures are okay! Even comics artists make their own version of storyboards, called <strong>breakdowns<\/strong>, before they draw the final page.\r\n\r\nHere is a storyboard of the scene you watched at the beginning of this lesson. Each one shows the angle and distance of the shot and describes what's happening in it.\r\n\r\nMovement within the shot is shown with an arrow inside the frame. Camera movement is shown with an arrow that stretches outside the frame to show how the camera moves during the shot. Hover over each image to learn more about what's happening in each shot.\r\n\r\n[h5p id=\"3\"]\r\n\r\nHere's how the same storyboard would look on paper:\r\n\r\n[caption id=\"attachment_96\" align=\"aligncenter\" width=\"855\"]<img class=\"wp-image-96 size-full\" src=\"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard.png\" alt=\"A storyboard for a scene in the film &quot;The Stranger.&quot; The first is a medium shot where Mary climbs up into the attic. The second is a dolly shot as she climbs the ladder, becoming a lower and lower angle as she climbs. The third is an extreme high angle shot from her POV as she looks back down to the landing. The fourth is a high angle shot over Kindler's shoulder as he reaches down to take her hand. The fifth is an extreme high angle as Kindler takes her hand and she dangles for a few moments. The sixth is a low angle shot as Kindler pulls Mary up.\" width=\"855\" height=\"1106\" \/> Storyboard from \"The Stranger\"[\/caption]\r\n\r\n&nbsp;\r\n\r\nThink back to the first two times you watched this scene. What do you know now about how the film-makers showed you:\r\n<div class=\"textbox shaded\">\r\n\r\nHow is the relationship between the characters made clear through camera framing?\r\n\r\nHow is the made clear through camera framing?\r\n\r\nWhat do the choices tell you about what kind or [pb_glossary id=\"1466\"]genre[\/pb_glossary] of movie it is? Its \"feel\" or mood?\r\n\r\nWhat do the choices suggest might happen next? Why do you think so? How does camera framing create tension in the scene?\r\n\r\n<\/div>\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\n&nbsp;","rendered":"<p><strong>Storyboards <\/strong>are how media makers plan how they will use angle, distance and movement. They are used in movies, TV shows, and video games. Directors and cinematographers work with storyboard artists to decide the most effective composition for each shot.<\/p>\n<p>They often look a lot like comics (and many comics artists also work as storyboard artists) but you don&#8217;t need to be able to draw to do storyboards &#8211; stick figures are okay! Even comics artists make their own version of storyboards, called <strong>breakdowns<\/strong>, before they draw the final page.<\/p>\n<p>Here is a storyboard of the scene you watched at the beginning of this lesson. Each one shows the angle and distance of the shot and describes what&#8217;s happening in it.<\/p>\n<p>Movement within the shot is shown with an arrow inside the frame. Camera movement is shown with an arrow that stretches outside the frame to show how the camera moves during the shot. Hover over each image to learn more about what&#8217;s happening in each shot.<\/p>\n<div id=\"h5p-3\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-3\" class=\"h5p-iframe\" data-content-id=\"3\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Storyboard\"><\/iframe><\/div>\n<\/div>\n<p>Here&#8217;s how the same storyboard would look on paper:<\/p>\n<figure id=\"attachment_96\" aria-describedby=\"caption-attachment-96\" style=\"width: 855px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-96 size-full\" src=\"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard.png\" alt=\"A storyboard for a scene in the film &quot;The Stranger.&quot; The first is a medium shot where Mary climbs up into the attic. The second is a dolly shot as she climbs the ladder, becoming a lower and lower angle as she climbs. The third is an extreme high angle shot from her POV as she looks back down to the landing. The fourth is a high angle shot over Kindler's shoulder as he reaches down to take her hand. The fifth is an extreme high angle as Kindler takes her hand and she dangles for a few moments. The sixth is a low angle shot as Kindler pulls Mary up.\" width=\"855\" height=\"1106\" srcset=\"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard.png 855w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-232x300.png 232w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-792x1024.png 792w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-768x993.png 768w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-65x84.png 65w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-225x291.png 225w, https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-content\/uploads\/sites\/15\/2023\/06\/Storyboard-350x453.png 350w\" sizes=\"auto, (max-width: 855px) 100vw, 855px\" \/><figcaption id=\"caption-attachment-96\" class=\"wp-caption-text\">Storyboard from &#8220;The Stranger&#8221;<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Think back to the first two times you watched this scene. What do you know now about how the film-makers showed you:<\/p>\n<div class=\"textbox shaded\">\n<p>How is the relationship between the characters made clear through camera framing?<\/p>\n<p>How is the made clear through camera framing?<\/p>\n<p>What do the choices tell you about what kind or <a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_98_1466\">genre<\/a> of movie it is? Its &#8220;feel&#8221; or mood?<\/p>\n<p>What do the choices suggest might happen next? Why do you think so? How does camera framing create tension in the scene?<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_98_1466\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_98_1466\"><div tabindex=\"-1\"><p>Genre is the types or categories into which texts are grouped. For example, film genres include action, suspense and comedy. There are also more specific sub-genres such as superhero, romantic comedy, thriller and film noir.<\/p>\n<\/div><button><span aria-hidden=\"true\">&times;<\/span><span class=\"screen-reader-text\">Close definition<\/span><\/button><\/div><\/template><\/div>","protected":false},"author":2,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[49],"contributor":[],"license":[],"class_list":["post-98","chapter","type-chapter","status-publish","hentry","chapter-type-numberless"],"part":75,"_links":{"self":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapters\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":3,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapters\/98\/revisions"}],"predecessor-version":[{"id":2147,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapters\/98\/revisions\/2147"}],"part":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/parts\/75"}],"metadata":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapters\/98\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/pressbooks\/v2\/chapter-type?post=98"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/wp\/v2\/contributor?post=98"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/navigatingstudent\/wp-json\/wp\/v2\/license?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}