{"id":127,"date":"2020-02-11T23:45:41","date_gmt":"2020-02-11T23:45:41","guid":{"rendered":"http:\/\/freestyleacademy.rocks\/~NickS\/?page_id=127"},"modified":"2020-02-12T01:54:56","modified_gmt":"2020-02-12T01:54:56","slug":"narrative-1-animation","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~NickS\/narrative-1-animation\/","title":{"rendered":"Narrative 1 &#8211; Animation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In animation, we have spent the majority of our time working on the mood scenes. This has included: building, glueing and painting the background for our set; building, painting, and taking pictures of our puppets; and animating digital versions of our puppets. The &#8220;real&#8221; and &#8220;digital&#8221; versions of our puppets only did stop-frame animations of them walking across the screen, but we have been working on this since October. The puppet was made with wire, popsicle sticks, and foam; then covered with various cloths, paint, and drawings. The whole thing was put together with hot glue and sewing. The digital characters were animated frame by frame in Photoshop &#8211; I chose to make a frame animation, meaning I have a separate image for each image, rather than redrawing the image for each frame.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-1024x683.jpg\" alt=\"\" class=\"wp-image-146\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-1024x683.jpg 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-300x200.jpg 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-768x512.jpg 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-1536x1024.jpg 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-2048x1365.jpg 2048w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/IMG_3568-1600x1067.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The background set for our puppets.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"640\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/feed_001_01_X1_0065.jpg\" alt=\"\" class=\"wp-image-147\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/feed_001_01_X1_0065.jpg 960w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/feed_001_01_X1_0065-300x200.jpg 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/feed_001_01_X1_0065-768x512.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><figcaption>My puppet! Notice that the design is <em>slightly<\/em> different from the digital version &#8211; it&#8217;s hard to make the two the same!<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1620 \/ 1080;\" width=\"1620\" controls src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickS_001_01.mp4\"><\/video><figcaption>It lives! Now we just have to add in the background from above, add lighting, color correct so the puppet, and not the yellow, appears on screen, add music, and add sound effects! Simple, right?<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"1024\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-791x1024.png\" alt=\"\" class=\"wp-image-144\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-791x1024.png 791w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-232x300.png 232w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-768x994.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-1187x1536.png 1187w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-1583x2048.png 1583w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/NickN-Character-Bio-1600x2071.png 1600w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><figcaption>My digital character&#8217;s profile.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-1024x549.jpg\" alt=\"\" class=\"wp-image-148\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-1024x549.jpg 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-300x161.jpg 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-768x412.jpg 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-1536x824.jpg 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM-1600x858.jpg 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.32.36-PM.jpg 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>There&#8217;s a lot of frames to an animation! 26 frames for one step &#8211; to get across the screen, I have to do that 4 times! That&#8217;s over 100 frames! Like the puppet though, I have to add in the background from above, and add shadows, as well as layer him over the background so that he walks behind some objects but in front of others.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Our final project for the Visual Narrative was limited to &#8220;a story with no dialogue&#8221;, in groups of three. This meant that we could do whatever we wanted, as long as it followed a story and made chronological sense. We chose to animate a fox, who lives in the city but is unhappy enough that he moves to the woods. There, he finds a guitar, and plays it, happy to rest and relax away from all the noise.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-1024x576.png\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng-1600x900.png 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/farmpng.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>One of the original backgrounds I created. Due to the extreme time crunch, we cut out this part of the story, so this background went unused, hence the low quality job &#8211; I chose not to continue working on it once we dumped the idea.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-1024x550.jpg\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-1024x550.jpg 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-300x161.jpg 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-768x413.jpg 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-1536x826.jpg 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM-1600x860.jpg 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.53.08-PM.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>One of my partners did the background; the other, the fox. I, however, animated the whole 30 frame animation, in which a car passes by as the fox wags its tail. Not terribly much work, but still time consuming.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-1024x576.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng-1600x900.png 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/horizonpng.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>A view of the horizon from the forest &#8211; I&#8217;m very proud of the tree layering I did here &#8211; I took work to make sure some trees were over others!<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"http:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-1024x548.jpg\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-1024x548.jpg 1024w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-300x161.jpg 300w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-768x411.jpg 768w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-1536x822.jpg 1536w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM-1600x857.jpg 1600w, https:\/\/freestyleacademy.rocks\/~NickS\/wp-content\/uploads\/2020\/02\/Screen-Shot-2020-02-11-at-5.44.36-PM.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>I am incredibly proud of this short, 16 frame animation: The amount of work I put into the mountain with the cloud ring, the trees, layering the bushes over the trees, the grass, and the shadows (ooh, fancy!) was rather too much, considering the amount of time. Unfortunately, I spent so much time designing this scene that I couldn&#8217;t animate as many frames as I wished before this project was due.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In animation, we have spent the majority of our time working on the mood scenes. This has included: building, glueing&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-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":4,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/pages\/127\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~NickS\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}