{"id":215,"date":"2020-05-12T17:13:02","date_gmt":"2020-05-12T17:13:02","guid":{"rendered":"http:\/\/freestyleacademy.rocks\/~NickS\/?page_id=215"},"modified":"2020-05-12T18:21:40","modified_gmt":"2020-05-12T18:21:40","slug":"animation-documentary-production","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~NickS\/animation-documentary-production\/","title":{"rendered":"Animation Documentary Production"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For the Animation Documentary production, we were required to make a sub-three minute animation. I refused to cut down my audio below six minutes, but only ended up with three minutes worth of animation, as Mr. Cho (our animation teacher) had appropriately judged how much work we would be able to complete in the given timeframe. As a result, at the three minute mark exactly, the animation goes dark yet the audio continues. Feel free to continue listening to that if the topic is interesting to you, but I promise there are no surprises!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When introduced to the documentary project, we were asked to provide a concept design and color scheme, which you will find below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.52-AM.png\" alt=\"\" class=\"wp-image-237\" width=\"342\" height=\"166\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.52-AM.png 905w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.52-AM-300x146.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.52-AM-768x373.png 768w\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" \/><figcaption>My color palette.<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.youtube.com\/watch?v=5CmNyyUA2PI\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.15-AM-1024x566.png\" alt=\"\" class=\"wp-image-238\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.15-AM-1024x566.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.15-AM-300x166.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.15-AM-768x425.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-10.46.15-AM.png 1134w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>My original plan for how the animation would go down. Click on the image to open a youtube video of the animatic, which is the complete audio, but with still images (no animation). <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-1024x550.png\" alt=\"\" class=\"wp-image-244\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-1024x550.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-300x161.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-768x413.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-1536x826.png 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM-1600x860.png 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.13.11-AM.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>An image of the Animatic in After Effects, where images and audio are combined for a ready-to-export product\u2014note the low number of still images (purple) and audio clips (green)<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Below are images of the <span style=\"text-decoration: underline;\">animation<\/span> production, as opposed to the <span style=\"text-decoration: underline;\">animatic<\/span> (which is above).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-1024x550.png\" alt=\"\" class=\"wp-image-243\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-1024x550.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-300x161.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-768x413.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-1536x826.png 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM-1600x860.png 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.05.41-AM.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Mid production\u2014on the right, not the individual layers and the tiny scroll bar. I had a couple hundred different layers. The bottom row of images indicates each individual frame: since we animated at 12 frames per second, I had around 2160 frames just to reach 3 minutes. If I had completed my goal of 6 minutes, I would have needed around 4300 frames!<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-1024x550.png\" alt=\"\" class=\"wp-image-245\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-1024x550.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-300x161.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-768x413.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-1536x826.png 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM-1600x860.png 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/05\/Screen-Shot-2020-05-12-at-11.17.05-AM.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>An image of the completed animation in after effects. Note how it looks simpler &#8211; the top, highlighted green line is an mp4 of the 2160 frames I had drawn. After getting it to this point, I render it out of After Effects as a .mov file, then put it in Adobe Media Encoder and re-render it as a .mp4 file, which is more accessible.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">And finally, the completed animation as it appears on Youtube. Enjoy!<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n\t\t\t<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-eez5ipkyr0a\" class=\"arve\">\n\t\t\t\t<div class=\"arve-inner\">\n\t\t\t\t\t<div class=\"arve-embed arve-embed--has-aspect-ratio\">\n\t\t\t\t\t\t<div class=\"arve-ar\" style=\"padding-top:56.250000%\"><\/div>\n\t\t\t<iframe allow=\"accelerometer &apos;none&apos;;autoplay &apos;none&apos;;bluetooth &apos;none&apos;;browsing-topics &apos;none&apos;;camera &apos;none&apos;;clipboard-read &apos;none&apos;;clipboard-write;display-capture &apos;none&apos;;encrypted-media &apos;none&apos;;gamepad &apos;none&apos;;geolocation &apos;none&apos;;gyroscope &apos;none&apos;;hid &apos;none&apos;;identity-credentials-get &apos;none&apos;;idle-detection &apos;none&apos;;keyboard-map &apos;none&apos;;local-fonts;magnetometer &apos;none&apos;;microphone &apos;none&apos;;midi &apos;none&apos;;otp-credentials &apos;none&apos;;payment &apos;none&apos;;picture-in-picture;publickey-credentials-create &apos;none&apos;;publickey-credentials-get &apos;none&apos;;screen-wake-lock &apos;none&apos;;serial &apos;none&apos;;summarizer &apos;none&apos;;sync-xhr;usb &apos;none&apos;;web-share;window-management &apos;none&apos;;xr-spatial-tracking &apos;none&apos;;\" allowfullscreen=\"\" class=\"arve-iframe fitvidsignore\" credentialless data-arve=\"arve-youtube-eez5ipkyr0a\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/eEz5ipKYr0A?feature=oembed&amp;iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=0&amp;autoplay=0\" frameborder=\"0\" height=\"0\" loading=\"lazy\" name=\"\" referrerpolicy=\"strict-origin-when-cross-origin\" sandbox=\"allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox\" scrolling=\"no\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/eEz5ipKYr0A?feature=oembed&#038;iv_load_policy=3&#038;modestbranding=1&#038;rel=0&#038;autohide=1&#038;playsinline=0&#038;autoplay=0\" title=\"\" width=\"0\"><\/iframe>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"http:\\\/\\\/schema.org\\\/\",\"@id\":\"https:\\\/\\\/freestyleacademy.rocks\\\/~NickS\\\/animation-documentary-production\\\/#arve-youtube-eez5ipkyr0a\",\"@type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/eEz5ipKYr0A?feature=oembed&iv_load_policy=3&modestbranding=1&rel=0&autohide=1&playsinline=0&autoplay=0\"}<\/script>\t\t\t\t\t\t\t<\/div>\n\t\t\t\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For the Animation Documentary production, we were required to make a sub-three minute animation. I refused to cut down my&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":7,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/215\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}