{"id":806,"date":"2026-06-15T08:46:58","date_gmt":"2026-06-15T08:46:58","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~AJJ\/?page_id=806"},"modified":"2026-06-15T22:17:06","modified_gmt":"2026-06-15T22:17:06","slug":"narrative-visual-perspective-in-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~AJJ\/narrative-visual-perspective-in-animation\/","title":{"rendered":"Narrative Visual Perspective in Animation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">During the Narrative II unit in animation, we started to learn how to animate the 3D characters that we had modeled. We learned how to do keyframing in Maya( an industry standard 3D modeling software) and how to use Mocap to make our characters move a little more organically by using body tracking software.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3D Character<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Prior to this unit starting, we learned how to create 3D character models using Maya, Z-Brush, and Adobe Substance painter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/AJ-Character-Bio-1024x620.png\" alt=\"\" class=\"wp-image-871\" srcset=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/AJ-Character-Bio-1024x620.png 1024w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/AJ-Character-Bio-300x182.png 300w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/AJ-Character-Bio-768x465.png 768w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/AJ-Character-Bio.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A little bit of a fun fact: When I was painting FER1N in substance painter, I noticed something weird. The topology of FER1N looked off. That was when I realized that something, somewhere in my process of creating FER1N went horribly wrong. For context, FER1N looked like this: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1NBAD-1024x576.png\" alt=\"\" class=\"wp-image-872\" srcset=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1NBAD-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1NBAD-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1NBAD-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1NBAD.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">FER1N in Z-Brush<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">See how FER1N is nice and smooth? Yeah, that didn&#8217;t transfer over. Somehow, FER1N&#8217;s topology exploded and started clipping through its self. So when I tried to color FER1N in Substance painter, I couldn&#8217;t get an even coloring job and now FER1N looks like they have triangles all over.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1N-png-1024x544.png\" alt=\"\" class=\"wp-image-873\" srcset=\"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1N-png-1024x544.png 1024w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1N-png-300x159.png 300w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1N-png-768x408.png 768w, https:\/\/freestyleacademy.rocks\/~AJJ\/wp-content\/uploads\/2026\/06\/FER1N-png.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Upgraded FER1N in Maya<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I actually ended up redoing FER1N&#8217;s model a bit. I didn&#8217;t really have any time to color it so this is the best this version of FER1N that I have. Looking back on it, I think I should&#8217;ve skipped using Z-Brush and just chucked the model into Substance Painter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Animating!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After I created my character, I started doing some basic animation tests in maya. In total, I made 4 animations: a walk cycle, a run cycle, a jump cycle, and a lip sync animation. Honestly, I really enjoyed making these animations.<\/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=\"25 26 p6 3D Walk Run Jump AJJ\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/NFpUp9GL82k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The topology issues I had are a bit easier to see in these animations.<\/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=\"25 26 p6 3D Lip Sync AJJ\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/l3zQmwGPc44?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">While I was doing the lip Syncing, I had to fidget with FER1N&#8217;s topology because there were overlapping faces and it made it so when FER1N opened their mouth, it would look all weird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Narrative Project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The absolute LARGEST part of this project was creating a storyline animation with a group. The class was split into groups of 3 and each group had to come up with a short 3D animation. Basically, it was a culmination of our skills that we learned through ought the year. My group elected to create a little chase scene animation. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pre production<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before we started to animate in 3D, we first had to plan out what exactly we wanted to animate. So, we created what is called an <mark style=\"background-color:rgba(0, 0, 0, 0);color:#137c67\" class=\"has-inline-color\">Animatic<\/mark>. <\/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=\"25 26 p6 Narrative 2 Animatic AJJ CamM VeeL\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WxBjW21kRzc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Product<\/h2>\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=\"25 26 p6 3D Narrative Animation AJJ CamM VeeL\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/2PN4cb8Mzvw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Because of the topology issues with my character, I didn&#8217;t include FER1N in our production. Instead, i created the background assets, intro, and outro.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Closing thoughts<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This was overall a really fun project! I really enjoyed learning how to 3D model things and animate my character! Creating the background for our Narrative video was also really fun because I got to learn more about using Maya.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>During the Narrative II unit in animation, we started to learn how to animate the 3D characters that we had modeled. We learned how to do keyframing in Maya( an industry standard 3D modeling software) and how to use Mocap to make our characters move a little more organically by using body tracking software. 3D [&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-806","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/pages\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":11,"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/pages\/806\/revisions"}],"predecessor-version":[{"id":889,"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/pages\/806\/revisions\/889"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~AJJ\/wp-json\/wp\/v2\/media?parent=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}