{"id":910,"date":"2023-03-22T17:48:54","date_gmt":"2023-03-22T17:48:54","guid":{"rendered":"http:\/\/freestyleacademy.rocks\/~LucyG\/?page_id=910"},"modified":"2023-04-13T21:32:07","modified_gmt":"2023-04-13T21:32:07","slug":"narrative-visual-perspective-in-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~LucyG\/narrative-visual-perspective-in-animation\/","title":{"rendered":"Narrative Visual Perspective in Animation"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\">For the narrative unit in animation, we used our 3D models we made earlier to practice and create animations. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Character-Bio-1024x530-1.png\" alt=\"\" class=\"wp-image-988\" width=\"-99\" height=\"-51\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Character-Bio-1024x530-1.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Character-Bio-1024x530-1-300x155.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Character-Bio-1024x530-1-768x398.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Finished Character Model &amp; Bio<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-1024x1024.jpg\" alt=\"\" class=\"wp-image-989\" width=\"-163\" height=\"-163\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-1024x1024.jpg 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-300x300.jpg 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-150x150.jpg 150w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-768x768.jpg 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-640x640.jpg 640w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-666x666.jpg 666w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa-50x50.jpg 50w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/reinaaaaaaaaaaaa.jpg 1500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Colored Character Sketches<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Lipsync Animation<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Like we did the previous year with 2D animation, our first assignment to prepare for the narrative animation was a lipsync. We chose a short audio clip, and then animated our models to match them. To do this, we first had to create multiple copies of the model in Maya, and adjust each of their faces to match verbal noises. With this done, they could be combined into one model, whose facial expressions could then be adjusted. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-1024x576.png\" alt=\"\" class=\"wp-image-993\" width=\"813\" height=\"457\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-2048x1152.png 2048w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/LucyG-Lip-Sync-Shapes-1920x1080.png 1920w\" sizes=\"auto, (max-width: 813px) 100vw, 813px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">We then chose an audio clip and animated the character speaking to it.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p6 3D Lip Sync LucyG\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/6XQA3GTGjjA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Walk, Run, and Jump Cycles<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Along with the lipsync animation, we created three more practice animation; one of the character walking, one of them running, and one of them jumping.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p6 3D Walk Run Jump LucyG\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/laIKk894C4k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">We also practiced animating our characters using motion capture data.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p6 3D Motion Capture Animation LucyG\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/FYIv-OhiCxU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Group Narrative Animation<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Our final assignment of the unit was to create a short narrative animation in groups of 3 to 4 people. I was in a group with Jack Orrock and Emma Mell. Using all 3 of our character models, we eventually decided on the plot: the narrative would follow my character, Reina, attempting to hunt and eat Jack&#8217;s character, Miho, who remains oblivious, while Emma&#8217;s character, Victoria, tries to stop Reina. Before animating, we created a short storyboard.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" data-id=\"1007\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1-1024x898.png\" alt=\"\" class=\"wp-image-1007\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1-1024x898.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1-300x263.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1-768x674.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1-1536x1347.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" data-id=\"1004\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2-1024x898.png\" alt=\"\" class=\"wp-image-1004\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2-1024x898.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2-300x263.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2-768x674.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2-1536x1347.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard2.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" data-id=\"1005\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3-1024x898.png\" alt=\"\" class=\"wp-image-1005\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3-1024x898.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3-300x263.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3-768x674.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3-1536x1347.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard3.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" data-id=\"1006\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4-1024x898.png\" alt=\"\" class=\"wp-image-1006\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4-1024x898.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4-300x263.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4-768x674.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4-1536x1347.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"898\" data-id=\"1003\" src=\"http:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5-1024x898.png\" alt=\"\" class=\"wp-image-1003\" srcset=\"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5-1024x898.png 1024w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5-300x263.png 300w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5-768x674.png 768w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5-1536x1347.png 1536w, https:\/\/freestyleacademy.rocks\/~LucyG\/wp-content\/uploads\/2023\/04\/storyboard5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">We then started animating &#8211; as you can see in the storyboard, we were each assigned a few animations to do, which we would then combine in After Effects, though we had to cut some of them for time.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p6 3D Narrative Animatic JackO EmmaM LucyG\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/jTBfy1T5Ra8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Rough animatic<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p6 3D Narrative Animation JackO EmmaM LucyG\" width=\"880\" height=\"495\" src=\"https:\/\/www.youtube.com\/embed\/BP1xzPqXubE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Final animation!<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>For the narrative unit in animation, we used our 3D models we made earlier to practice and create animations. Lipsync<\/p>\n<p><a href=\"https:\/\/freestyleacademy.rocks\/~LucyG\/narrative-visual-perspective-in-animation\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">Narrative Visual Perspective in Animation<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-910","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/pages\/910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/comments?post=910"}],"version-history":[{"count":11,"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/pages\/910\/revisions"}],"predecessor-version":[{"id":1010,"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/pages\/910\/revisions\/1010"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~LucyG\/wp-json\/wp\/v2\/media?parent=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}