{"page":"<link rel=\"stylesheet\" href=\"https://lessonplanet.com/assets/packs/css/resources-572d6a42.css\" />\n<link rel=\"stylesheet\" href=\"https://lessonplanet.com/assets/packs/css/lp_boclips_stylesheets-f4d0de30.css\" media=\"all\" />\n<div data-title='The trick that made animation realistic' data-url='/boclips/videos/5de6a39466c3ec42df9d6b2f' data-video-url='/boclips/videos/5de6a39466c3ec42df9d6b2f' id='bo_player_modal'>\n<div class='boclips-resource-page modal-dialog panel-container'>\n<div class='react-notifications-root'></div>\n<div class='rp-header'>\n<div class='rp-type'>\n<i aria-hidden='true' class='fai fa-regular fa-circle-play'></i>\nVideo\n</div>\n<h1 class='rp-title' id='video-title'>\nThe trick that made animation realistic\n</h1>\n<div class='rp-actions'>\n<div class='mr-1'>\n<a class=\"btn btn-success\" data-posthog-event=\"Signup: LP Signup Activity\" data-posthog-location=\"body_link_boclips\" data-remote=\"true\" href=\"/subscription/new\"><span><span>Get Free Access</span><span class=\"\"> for 10 Days</span><span>!</span></span></a>\n</div>\n</div>\n</div>\n<div class='rp-body'>\n<div class='rp-info'>\n<div aria-label='Hide resource details' class='rp-hide-info' role='button' tabindex='0'>&times;</div>\n<i aria-label='Expand resource details' class='rp-expand-info fai fa-solid fa-up-right-and-down-left-from-center' role='button' tabindex='0'></i>\n<i aria-label='Compress resource details' class='rp-compress-info fai fa-solid fa-down-left-and-up-right-to-center' role='button' tabindex='0'></i>\n<div class='rp-rating'>\n<span class='resource-pool'>\n<span class='pool-label'>Publisher:</span>\n<span class='pool-name'>\n<span class='text'><a data-publisher-id=\"30356011\" href=\"/search?publisher_ids%5B%5D=30356011\">Curated Video</a></span>\n</span>\n</span>\n</div>\n<div class='rp-description'>\n<span class='short-description'>Rotoscoping changed animation forever. This is how. Almanac Hollywouldn't is our miniseries on big changes to movies that came from outside Hollywood. Watch all of the episodes right here on YouTube. Episode 1 Episode 2 Episode 3...</span>\n<span class='full-description hide'>Rotoscoping changed animation forever. This is how. Almanac Hollywouldn't is our miniseries on big changes to movies that came from outside Hollywood. Watch all of the episodes right here on YouTube. Episode <a href='https://youtu.be/NMkZpuiEqh8' target='_blank' rel='nofollow'>1</a> Episode <a href='https://youtu.be/stznrpS3_Gc' target='_blank' rel='nofollow'>2</a> Episode <a href='https://www.youtube.com/watch?v=80CKTOjjZFQ' target='_blank' rel='nofollow'>3</a> Subscribe to our <a href='http://goo.gl/0bsAjO' target='_blank' rel='nofollow'>channel!</a> One breakthrough made animation look natural. And it involved a clown dancing on a roof. In this episode of Vox Almanac, Vox’s Phil Edwards explores the beginning of rotoscoping, a technique animators can use to create realistic motion. Invented by Max Fleischer of Fleischer Studios (and echoed and practiced by many others), it involves taking filmed footage and using it as a traceable model for animation. The results are fluid and natural in a way animation had never been before. As the above video shows, it started with Max’s brother Dave dancing on a roof in a clown costume. Footage of that was then used to model the classic Koko the Clown cartoons, which formed the basis for many Fleischer Studios films. Today, animators still use techniques like rotoscoping to turn real movement into animation. Check out the original <a href='https://patents.google.com/patent/US1242674A/en' target='_blank' rel='nofollow'>patent!</a> If you want to learn more about early animation, check out Fleischer Studios on the web and <a href='https://www.youtube.com/channel/UCtCAhYwGZxcAPDpu5Q7ueKQ' target='_blank' rel='nofollow'>YouTube.</a> You can also read Man and Superman: The Fleischer Studio Negotiates the Real in Quarterly Review of Film and Video by J.P. Telotte, which describes the techniques used for the animated Superman <a href='https://www.tandfonline.com/doi/abs/10.1080/10509200802433020' target='_blank' rel='nofollow'>series.</a> The Fleischer Story by Leslie Cabarga is invaluable for any early animation fan and has lots of trivia you won’t find anywhere <a href='https://www.amazon.com/Fleischer-Story-Leslie-Cabarga/dp/0306803135' target='_blank' rel='nofollow'>else.</a> Vox.com is a news website that helps you cut through the noise and understand what's really driving the events in the headlines. Check <a href='http://www.vox.com.' target='_blank' rel='nofollow'>out</a> Watch our full video <a href='http://goo.gl/IZONyE' target='_blank' rel='nofollow'>catalog</a> Follow Vox on <a href='http://goo.gl/U2g06o' target='_blank' rel='nofollow'>Facebook</a> Or <a href='http://goo.gl/XFrZ5H' target='_blank' rel='nofollow'>Twitter</a></span>\n</div>\n<div class='action-container flex justify-between'>\n<button aria-expanded='false' aria-label='Read more description' class='rp-full-description' type='button'>\n<i class='fai fa-solid fa-align-left'></i>\n<span id='read_more'>Read More</span>\n</button>\n<div class='rp-report'>\n</div>\n</div>\n<div aria-labelledby='resource-details-heading' class='rp-info-section'>\n<h2 class='title' id='resource-details-heading'>Resource Details</h2>\n<div class='rp-resource-details clearfix'>\n<div class='detail'>\n<dl>\n<dt>Curator Rating</dt>\n<dd><span class=\"star-rating\" aria-label=\"4.0 out of 5 stars\" role=\"img\"><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-solid fa-star text-action\" aria-hidden=\"true\"></i><i class=\"fa-regular fa-star text-action\" aria-hidden=\"true\"></i></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt class=\"educator-rating-title\">Educator Rating</dt><dd><div class=\"educator-rating-details\" data-path=\"/educator_ratings/rrp_data?resourceable_id=53540&amp;resourceable_type=Boclips%3A%3AVideoMetadata\"><span class=\"not-yet-rated\">Not yet Rated</span></div></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Grade</dt><dd title=\"Grade\">9th - 11th</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Subjects</dt><dd><span><a href=\"/search?keywords=maps+using+scale&amp;page=31&amp;search_tab_id=1&amp;subject_ids%5B%5D=1216220\">All Subjects</a></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Media Type</dt><dd><span><a href=\"/search?keywords=maps+using+scale&amp;page=31&amp;search_tab_id=2&amp;type_ids%5B%5D=4543647\">Instructional Videos</a></span></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Source:</dt>\n<dd></dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Date</dt>\n<dd>2019</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<i aria-hidden='true' class='fai fa-solid fa-language'></i>\n\n</dl>\n</div>\n<div class='detail'>\n<dl>\n<dt>Audiences</dt><dd><span><a href=\"/search?audience_ids%5B%5D=371079&amp;keywords=maps+using+scale&amp;page=31&amp;search_tab_id=1\">For Teacher Use</a></span></dd><dd class=\"text-muted\"><i class=\"fa-solid fa-lock mr5\"></i>2 more...</dd>\n</dl>\n</div>\n<div class='detail'>\n<dl>\n\n</dl>\n</div>\n</div>\n</div>\n<div aria-labelledby='educator-ratings-heading' class='rp-info-section'>\n<h2 class='title sr-only' id='educator-ratings-heading'>Educator Ratings</h2>\n<div id=\"educator-ratings-root\"></div><div id=\"all-educator-ratings-root\"></div><div id=\"educator-rating-form-root\"></div>\n</div>\n</div>\n<div class='rp-resource'>\n<div aria-label='Show resource details' class='rp-show-info' role='button' tabindex='0'>\n<i class='fai fa-solid fa-align-left'></i>\nShow resource details\n</div>\n<div aria-label='Video player' class='player' id='player-wrapper' role='region'>\n<div class='relative container mx-auto' id='lp-boclips-visitor-thumbnail'>\n<a class=\"block\" data-html=\"true\" data-placement=\"bottom\" data-trigger=\"click\" data-content=\"<div class=&quot;text-center py-2&quot;><a class=&quot;bold&quot; href=&quot;/auth/users/sign_in&quot;>Sign in</a> or <a class=&quot;bold text-danger&quot; data-posthog-event=&quot;Signup: LP Signup Activity&quot; data-posthog-location=&quot;body_link_boclips&quot; data-remote=&quot;true&quot; href=&quot;/subscription/new&quot;>Join Now</a></div>\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: The trick that made animation realistic\" href=\"/subscription/new\"><img class=\"resource-img img-thumbnail img-responsive z-10 lp-boclips-thumbnail w-full h-full lozad\" alt=\"The trick that made animation realistic\" title=\"The trick that made animation realistic\" onError=\"handleImageNotLoadedError(this)\" data-default-image=\"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png\" data-src=\"https://static.lp.lexp.cloud/images/attachment_defaults/resource/large/missing.png\" width=\"315\" height=\"220\" src=\"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs\" />\n<span aria-hidden='true' class='flex justify-center items-center bg-white rounded-full w-16 h-16 absolute top-1/2 left-1/2 -mt-8 -ml-8 cursor-pointer z-0 border-2 border-primary drop-shadow-md lp-boclips-thumbnail-playBtn'>\n<i class='fa-solid fa-play text-primary text-3xl ml-1 drop-shadow-xl'></i>\n</span>\n</a></div>\n</div>\n</div>\n</div>\n</div>\n</div>\n"}