{"id":28,"date":"2022-08-21T00:52:11","date_gmt":"2022-08-21T00:52:11","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~RyeD\/?page_id=28"},"modified":"2024-05-31T18:37:48","modified_gmt":"2024-05-31T18:37:48","slug":"narrative-1","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~RyeD\/narrative-1\/","title":{"rendered":"narrative 1"},"content":{"rendered":"\n<h2 class=\"wp-block-heading banner introbanner\">introduction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For our Visual Narrative project, we learned to communicate stories and develop three dimensional characters both visually and through writing. In English, we analyzed several short stories before developing our own character and writing our own story. In Digital Media, we recorded and edited an audio version of our finished story, and learned to use Illustrator to create thumbnail art for it. Finally in Animation, we worked in small groups to write, storyboard, animate, and edit a short narrative animation. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I really value the storytelling skills I gained through this project! I gained a lot of writing skills and also got better at communicating stories visually. I learned to better use Illustrator, Photoshop, After Effects, and Pro tools throughout this project, which will also be very helpful in the future.<\/p>\n\n\n\n<h2 class=\"wp-block-heading banner storybanner\">story<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"733\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2-733x1024.jpeg\" alt=\"\" class=\"wp-image-317\" style=\"width:384px;height:512px\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2-733x1024.jpeg 733w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2-215x300.jpeg 215w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2-768x1073.jpeg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2-850x1188.jpeg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-2.jpeg 1021w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1-697x1024.jpeg\" alt=\"\" class=\"wp-image-316\" style=\"width:366px;height:512px\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1-697x1024.jpeg 697w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1-204x300.jpeg 204w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1-768x1128.jpeg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1-850x1249.jpeg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/character-planning-1.jpeg 1021w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"833\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map-833x1024.jpeg\" alt=\"\" class=\"wp-image-318\" style=\"width:385px;height:512px\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map-833x1024.jpeg 833w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map-244x300.jpeg 244w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map-768x944.jpeg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map-850x1045.jpeg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/plot-map.jpeg 1021w\" sizes=\"auto, (max-width: 833px) 100vw, 833px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Before writing our story for English, we did a lot of planning surrounding our characters and plot to make sure they felt realistic. We answered a character starter questionnaire that helped us plan out lots of details about our character&#8217;s background, personality, living situation, etc. that may not make it in the story but still help it feel more real. We also completed a protagonist-based plot map, where we planned out the want\/need of our character, and how they would achieve (or not achieve) those things. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I had a few different sources of inspiration for my story. I wanted to make it queer, since I am queer and I want to create more queer representation. I had a lot of fun playing around with how to make writing clear while using multiple pronouns for a person. I also wanted my character (Dorian) to struggle with social anxiety. Social anxiety is something I and a lot of the people I love struggle with, and it&#8217;s something I wanted to explore and express through writing. Since this story was a flash fiction, it had to be short, and so I also chose to have Dorian write poems that were shown between sections of the story. This was one way that I was able to communicate more with fewer words. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To produce the audio version of my story, I first had to record it. This was probably the biggest struggle for me, since (as I said before) I have social anxiety. Recording myself is quite nerve-wracking, but I did somewhat enjoy it once I was able to get a little more comfortable with it. I recorded several takes of each section in my closet for less background noise\/echo, and then transferred the audio to Pro Tools. I took the best parts of each take and put it together, then adding music and sound effects throughout to make it feel more immersive. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Producing the audio was definitely the most stressful part since I had to record it, but I think it was really good practice for me, and I did get a lot better with audio editing throughout it! My favorite part of this project was definitely the writing. I learned so much about storytelling, and definitely became more conscious of the structure. I learned a lot from the peer review and feedback I got from Mr. Greco as well! Revising it was definitely when I learned the most, I really value that process. And now, here is the final story below!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">bookstore girl<\/h3>\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\/1460270836&#038;color=%239c847c&#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\/story-by-ryed-2023\" title=\"Story By RyeD (2023)\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\" rel=\"noopener\">Story By RyeD (2023)<\/a><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\">a soft laugh, lighting up the room\ncurled up in the window seat,\nunder the glow of the sleepy sun\npiles of stories, patiently waiting\nfor home.\n\n     Dorian yawned, sitting at her desk, re-reading the scrap of paper as he waited for his shift to end. It felt a little silly, writing a poem about a girl he had never even talked to. And a customer, at that. She supposed it was something about the atmosphere of the place\u2014the shelves of books, the scent of paper and ink, and the crackling of the fireplace\u2014that had compelled him to write about her. She had looked so at home in this little bookstore, this little safe-haven that had become his workplace. It was like she didn't have a care in the world. That was a sort of thing one didn't see much anymore.\n\n\u273d\n\nshe's always alone,\nbookstore girl\u2014\nyet always so comfortable,\nconfident,\ncurled up in that same spot\neyes lighting up as pages turn,\nmaking this place whole.\n\n     It was late now, the last glimpses of sun quickly fleeting as Dorian stuck the little scrap of paper into her notebook with the previous one. She looked down at them, side by side, lost in thought. The girl had come to the store almost every day now, always picking up new books, craving a new story. He wanted so badly to ask what she was reading, to bond over the stories she was sure that he had loved as well. Or even to simply compliment her chunky sweaters and button ups and long, flowy skirts. She sighed, leaning back in the creaky desk chair and closing his eyes. Realistically, there was really nothing stopping her\u2026 so why?\n\n\u273d\n\nbookstore girl,\nwords stuck in my throat.\npretty smile,\nwater filling my lungs.\nface flushed,\nheart racing,\nfaster, faster,\nuntil all i can do is run.\n\n     He leaned against the step-stool, re-reading the words on another small paper he clutched. She sighed. The little thing felt heavy in her clammy hands, as if the words were weighing it down. Calm and confident bookstore girl, pretty and charming and socially adept\u2026 \n     Dorian sighed again, standing up straight. She smacked her cheeks, shaking out his short ivory hair and turning to the paper again with a definitive look. It was just a little insignificant scrap of a whole. But it was lighter, now. \n\n\u273d\n\n     Bells jingled as Dorian stepped a shaky foot through the doorway. He hadn't gotten anything done all day, practically jittering her way through his classes and making a complete fool of herself on several occasions. Mind still racing, she sunk into her spot behind the desk, closing her eyes. Deciding to talk to bookstore girl today was definitely a mistake. In an attempt to calm the rising panic, she took a deep breath, letting the smell of books and warmth of the fireplace soothe him. It worked. Kind of.\n     The next few hours of the afternoon were relatively quiet. It had begun to rain, and there were few customers so he allowed herself the comfort of daydreaming. He was quietly organizing some of the new books when the bells above the door jingled again. She jolted up to see dripping dark hair, a soggy dress with an even soggier white button up underneath, frantic eyes and a dark brown coat held over her head like a shield. Bookstore girl. \n     \"Ah- are you alright? Should I grab a towel for you? Or, uh-\" Shoot. Damn my impulsivity. She has no idea who I am, she'll think-\n     \"O-oh, thank you so much!\" The girl had turned toward him, a look of relief flooding her face. \"I had just run all the way from the train station, I forgot my umbrella but I just had to get the next book of- oh I'm so sorry, I'm rambling, aren't I?\" Dorian blinked, then let out a small laugh.\n\nheart rate steady, \ncheeks still red.\nnervous smile,\nlots of deep breaths.\nunsteady words,\nbut words nonetheless.<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session-1024x622.png\" alt=\"Screenshot of Pro Tools interface from when Rye was editing the audio recording of the story. \" class=\"wp-image-358\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session-1024x622.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session-300x182.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session-768x467.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session-850x516.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Pro-Tools-Short-Story-Session.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A screenshot of the Pro Tools interface with voice recording, music, and sound effects!<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot-1024x622.png\" alt=\"\" class=\"wp-image-359\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot-1024x622.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot-300x182.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot-768x467.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot-850x516.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Illustrator-Screenshot.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A screenshot of Illustrator, which I used to make the album art for the short story recording! You can see I used live paint to color my line art and overlaid that with text.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading banner illustrationsbanner\">illustrations<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A big part of this project was learning to use Illustrator! Throughout the project, we created several illustrations. We first made an exquisite corpse with a few classmates, then made an album cover for our short story, then completed a personal Illustrator project, and finally created the banners for this webpage! To make the illustrations on the banners the stay the same size while allowing the width of the whole banner to change, I set the banner images as border images in CSS, and used &#8220;border-image-slice&#8221; to separate the illustrations on the edge from the blank color in the middle. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">exquisite corpse<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image-1024x343.png\" alt=\"\" class=\"wp-image-362\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image-1024x343.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image-300x101.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image-768x258.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image-850x285.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/image.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">This was my group&#8217;s exquisite corpse illustration! We each created an illustration that started and ended in the same place on the side of the canvas, and stuck them together at the end. It was a fun surprise to see what we had all created together. I created the snake head on the left, Dragos P. created the middle piece, and Aditi B. created the right piece. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">short story album art<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art.png\" alt=\"\" class=\"wp-image-363\" style=\"width:500px;height:500px\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art.png 1000w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art-768x768.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art-850x850.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Short-Story-Album-Art-75x75.png 75w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">To make the short story album art, we had to create a readable image that represented our story. I ended up just drawing the main character, Dorian. This isn&#8217;t exactly what she looks like, but I was still getting used to Illustrator so it was hard to get right. The colors were especially hard, since even with live paint you have to pick individual colors and it took a lot of trial and error. I think I learned a lot from this process though! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">illustrator project<\/h3>\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=\"671\" height=\"560\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Tumbler-Art.png\" alt=\"\" class=\"wp-image-367\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Tumbler-Art.png 671w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Tumbler-Art-300x250.png 300w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><figcaption class=\"wp-element-caption\">The final illustration!<\/figcaption><\/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\">Our Illustrator project was definitely my favorite part of this project! We got to choose one item to make. I chose a tumbler, and I designed this illustration which wraps around the outside of the tumbler. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-1024x564.png\" alt=\"\" class=\"wp-image-369\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-1024x564.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-300x165.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-768x423.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-1536x845.png 1536w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-2048x1127.png 2048w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Illustrator-Screenshot-850x468.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A screenshot of the Illustrator interface from when I was making this illustration!<\/figcaption><\/figure>\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\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea-658x1024.jpg\" alt=\"\" class=\"wp-image-392\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea-658x1024.jpg 658w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea-193x300.jpg 193w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea-768x1195.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea-850x1323.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Mae-and-Bea.jpg 964w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><figcaption class=\"wp-element-caption\">A photo of the final tumbler, with Mae and Bea<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity-771x1024.jpg\" alt=\"\" class=\"wp-image-393\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity-771x1024.jpg 771w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity-226x300.jpg 226w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity-768x1019.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity-850x1128.jpg 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/04\/Proximity.jpg 1130w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><figcaption class=\"wp-element-caption\">The side of the tumbler with &#8220;proximity&#8221;<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This Illustrator project was inspired by the game \u201cNight in the Woods\u201d. It\u2019s one of my favorite games, and I especially love the relationship between Mae and Bea. I based this illustration and tumbler on a specific scene where they talk about the role of proximity in their relationship, and how if they hadn\u2019t grown up together they wouldn\u2019t have been friends. I love this scene a lot because it feels very real, and it also reminds me of my own friends. I have friends who I used to see all the time but now barely see, and so we\u2019ve drifted apart, but I also have friends who I\u2019ve maintained close relationships with even when we couldn\u2019t see each other often. I wanted to make this project as a physical reminder of my friends.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While creating this illustration, I struggled a lot with the colors. The first time I colored it, everything looked a bit off and very flat, and I didn\u2019t know how to fix it so I just turned it in. However, I ended up re-submitting it, because I wasn\u2019t happy with it. I ended up using gradients to make the backgrounds feel less flat, and added glow effects around the stars and the word \u201cproximity\u201d so that they would pop out a little more. I\u2019m very happy with how it turned out the second time, and I think my Illustrator skills definitely improved through this project!<\/p>\n\n\n\n<h2 class=\"wp-block-heading banner musicbanner\">music<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Part of the narrative project included telling story through music! The assignment was to create a parody song. I chose to work with my friends on this assignment, since I thought it would be more fun. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create the parody song, we brainstormed a list of themes and a list of songs, and picked out a theme and song with a feel that matched. This ended up being a theme of conservatives complaining about stupid stuff, and the song &#8220;Bicycle Race&#8221; by Queen. We then started brainstorming lyrics, counting syllables to make sure what we were writing fit with the original music. We went with a combination of lyrics sung by Karen and her husband, the self-proclaimed alpha male.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To actually start recording the music, we had to remove vocals from the original song so we could sing over it. To do this, we reversed the wave form and shifted it slightly. This mostly eliminated the vocals, but it eliminated a lot of other stuff too. To help solve this, we added back some of the bass where there weren&#8217;t any vocals. In the end, some of the vocals that varied too much remained, but we were able to eliminate most of it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, we booked a recording studio session at Freestyle and Mr. Flo helped us record the vocals over the instrumentals! Here is the finished product!<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2022.mp3\"><\/audio><figcaption class=\"wp-element-caption\">Republican Race by Rye D, Sofia D, and Aditi B.<br>(A parody of &#8220;Bicycle Race&#8221; by Queen!)<\/figcaption><\/figure>\n\n\n\n<pre class=\"wp-block-verse\">lyrics:\n\nChorus sung by all: \npick-up truck, pick-up truck, pick-up truck\nI want to drive my pick-up truck, pick-up truck, pick-up truck\nI want to drive my pick-up truck \nI want to drive my truck\nI want to drive my pick-up truck\nI want to drive it how I like\n\nVerse 1 sung by Aditi: \nYou say blue, I say red\nYou say wine, I say beer\nYou say rights, I say hey man\nFeminism ain't my scene\nBut I do love guns\n\nVerse 2 sung by Sofia: \nYou Say Gay, I say Hell\nYou say choice, give me God!\nYou say science, I say Lord\nI don't believe in the vaccine\nThick sunscreen or Halloween\nNow you listen to me\n\nChorus sung by all:\nmanager, manager, manager\nI want to talk to manager, manager, manager\nI want to talk to manager\nI want to talk to boss\nI want to talk to manager\nI want to talk to - the police forces are coming your way\n\nVerse 3 sung by Rye: \nSo forget all your rights but mine\nStrong alpha males, they'll be lifting today\nSo look out for those hotties, like me\nKaren babe? uh oh, no\u2026 !\n\n*Cut Music* \nSpoken Outro: \nKaren: \"Hello??? Hi Hello?? is anyone there????! We need to speak to an employee!!!!\"\nEmployee: \"Ma'am, we closed an hour ago\u2026\"<\/pre>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD-1024x640.png\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD-1024x640.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD-300x188.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD-768x480.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD-850x531.png 850w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-Screenshot-by-RyeD.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A screenshot of the Pro Tools session for the song and some of the settings and things we used!<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-1024x768.jpg\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-2048x1536.jpg 2048w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Parody-by-RyeD-SofiaD-AditiB-2-850x638.jpg 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A photo from the recording studio! There was a microphone above the camera just out of frame, and we have the lyrics up on our phone. It was quite cramped and hot in there but we had a lot of fun!<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading banner animationbanner\">animation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Animation, we had a fewer long projects to complete! The first thing was our character bio and stop-motion character walk cycle. After that, we worked together in small groups to create a short narrative animation. These projects were all a lot of work and very time consuming, but I learned a lot and had a lot of fun getting to be so creative with everything! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">character bio and puppet<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"824\" src=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-1024x824.png\" alt=\"\" class=\"wp-image-382\" srcset=\"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-1024x824.png 1024w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-300x242.png 300w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-768x618.png 768w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-1536x1237.png 1536w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-2048x1649.png 2048w, https:\/\/freestyleacademy.rocks\/~RyeD\/wp-content\/uploads\/2023\/03\/Donaldson_Rye-Puppet-Character-Design-With-Photo-850x684.png 850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The first part of this assignment was to create our characters! I chose to use the same character I made for my short story. We drew a front and side profile to get down the design and proportions, and then wrote a short bio! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After we made the character bio, we had to create a physical puppet. We did this by twisting wire to make an armature and covering it in a combination of tape, tinfoil, air-dry clay, and heat-moldable plastic. I sculpted and painted the head of my puppet and used needle felted wool to make hair. I also sewed and crocheted the clothes! It was a lot of fun to create a little puppet like this, and it&#8217;s definitely something I would want to try again on my own time. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">stop-motion walk cycle, digital walk-cycle, and final composition of both<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After making the puppet, we used stop-motion animation to create an animated walk cycle! We recorded this using tripods and our DSLR cameras, and used the software Dragonframe. It was difficult to make the movements of the puppet look smooth and natural. I think it looks a little awkward but I&#8217;m still happy with it! <\/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=\"22 23 p2 Puppet Walk Cycle RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/gED7M-tjxWY?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\">We then began learning digital animation! We created a walk cycle digitally of the same character (or a different one if we chose). I had a lot of trouble figuring out how to simplify my art for this but I definitely improved at it by 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=\"22 23 p2 Digital Walk Cycle RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/dUkcQKjbc0A?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\">Finally, we took both walk cycles and put them together in After Effects. We had to remove the background from the puppet walk cycle using a linear color key on the green-screen background. We then looped the puppet and digital walk cycles so they crossed paths, and put a background behind! We also created shadows by mirroring the walk cycles, changing the colors and lowering the opacity. <\/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=\"22 23 p2 Composite Walk Cycle RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/MtBComPM2M4?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<h3 class=\"wp-block-heading\">lip sync animation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To continue learning digital animation, we made a lip sync animation to any audio of our choice! I chose to animate Marceline from Adventure Time, singing part of the song &#8220;Everything Stays&#8221;. To make the lip sync animation, we created mouth shapes on separate layers and exported them as pngs. There were different mouth shapes for every group of sounds that look similar. Once we had everything exported, we layered it in After Effects and timed the mouth shapes to the music! <\/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=\"22 23 p2 Lip Sync RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/Oe2FqwzAEGY?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<h3 class=\"wp-block-heading\">narrative animation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, we got to create a full narrative animation! We got into small groups within our class (mine was a group of 3 with Sofia D. and Star S.) and designed characters, settings, and plot. After storyboarding, we did backgrounds first, then sketching and coloring characters. In the end we all worked together to compile everything into After Effects with music and sound effects. This project was a ton of work but also so much fun! I definitely learned a lot about both animation and storytelling, and I&#8217;m very proud of how it turned out. Our story is about a bunny and a dragon, and how they find what they needed in each other. Enjoy :]<\/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=\"22 23 p2 JR Narrative 2D Animatic SofiaD StarS RyeD\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/p17La7yTF0M?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","protected":false},"excerpt":{"rendered":"<p>introduction For our Visual Narrative project, we learned to communicate stories and develop three dimensional characters both visually and through writing. In English, we analyzed several short stories before developing our own character and writing our own story. In Digital Media, we recorded and edited an audio version of our&#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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":57,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/pages\/28\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~RyeD\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}