{"id":512,"date":"2026-04-27T16:05:45","date_gmt":"2026-04-27T16:05:45","guid":{"rendered":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/?post_type=chapter&#038;p=512"},"modified":"2026-04-27T16:19:33","modified_gmt":"2026-04-27T16:19:33","slug":"stop-motion-rules-introducing-animation","status":"publish","type":"chapter","link":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/chapter\/stop-motion-rules-introducing-animation\/","title":{"raw":"Stop-Motion Rules: Introducing Animation","rendered":"Stop-Motion Rules: Introducing Animation"},"content":{"raw":"Tell students that they are going to make a stop-motion animation about one of the rules for playing online together that you've just discussed.\r\n\r\nProject the first two slides of the Course Presentation in the student chapter <a href=\"https:\/\/textbook.mediasmarts.ca\/blocksstudentwrdsb\/chapter\/introduction-to-animation\/\">Introduction to Animation<\/a> and introduce them to the word \u201c[pb_glossary id=\"333\"]animation[\/pb_glossary].\u201d\r\n\r\nProject the next slide and ask if they are familiar with these movies:\r\n<ul>\r\n \t<li><em>The Lion King<\/em><\/li>\r\n \t<li><em>The Lego Movie<\/em><\/li>\r\n \t<li>The \u201cWallace and Gromit\u201d series (this image is from the short <em>A Close Shave<\/em>)<\/li>\r\n \t<li><em>Toy Story<\/em><\/li>\r\n<\/ul>\r\nExplain that these are all examples of animation:\r\n<ul>\r\n \t<li><em>The Lion King <\/em>was made using hand-painted \u201ccel\u201d animation<\/li>\r\n \t<li><em>Toy Story <\/em>was made with computer animation (which is now the most common kind of animation)<\/li>\r\n \t<li>The \u201cWallace and Gromit\u201d movies were made with stop-motion animation<\/li>\r\n \t<li><em>The<\/em> <em>Lego Movie <\/em>was made with a mixture of stop-motion and computer animation.<\/li>\r\n<\/ul>\r\nProject the next slide and explain the basic \u201crules\u201d of animation:\r\n<ul>\r\n \t<li>Start by taking a photo (or making an image by drawing or painting it, or making it on a computer)<\/li>\r\n \t<li>Move what\u2019s in the image just a little bit<\/li>\r\n \t<li>The two arrows mean to repeat that process:\r\n<ul>\r\n \t<li>Take another photo after you\u2019ve moved it<\/li>\r\n \t<li>Move it a bit more<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li>And keep doing that until you have moved what\u2019s in the image through the whole movement you want to show.<\/li>\r\n<\/ul>\r\nWhen you\u2019re done, you can press \u201cPlay\u201d to see it move!\r\n\r\nNow show the video <a href=\"https:\/\/youtu.be\/LQmTkHxikgA\">Flipbook Example<\/a> in fullscreen or in the student chapter.\r\n\r\nExplain that this is an example of a kind of animation called <a class=\"glossary-term\" href=\"https:\/\/textbook.mediasmarts.ca\/blocks-teachertext\/chapter\/introduction-to-stop-motion-animation\/#term_48_191\" aria-haspopup=\"dialog\" aria-describedby=\"definition\">pixilation <\/a> \u2013 the person in the video moved just slightly between each photo.\r\n\r\nTell students that this is where the word \u201cmovies\u201d comes from \u2013 all videos, not just animation, use the trick of showing many still images to make our brains think they see movement.","rendered":"<p>Tell students that they are going to make a stop-motion animation about one of the rules for playing online together that you&#8217;ve just discussed.<\/p>\n<p>Project the first two slides of the Course Presentation in the student chapter <a href=\"https:\/\/textbook.mediasmarts.ca\/blocksstudentwrdsb\/chapter\/introduction-to-animation\/\">Introduction to Animation<\/a> and introduce them to the word \u201c<a class=\"glossary-term\" aria-haspopup=\"dialog\" aria-describedby=\"definition\" href=\"#term_512_333\">animation<\/a>.\u201d<\/p>\n<p>Project the next slide and ask if they are familiar with these movies:<\/p>\n<ul>\n<li><em>The Lion King<\/em><\/li>\n<li><em>The Lego Movie<\/em><\/li>\n<li>The \u201cWallace and Gromit\u201d series (this image is from the short <em>A Close Shave<\/em>)<\/li>\n<li><em>Toy Story<\/em><\/li>\n<\/ul>\n<p>Explain that these are all examples of animation:<\/p>\n<ul>\n<li><em>The Lion King <\/em>was made using hand-painted \u201ccel\u201d animation<\/li>\n<li><em>Toy Story <\/em>was made with computer animation (which is now the most common kind of animation)<\/li>\n<li>The \u201cWallace and Gromit\u201d movies were made with stop-motion animation<\/li>\n<li><em>The<\/em> <em>Lego Movie <\/em>was made with a mixture of stop-motion and computer animation.<\/li>\n<\/ul>\n<p>Project the next slide and explain the basic \u201crules\u201d of animation:<\/p>\n<ul>\n<li>Start by taking a photo (or making an image by drawing or painting it, or making it on a computer)<\/li>\n<li>Move what\u2019s in the image just a little bit<\/li>\n<li>The two arrows mean to repeat that process:\n<ul>\n<li>Take another photo after you\u2019ve moved it<\/li>\n<li>Move it a bit more<\/li>\n<\/ul>\n<\/li>\n<li>And keep doing that until you have moved what\u2019s in the image through the whole movement you want to show.<\/li>\n<\/ul>\n<p>When you\u2019re done, you can press \u201cPlay\u201d to see it move!<\/p>\n<p>Now show the video <a href=\"https:\/\/youtu.be\/LQmTkHxikgA\">Flipbook Example<\/a> in fullscreen or in the student chapter.<\/p>\n<p>Explain that this is an example of a kind of animation called <a class=\"glossary-term\" href=\"https:\/\/textbook.mediasmarts.ca\/blocks-teachertext\/chapter\/introduction-to-stop-motion-animation\/#term_48_191\" aria-haspopup=\"dialog\" aria-describedby=\"definition\">pixilation <\/a> \u2013 the person in the video moved just slightly between each photo.<\/p>\n<p>Tell students that this is where the word \u201cmovies\u201d comes from \u2013 all videos, not just animation, use the trick of showing many still images to make our brains think they see movement.<\/p>\n<div class=\"glossary\"><span class=\"screen-reader-text\" id=\"definition\">definition<\/span><template id=\"term_512_333\"><div class=\"glossary__definition\" role=\"dialog\" data-id=\"term_512_333\"><div tabindex=\"-1\"><p>A media form that uses many still images to make the illusion of movement.<\/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":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-512","chapter","type-chapter","status-publish","hentry"],"part":251,"_links":{"self":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapters\/512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":2,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapters\/512\/revisions"}],"predecessor-version":[{"id":523,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapters\/512\/revisions\/523"}],"part":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/parts\/251"}],"metadata":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapters\/512\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/wp\/v2\/media?parent=512"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/pressbooks\/v2\/chapter-type?post=512"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/wp\/v2\/contributor?post=512"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/textbook.mediasmarts.ca\/blockswrdsb\/wp-json\/wp\/v2\/license?post=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}