{"id":483,"date":"2022-03-29T18:36:46","date_gmt":"2022-03-29T18:36:46","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~KellyL\/?page_id=483"},"modified":"2022-03-30T18:59:54","modified_gmt":"2022-03-30T18:59:54","slug":"animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~KellyL\/narrative-2\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We&#8217;ve been learning how to keyframe and render out 3D animations using our finished character models in Maya.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"654\" src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/character-rig-pog-1-edited.png\" alt=\"\" class=\"wp-image-498\" srcset=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/character-rig-pog-1-edited.png 655w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/character-rig-pog-1-edited-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/character-rig-pog-1-edited-150x150.png 150w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Before the animating can begin, we needed to rig our characters so that we could control their movements. We did this using the Quick rig tool in Maya. Once we were done with that step, we were able to get started.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The first animations we worked on were walk, run, and jump cycles. The animation process for these were similar to 2D, in that you needed to position the model at certain points in time to have keyframe movements, but the difference was that all in between movements were automated by the computer, making the process faster.  <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/KellyL-character-animation2.mp4\"><\/video><figcaption>Character Animation- Walk, run, and jump<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Our next assignment was to animate an action reaction sequence using motion capture. We acted out some motion capture sequences in class, and I got a friend to act out stirring a pot of soup for me. I then imported the motion capture into Maya, and applied it to my character model. I had to tweak a few frames to make the movements smoother, but overall it turned out quite well. I also experimented with different camera angles and added some magic lighting in After Effects, which may or may not look a bit sloppy, but it&#8217;s fine.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/KellyL-ActionReaction2.mp4\"><\/video><figcaption>Character Animation- Action Reaction using Mocap<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then we started working on lip sync animations. To do this, first we had to edit our character model&#8217;s face to have them be able to make different expressions and mouth shapes. Here are a couple examples.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"660\" src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/fboy-face2.png\" alt=\"\" class=\"wp-image-528\" srcset=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/fboy-face2.png 991w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/fboy-face2-300x200.png 300w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/fboy-face2-768x511.png 768w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/fboy-face2-600x400.png 600w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"686\" src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/shes-pogging3.png\" alt=\"\" class=\"wp-image-529\" srcset=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/shes-pogging3.png 968w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/shes-pogging3-300x213.png 300w, https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/shes-pogging3-768x544.png 768w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">And so we animated our characters lipsyncing to an audio of our choice.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-content\/uploads\/2022\/03\/kellyl-lipsync1.mp4\"><\/video><figcaption>Character Animation- Lipsync<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve been learning how to keyframe and render out 3D animations using our finished character models in Maya. Before the animating can begin, we needed<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":46,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/pages\/483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":6,"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/pages\/483\/revisions"}],"predecessor-version":[{"id":532,"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/pages\/483\/revisions\/532"}],"up":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/pages\/46"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~KellyL\/wp-json\/wp\/v2\/media?parent=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}