{"id":42,"date":"2022-08-21T00:54:16","date_gmt":"2022-08-21T00:54:16","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~RyeD\/?page_id=42"},"modified":"2024-05-28T21:07:54","modified_gmt":"2024-05-28T21:07:54","slug":"zenith","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~RyeD\/zenith\/","title":{"rendered":"zenith"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What is the Zenith project?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At the end of our Senior year at Freestyle Academy, we create one final project at the end of the year called our Zenith. We have freedom to do almost anything within or related to our elective class, and so this project is both a representation of our passions and a culmination of the skills we&#8217;ve learned during our time here. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Our Zenith<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For my Zenith project in Animation, I chose to work with my close friend Sofia Dominguez. Earlier in the year, we collaborated with another friend Aditi Biswas to write a story for our world building project in English. We wanted to take these characters and make them come alive, and so we ultimately created an opening animation for our story as if it were a real cartoon!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019ve been drawing for as long as I can remember, and more than that I\u2019ve always loved telling stories through my art. I was always a little intimidated by animation, but Freestyle really pushed me past that, and now it\u2019s one of my favorite mediums for storytelling.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Context<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">For some quick context, our story takes place in a fantasy world with four tribes of magic: Sigil, Music, Alchemy, and Blacksmith.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/map-of-valley.png\" alt=\"\" class=\"wp-image-965\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/map-of-valley.png 800w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/map-of-valley-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/map-of-valley-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/map-of-valley-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">A map of the valley where our story takes place, drawn by Sofia!<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tribes.png\" alt=\"\" class=\"wp-image-966\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tribes.png 800w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tribes-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tribes-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tribes-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">The four tribes, drawn by Aditi!<\/figcaption><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Our main cast consists of:<\/p>\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\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-1024x576.jpg\" alt=\"\" class=\"wp-image-953 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-850x478.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala.jpg 1194w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Tala, our 18 year old main character who is a member of the Sigil Tribe<\/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=\"574\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-1024x574.jpg\" alt=\"\" class=\"wp-image-955 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-1024x574.jpg 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-300x168.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-768x431.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-850x477.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol.jpg 1198w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Sol, a 15 year old member of the music tribe<\/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=\"575\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-1024x575.jpg\" alt=\"\" class=\"wp-image-956 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-1024x575.jpg 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-300x168.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-768x431.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-850x477.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren.jpg 1196w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Wren, a 19 year old member of the Alchemy Tribe<\/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=\"572\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus-1024x572.jpg\" alt=\"\" class=\"wp-image-957 size-full\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus-1024x572.jpg 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus-300x168.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus-768x429.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus-850x475.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lazarus.jpg 1197w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Lazarus, a 29 year old silly guy.<\/p>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Pre-Production<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pre-Production: Initial Explorations<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first thing we did was sit down with some binder paper and start drawing. We knew we wanted to tell a story about our characters from our world building project, but we didn&#8217;t know what. The first thing we actually came up with was a college AU!<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"800\" data-id=\"960\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-3.jpg\" alt=\"\" class=\"wp-image-960\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-3.jpg 900w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-3-300x267.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-3-768x683.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-3-850x756.jpg 850w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">(by Sofia)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"800\" data-id=\"961\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-1.jpg\" alt=\"\" class=\"wp-image-961\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-1.jpg 710w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-1-266x300.jpg 266w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-1-300x338.jpg 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><figcaption class=\"wp-element-caption\">(by me)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"791\" height=\"800\" data-id=\"958\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-2.jpg\" alt=\"\" class=\"wp-image-958\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-2.jpg 791w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-2-297x300.jpg 297w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-2-768x777.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-rye-2-300x303.jpg 300w\" sizes=\"auto, (max-width: 791px) 100vw, 791px\" \/><figcaption class=\"wp-element-caption\">(by me)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"800\" data-id=\"959\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-1.jpg\" alt=\"\" class=\"wp-image-959\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-1.jpg 600w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-1-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-1-300x400.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption class=\"wp-element-caption\">(by Sofia)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"800\" data-id=\"962\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-2.jpg\" alt=\"\" class=\"wp-image-962\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-2.jpg 780w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-2-293x300.jpg 293w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-2-768x788.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/brainstorm-sketch-sofia-2-300x308.jpg 300w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><figcaption class=\"wp-element-caption\">(by Sofia)<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">That didn&#8217;t really go anywhere though. Sofia then had the idea of creating a short, very polished 20 second animation of all of our characters jumping towards the camera showing their forms of magic. This was super cool, but I wanted to do something a little more narrative driven, and that&#8217;s when we thought of making a cartoon opening! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pre-Production: Studies<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we knew what we wanted to do, we studied some intro animations! Through this, we noticed the main purposes seemed to be getting the viewer excited for the episode &amp; series, to communicate the overall feel of the show, and to introduce the main characters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following were big inspirations to us:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"FORK AND KNIFE, FOOD FIGHTERS!\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/HloYGmNU4NQ?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<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=\"Show Open | Gravity Falls | Disney XD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/fye6jbyWfG0?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\"><strong>Pre-Production: Storyboarding<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, we picked a SONG! We had to find a song that felt up-beat, like it fit our characters and their dynamics, and could be cut up into a shorter piece and still feel complete. We ultimately picked the song &#8220;Bad Set of Moods&#8221; by Soul Low!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Bad Set of Moods\" width=\"640\" height=\"480\" src=\"https:\/\/www.youtube.com\/embed\/yMa6Yj0zscQ?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\">Then we got to actually start planning out our animation! Sofia started by making messy sketches of storyboards on paper that fit with the lyrics, and then brought it to me in class where we both collaborated on it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/messy-storyboard-4.jpeg\" alt=\"\" class=\"wp-image-935\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/messy-storyboard-4.jpeg 600w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/messy-storyboard-4-225x300.jpeg 225w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/messy-storyboard-4-300x400.jpeg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, we re-drew the storyboard and fleshed it out more digitally! We created four scenes, centered on each character, starting with our main character and ending with a split screen of all four and the story name. <\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" data-id=\"927\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard1.png\" alt=\"\" class=\"wp-image-927\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard1.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard1-300x234.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard1-768x600.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard1-850x664.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" data-id=\"926\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard2.png\" alt=\"\" class=\"wp-image-926\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard2.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard2-300x234.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard2-768x600.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard2-850x664.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" data-id=\"924\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard3.png\" alt=\"\" class=\"wp-image-924\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard3.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard3-300x234.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard3-768x600.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard3-850x664.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"800\" data-id=\"925\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard4.png\" alt=\"\" class=\"wp-image-925\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard4.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard4-300x234.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard4-768x600.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Storyboard4-850x664.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pre-Production: Design &amp; Style Evolution<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Originally, we had created these designs we made for our characters during our world building project, but we weren&#8217;t quite happy with them. They didn&#8217;t really fit our characters personalities and they looked a little odd, and so we decided to revise them!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We changed a few things about the clothing like Sol&#8217;s dress and Lazarus&#8217;s pants and boots, but most of the changes were the colors. Lazarus especially got a whole pirate makeover, and we changed Tala&#8217;s color palette to be more purple, and Sol&#8217;s to be more yellow.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"751\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/original-character-designs-3.png\" alt=\"\" class=\"wp-image-942\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/original-character-designs-3.png 751w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/original-character-designs-3-282x300.png 282w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/original-character-designs-3-300x320.png 300w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><figcaption class=\"wp-element-caption\">old designs<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"725\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped-1024x725.png\" alt=\"\" class=\"wp-image-943\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped-1024x725.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped-300x212.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped-768x544.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped-850x602.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-reference-cropped.png 1130w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">new designs<\/figcaption><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Then we had to figure out how to keep our style consistent throughout the animation. We usually have pretty different styles, and we end up drawing different pieces of the animation and putting them together, which makes it look less cohesive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To try and prevent this as much as possible, we picked a style we would both stick to and created a reference sheet of the characters in that style!<\/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\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference-1024x576.png\" alt=\"\" class=\"wp-image-946\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference-850x478.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/style-and-proportion-reference.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Production<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Production: Keyframing<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first step to actually producing our animation was keyframing! This is essentially where you sketch the most important frames in the animation, usually the start and end of each big movement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys-1024x573.png\" alt=\"\" class=\"wp-image-947\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys-1024x573.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys-300x168.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys-768x429.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys-850x475.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/keys.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Screenshot of our Photoshop interface when keyframing!<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Once we had all of our keyframes done (which took FOREVER) we made an animatic! We compiled it all into After Effects and synced it to the music to make sure everything fit well together, and to make sure we at least had something to show if we weren&#8217;t able to finish the final product on time. Here is that animatic!<\/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=\"SofiaD RyeD Zenith Rough Animatic\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/oe6i2j4O_xw?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\"><strong>Production: In-Betweens<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next we had to do the in-betweens. This is the step where we turned the choppy keyframe animation into a smoother animation. To do this we basically created a frame in between two keyframes, and then more frames in between those, etc. until all the frames were drawn! We also tried to ease motions in and out to make them more dynamic.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This was a LOT of painful sketching and slightly re-thinking shots that didn&#8217;t really work (oops). I think this was probably the longest part of the process, since it was a lot of drawing and difficult to get right. <\/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\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens-1024x576.png\" alt=\"\" class=\"wp-image-948\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens-850x478.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/in-betweens.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Production: Lines &amp; Color<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The final step in the production phase was to line and color all of our animations! In order to keep the style more consistent, we actually each lined each others sketches. This also helped us avoid burnout, since we got to work on a new drawing!<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"500\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-cropped.png\" alt=\"\" class=\"wp-image-949\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-cropped.png 600w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-cropped-300x250.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"500\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-cropped.png\" alt=\"\" class=\"wp-image-950\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-cropped.png 600w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-cropped-300x250.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Coloring was super simple too, since we already had color palettes for each character, and we could mostly use paint bucket. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1-1024x567.png\" alt=\"\" class=\"wp-image-972\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1-1024x567.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1-300x166.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1-768x426.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1-850x471.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/lines-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Screenshot of our Photoshop interface when lining<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1-1024x573.png\" alt=\"\" class=\"wp-image-973\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1-1024x573.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1-300x168.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1-768x430.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1-850x476.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/color-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Screenshot of our Photoshop interface when coloring<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Post-Production<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Post-Production: Color Adjustments<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once we had compiled our finished animations into After Effects, it was time for post-production! The first step of this was color adjustment. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We added a lot adjustment layers, and changed hue\/saturation and brightness\/contrast for many scenes to make the scene feel more cohesive.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-1024x534.png\" alt=\"\" class=\"wp-image-978\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-1024x534.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-300x157.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-768x401.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-850x443.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sol scene before color-correction<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2-1024x525.png\" alt=\"\" class=\"wp-image-979\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2-1024x525.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2-300x154.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2-768x394.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2-850x436.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sol-color-correction-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sol scene after color-correction<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I also used a color change effect to lighten the lineart, to make it less distracting, and added cast shadows using masks and blend modes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-1024x536.png\" alt=\"\" class=\"wp-image-980\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-1024x536.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-300x157.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-768x402.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-850x445.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Wren scene before color-correction<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2-1024x527.png\" alt=\"\" class=\"wp-image-981\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2-1024x527.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2-300x155.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2-768x396.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2-850x438.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/wren-color-correction-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Wren scene after color-correction<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Post-Production: Lighting<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another HUGE part of post-production was lighting! For the opening scene of our animation, we wanted to have animated lighting as the door of Tala&#8217;s tent blows open, and so for my Advanced Learning Project in Digital Media, I learned how to create a lighting effect with blend modes and radial blur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what that looked like, and a tutorial video I created for the effect!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"554\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1-1024x554.png\" alt=\"\" class=\"wp-image-982\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1-1024x554.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1-300x162.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1-768x415.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1-850x460.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-1-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Tala scene before lighting effects<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2-1024x556.png\" alt=\"\" class=\"wp-image-983\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2-1024x556.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2-300x163.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2-768x417.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2-850x461.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/tala-lighting-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Tala scene after lighting effects! HUGE difference!<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For more details on how to create this effect yourself, here is a tutorial video I created! <\/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=\"RyeD Advance Learning Implementation\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Lpan9l7yy4w?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\"><strong>Post-Production: Finishing Touches<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, we added a few finishing touches. We really wanted to have the sigil in the opening shot animate and glow, and so I animated the paths of the sigil, and then used the lighting effects I learned to make it glow! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I made the sigil in its own composition, and then put that into our full composition and changed the blend mode to overlay. This made it look like it was glowing, and I keyframed the opacity in order to make it fade in and out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, I added another layer on top with a keyframed radial blur, to add this lighting effect!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1-1024x563.png\" alt=\"\" class=\"wp-image-984\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1-1024x563.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1-300x165.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1-768x422.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1-850x468.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sigil drawn in After Effects<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2-1024x565.png\" alt=\"\" class=\"wp-image-985\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2-1024x565.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2-300x166.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2-768x424.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2-850x469.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/sigil-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Sigil with lighting effects in After Effects!<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We also added the title bouncing out at the end, as seen here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title-1024x551.png\" alt=\"\" class=\"wp-image-986\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title-1024x551.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title-300x162.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title-768x413.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title-850x458.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/title.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">After Effects interface for title animation<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">And added the names of the characters to introduce them more clearly, as seen here!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name-1024x555.png\" alt=\"\" class=\"wp-image-987\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name-1024x555.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name-300x163.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name-768x416.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name-850x460.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/name.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">After Effects interface for name animations<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Completed Project<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, our animation was done! Here is the final product! <\/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=\"23 24 p7 Zenith SofiaD RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/d7O_Bwg9EHk?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\">Here is our recorded Zenith presentation, too! We go more in-depth about our process, and answer questions at the end:<\/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=\"23 24 p7 Zenith Celebration RyeD SofiaD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Pd8a1-h-w_I?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<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<iframe loading=\"lazy\" width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1827174927&#038;color=%23ff5500&#038;auto_play=false&#038;hide_related=false&#038;show_comments=true&#038;show_user=true&#038;show_reposts=false&#038;show_teaser=true\"><\/iframe><div style=\"font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;\"><a href=\"https:\/\/soundcloud.com\/freestyle-academy\" title=\"Freestyle Academy\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\" rel=\"noopener\">Freestyle Academy<\/a> \u00b7 <a href=\"https:\/\/soundcloud.com\/freestyle-academy\/ryed-zenith-reflection\" title=\"RyeD - Zenith Reflection\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\" rel=\"noopener\">RyeD &#8211; Zenith Reflection<\/a><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-thumbnail\"><a class=\"fancybox-pdf\" href=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/Donaldson_Rye-Zenith-Reflection.pdf\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2024\/05\/pdf_thumbnail_zenithreflection-150x150.png\" alt=\"\" class=\"wp-image-1016\"\/><\/a><figcaption class=\"wp-element-caption\">click to read full zenith reflection!<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">The process was long and stressful, but Sofia and I both learned so much from it. We got a lot better at organizing large projects and truly collaborating on every step of it. Every single thing in our finished animation is something we both worked on, which I think is really cool!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If we could do this project again, I think we would try to study more intro animations and figure out how to show worldbuilding better, because it wasn&#8217;t super clear how the magic system works in this world. We would also try to add more depth to our animations, since we didn&#8217;t really make use of foreground or background, which caused some animations to look a little flat.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Still, both of us are so proud of the work we put in and everything we learned from it. I&#8217;ve gained so many skills, especially in organization and composition, that will allow me to better tell stories through different mediums, and that&#8217;s extremely valuable to me! I&#8217;m super happy with how our project turned out too, and I&#8217;m so grateful for the opportunity to create something I&#8217;m so passionate about with one of my favorite people. I hope that our passion really shines through our work, and inspires you to go create something too.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction What is the Zenith project? At the end of our Senior year at Freestyle Academy, we create one final project at the end of the year called our Zenith. We have freedom to do almost anything within or related to our elective class, and so this project is both&#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-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":22,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":1026,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/42\/revisions\/1026"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}