{"id":936,"date":"2021-04-23T21:18:51","date_gmt":"2021-04-23T21:18:51","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~SethJ\/?page_id=936"},"modified":"2021-05-30T20:43:25","modified_gmt":"2021-05-30T20:43:25","slug":"narrative-visual-perspective-in-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~SethJ\/narrative-visual-perspective-in-animation\/","title":{"rendered":"Narrative Visual Perspective in Animation"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">3D Character Pose<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is the completed version of my original untextured character made in Autodesk Maya.  I used Zbrush to add details such as his eyes and pockets and Substance Painter to give him color and texture.<\/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\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-1024x576.png\" alt=\"My (finished) character + a short bio about him\" class=\"wp-image-1034\" srcset=\"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio-1600x900.png 1600w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/SethJ-Character-Sano-Bio.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>My (finished) character + a short bio about him<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-1024x632.png\" alt=\"A side-by-side comparison of my untextured model and my textured model\" class=\"wp-image-1045\" srcset=\"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-1024x632.png 1024w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-300x185.png 300w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-768x474.png 768w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-1536x948.png 1536w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis-1600x987.png 1600w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/3D-Cat-Otis.png 1750w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A side-by-side comparison of my untextured model and my textured model<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3D Weapon Modeling<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this project, we needed to make a weapon of our choice. I chose to model the baseball bat &#8220;Casey&#8221; from the videogame Enter the Gungeon. Like my character, this is simply a newer textured version of my weapon from the last unit.<\/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\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-1024x576.jpg\" alt=\"My (finished) 3D weapon.\" class=\"wp-image-1048\" srcset=\"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-1536x864.jpg 1536w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1-1600x900.jpg 1600w, https:\/\/freestyleacademy.rocks\/~SethJ\/wp-content\/uploads\/2021\/04\/x-3-d-bat-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>My (finished) 3D weapon.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3D Character Walk, Run, Jump Cycles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This was our first true 3D animation of our Senior year.  We created some short, ~24 frame animations in Autodesk Maya of out character walking, running, and jumping and then used After Effects to create a continuous video.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div style=\"display: contents;\" >\n\t\t\t<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-ygjcowtmcek\" 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-ygjcowtmcek\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/ygjcOwTMcek?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\/ygjcOwTMcek?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\\\/~SethJ\\\/narrative-visual-perspective-in-animation\\\/#arve-youtube-ygjcowtmcek\",\"@type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/ygjcOwTMcek?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><figcaption>My character&#8217;s walk, run, and jump cycles.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3D Motion Capture<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this short project we used motion capture data (basically pre-made animations) to create a short animation in Maya.  We also had to add a few simple camera positions and movements.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div style=\"display: contents;\" >\n\t\t\t<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-2wh9dud9khk\" 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-2wh9dud9khk\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/2Wh9DUd9KHk?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\/2Wh9DUd9KHk?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\\\/~SethJ\\\/narrative-visual-perspective-in-animation\\\/#arve-youtube-2wh9dud9khk\",\"@type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/2Wh9DUd9KHk?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><figcaption>My motion capture animation<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3D Lip Sync<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this project we had to make our character lip sync an audio clip of our choice.  I chose a short clip I found on YouTube.  We started by creating a set of different mouth shapes that represented the letters A, E, I, O, U, and M in Maya.  We then used a plugin to combine them into a single model with a mouth that could smoothly form any of the 5 letters.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div style=\"display: contents;\" >\n\t\t\t<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-i1-jswzuxiq\" 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-i1-jswzuxiq\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/I1-JswzUXiQ?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\/I1-JswzUXiQ?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\\\/~SethJ\\\/narrative-visual-perspective-in-animation\\\/#arve-youtube-i1-jswzuxiq\",\"@type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/I1-JswzUXiQ?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><figcaption>A short video of my character lip-syncing<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3D Action Reaction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this project we used our knowledge of motion capture animation as well as keyframe animation (like the walk cycles) to create a short story of our character interacting with an environment in some way.  I chose to primarily use keyframe animation as it was much easier to get the movements that I wanted.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube\"><div style=\"display: contents;\" >\n\t\t\t<div data-mode=\"normal\" data-oembed=\"1\" data-provider=\"youtube\" id=\"arve-youtube-r3z7y2hfzwy\" 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-r3z7y2hfzwy\" data-lenis-prevent=\"\" data-src-no-ap=\"https:\/\/www.youtube-nocookie.com\/embed\/r3z7Y2HfzwY?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\/r3z7Y2HfzwY?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\\\/~SethJ\\\/narrative-visual-perspective-in-animation\\\/#arve-youtube-r3z7y2hfzwy\",\"@type\":\"VideoObject\",\"embedURL\":\"https:\\\/\\\/www.youtube-nocookie.com\\\/embed\\\/r3z7Y2HfzwY?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><figcaption>My completed action reaction animation<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Doing 3D animation has been very fun so far.  It is much more simple and easy than traditional 2D animation in my opinion.  I think this may be partly due to the fact this unit was mostly building off of what had already created in the last unit.  It was nice to move from doing modeling exclusively to doing actual animation.  One of the biggest challenges that I faced was rendering.  It took a very long time to create my action reaction animation because each scene took hours upon hours to render.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>3D Character Pose This is the completed version of my original untextured character made in Autodesk Maya. I used Zbrush&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-936","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/pages\/936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/comments?post=936"}],"version-history":[{"count":27,"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/pages\/936\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/pages\/936\/revisions\/1327"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~SethJ\/wp-json\/wp\/v2\/media?parent=936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}