{"id":790,"date":"2026-04-23T21:00:54","date_gmt":"2026-04-23T21:00:54","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/?page_id=790"},"modified":"2026-05-14T19:55:42","modified_gmt":"2026-05-14T19:55:42","slug":"narrative-visual-representation-in-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/narrative-visual-representation-in-animation\/","title":{"rendered":"Narrative Visual Representation in Animation"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Narrative Animation<\/h3>\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 BlankiFM JennaN JoshuaC OrlandoM\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/89CsR2fPTiY?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\">One of the biggest projects that I got to work on was the Narrative Animation Project. This was a collaborative project where I got to work with my group members Blanki, Jenna, and Orlando. The group member of our project was Blanki and she was in charge of dividing the work between us and helped organized the story plot. The main roadblock initially was that we needed to decide the setting and what characters were going to be included into the storyboarding process. It was decided that we would use all of the characters we made in the previous project. My character Billy would play the part as the toy store owner, and he would be offering a job position for the mascot of the store. Eon, Dria, and Luffy who were made by my other group members would go through a dance competition for the job position, but things get out of hand and a fight breaks out. Watch the video to find out how it ends. \ud83d\ude42<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Character Biography<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio-1024x648.png\" alt=\"\" class=\"wp-image-871\" srcset=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio-1024x648.png 1024w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio-300x190.png 300w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio-768x486.png 768w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio-850x538.png 850w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Character-Bio.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In my second year of animation, we switched from 2D animation into 3D animation. Following the tutorials provided by Mr. Cho, we learned how to make basic shapes in Maya which is the 3D modeling program that we used. Many animations you see on entertainment streaming platforms that use 3D animation incorporate the use of Maya as a part of their process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a part of my learning process, I started t learn how to make cubes and a basic fire hydrant model. As I became more experienced, I learned how to build a whole table and a weapon. The practice would help lead us to make a more complex model completely from scratch with the tools that Mr.Cho taught us students. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Animatic<\/h3>\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 Animatic BlankiF OrlandoM JennaN JoshuaC\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9z9e_WGtw6s?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 animatic was made so we could see how the story would play out before we created the scenes in Maya program with the 3D models. Using the storyboarding outline, screenshots were taken for each scene. Then using After Effects, the screenshots were compiled together into chronological order.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Practice Models Made<\/h3>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render-1024x576.jpg\" alt=\"\" class=\"wp-image-877 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render-850x478.jpg 850w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Polygon-Shapes-Render.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Basic shapes were made in Maya program when first starting out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render-1024x576.jpg\" alt=\"\" class=\"wp-image-876 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render-850x478.jpg 850w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Greek-Temple-Render.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Advanced to make environment and building as for us next challenge.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render-1024x576.jpg\" alt=\"\" class=\"wp-image-875 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render-850x478.jpg 850w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC-Maya-Fire-Hydrant-Render.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Making a fire hydrant seemed simple at first until I began the process of actually putting the fire hydrant together. It required a lot of shapes that were not easy to make because there was a lot of crevices to take into account of. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">WEAPON<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering-1024x648.jpg\" alt=\"\" class=\"wp-image-874\" srcset=\"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering-1024x648.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering-300x190.jpg 300w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering-768x486.jpg 768w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering-850x538.jpg 850w, https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-content\/uploads\/2026\/05\/JoshuaC_Weapon-Model-Rendering.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Final weapon design was made in Maya but to get the actual color and textures required anther program. We used Adobe Painter which provided all the necessary textures and colors that needed to be put onto the base shape of the weapon. The use of Zbrush also made it easier to make a more complex shapes and allowed me to create the design in white that you can see on the side of the weapon. Zbrush also allowed me to add more texture on the handle to get a wood texture. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">TEXT<\/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 JoshuaC\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/fQ3nh5LsS9Y?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\">There were multiple mouth shapes that needed to be created in order to make the lip sync animation. Then all the mouth shapes were linked to the main model of the bear. To sync the movements with the audio I turned on the waveform setting to see where the sound spi9kjes and dimed down. This way the mouth shapes could be more aligned and timed correctly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Narrative Animation One of the biggest projects that I got to work on was the Narrative Animation Project. This was a collaborative project where I got to work with my group members Blanki, Jenna, and Orlando. The group member of our project was Blanki and she was in charge of dividing the work between us&#8230;<\/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-790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/pages\/790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/comments?post=790"}],"version-history":[{"count":11,"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/pages\/790\/revisions"}],"predecessor-version":[{"id":890,"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/pages\/790\/revisions\/890"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~JoshuaC\/wp-json\/wp\/v2\/media?parent=790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}