{"id":1410,"date":"2023-03-24T16:58:03","date_gmt":"2023-03-24T16:58:03","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~NicoleL\/?page_id=1410"},"modified":"2023-04-01T02:09:04","modified_gmt":"2023-04-01T02:09:04","slug":"narrative-visual-perspective-in-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~NicoleL\/narrative-visual-perspective-in-animation\/","title":{"rendered":"Narrative Visual Perspective in Animation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In Animation, we began animating movements onto our 3D characters! We used<mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\"> Mocap technology<\/mark> and <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Maya<\/mark> to convert our real gestures into digital movements, that were then animated onto our 3D models. Mocap data is essentially a collection of<mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\"> pre-animated movements<\/mark> that can be applied to any character model, as long as they have a rigged skeleton. The data contains information for how each joint is rotated and moved, and moves the skeleton of your character accordingly! However, we also learned how to do <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">basic manual keyframing<\/mark> animations in Maya. With these new resources and skills, we created lip sync animation of our characters as well as run, jump, and walk compositions. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Character Animations<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio-700x441.png\" alt=\"\" class=\"wp-image-1252\" width=\"700\" height=\"441\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio-700x441.png 700w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio-300x189.png 300w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio-768x483.png 768w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio-1536x967.png 1536w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2022\/12\/NicoleL-Character-Bio.png 2045w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption class=\"wp-element-caption\">My original 3D character model<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">I continued to use <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Celeste<\/mark>, the 3D character model I created during the Reflections unit, as the model I animated and created lip syncs with. Although I found my character incredibly cute in the initial modeling process, she turned out to be really difficult to animate, especially with her <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">cape<\/mark>. It was difficult getting her arms to bend properly, as whenever I used <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Mocap data<\/mark> or preset movements on her, the cape would fold in on itself when her arms bent and it looked extremely out of shape. You can sort of tell how my model was restricted in its upper body movements in the above videos. I definitely learned a lesson to <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">avoid loose\/flowy clothing items<\/mark> in animating 3D models!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><a class=\"fancybox\" href=\"https:\/\/www.youtube.com\/watch?v=sl3Zo9BsBUs&amp;ab_channel=FreestyleAcademy\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/runjumpwalkthumbnail.png\" alt=\"A composition of my character walking, running, and jumping!\" class=\"wp-image-1547\" width=\"277\" height=\"174\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/runjumpwalkthumbnail.png 319w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/runjumpwalkthumbnail-300x188.png 300w\" sizes=\"auto, (max-width: 277px) 100vw, 277px\" \/><\/a><figcaption class=\"wp-element-caption\">A composition of my character walking, running, and jumping!<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><a class=\"fancybox\" href=\"https:\/\/www.youtube.com\/watch?v=-7XZpwZ5hbU&amp;ab_channel=FreestyleAcademy\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/mocapthumbnail.png\" alt=\"My character doing a cheerful dance using Mocap data!\" class=\"wp-image-1549\" width=\"275\" height=\"172\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/mocapthumbnail.png 319w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/mocapthumbnail-300x188.png 300w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><figcaption class=\"wp-element-caption\">My character doing a cheerful dance using Mocap data!<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a class=\"fancybox\" href=\"https:\/\/www.youtube.com\/watch?v=-PuAaSO8qII&amp;ab_channel=FreestyleAcademy\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/lipsyncthumbnail.png\" alt=\"A silly video of my character lip syncing to Tina from Bob's Burgers!\" class=\"wp-image-1548\" width=\"275\" height=\"172\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/lipsyncthumbnail.png 319w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/lipsyncthumbnail-300x188.png 300w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><figcaption class=\"wp-element-caption\">A silly video of my character lip syncing to Tina from Bob&#8217;s Burgers!<\/figcaption><\/figure>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the videos to see each animation!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3D Group Narrative Animation<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still1-700x365.jpg\" alt=\"\" class=\"wp-image-1570\" width=\"394\" height=\"205\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still1-700x365.jpg 700w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still1-300x156.jpg 300w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still1-768x401.jpg 768w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still1.jpg 1250w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">However, our biggest and most daunting project of the Narrative 2 unit in Animation was our <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">3D Group Narrative Animation<\/mark>. I worked in a group with Lillian, Quinn, and Thomas. During the brainstorming process, we all agreed that we wanted to prioritize building a <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">nice environment setting<\/mark> and using <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">aesthetic lighting<\/mark>. We didn&#8217;t so much focus on an intricate and complex story. We all contributed each of our strongest skills to the project, such as 2D animation, texturing, or rigging. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still5-700x365.jpg\" alt=\"\" class=\"wp-image-1573\" width=\"393\" height=\"205\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still5-700x365.jpg 700w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still5-300x156.jpg 300w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still5-768x400.jpg 768w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still5.jpg 1252w\" sizes=\"auto, (max-width: 393px) 100vw, 393px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Our Narrative Animation, titled &#8220;<mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Lost in Japan<\/mark>&#8220;, follows a <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">thief <\/mark>at a Japanese festival during the night who embarks on a <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">high-chase run<\/mark> to escape a <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">samurai soldier statue<\/mark>. After stealing a valuable and coveted sword, he is pursued by a stone samurai statue that comes to life and climbs up on buildings in order to escape him. He ends up escaping the samurai by jumping off a dock into the ocean with the sword. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still7-700x364.jpg\" alt=\"\" class=\"wp-image-1574\" width=\"417\" height=\"217\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still7-700x364.jpg 700w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still7-300x156.jpg 300w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still7-768x399.jpg 768w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still7.jpg 1253w\" sizes=\"auto, (max-width: 417px) 100vw, 417px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Throughout the production process, we ran into many obstacles along the way. We had lost a week of worktime due to us scrapping a previous story idea and having to start over. Additionally, I was the only one in our group who was able to get an <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Adobe Substance Painter<\/mark> license, meaning that only two people could work on texturing buildings and characters at a time. Because many of our scenes were action-packed, we also spent a lot of time animating and troubleshooting both the stone samurai and our main character with <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Mocap movements<\/mark> (the amount of issues we ran into while working in Maya made us all lose a bit of our sanity during this project!). Furthermore, due to the recent power outages in our area, we also lost unsaved work at times and were forced to restart certain scenes. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still3-700x364.jpg\" alt=\"\" class=\"wp-image-1572\" width=\"404\" height=\"210\" srcset=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still3-700x364.jpg 700w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still3-300x156.jpg 300w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still3-768x399.jpg 768w, https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-content\/uploads\/2023\/04\/still3.jpg 1248w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">If we had more time to do this project, I certainly would&#8217;ve gone back and changed a lot. We were incredibly rushed throughout the entire process, and so some of our work was sloppy. For example, I would&#8217;ve changed some of the texturing on the buildings in the festival to blend better and look more realistic. Additionally, we were pressed for time during the final editing phase of our project, so I would&#8217;ve gone back and made smoother transitions and fixed small editing mistakes in <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Adobe After Effects<\/mark>(for example, lining sound effects up with their corresponding actions, and trimming the end). However, despite all that, I&#8217;m proud of our end result and the experience I gained from collaborating on this large project. For example, I really valued being able to experience using a <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Mocap suit<\/mark> for the first time, and it was amazing seeing my in-person movements being translated into our animation! Despite how much the <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Maya interface<\/mark> frustrated me, I left the project with a better sense of understanding of how to use it to my advantage. I also really like the<mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\"> dim-lit lighting<\/mark> that we created in our animation, as well as the <mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">action-style camera movements<\/mark> we were able to incorporate. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With all that being said, I present to you our 3D Narrative Animation, &#8220;<mark style=\"background-color:rgba(0, 0, 0, 0);color:#9752bf\" class=\"has-inline-color\">Lost in Japan<\/mark>&#8220;! I hope you enjoy!<\/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 Animation QuinnA LillianC ThomasC NicoleL\" width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/_svjdkLpTVQ?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\">Our 3D Narrative Animation, &#8220;Lost in Japan&#8221;<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In Animation, we began animating movements onto our 3D characters! We used Mocap technology and Maya to convert our real gestures into digital movements, that were then animated onto our<span class=\"more-button\"><a href=\"https:\/\/freestyleacademy.rocks\/~NicoleL\/narrative-visual-perspective-in-animation\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">Narrative Visual Perspective in Animation<\/span><\/a><\/span><\/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-1410","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/pages\/1410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/comments?post=1410"}],"version-history":[{"count":19,"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/pages\/1410\/revisions"}],"predecessor-version":[{"id":1586,"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/pages\/1410\/revisions\/1586"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~NicoleL\/wp-json\/wp\/v2\/media?parent=1410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}