{"id":306,"date":"2026-02-16T06:16:40","date_gmt":"2026-02-16T06:16:40","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~DariusM\/?page_id=306"},"modified":"2026-06-10T06:42:07","modified_gmt":"2026-06-10T06:42:07","slug":"narrative-1","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~DariusM\/narrative-1\/","title":{"rendered":"Narrative 1"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized nolightbox section-img section-img-first\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"500\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Introduction.png\" alt=\"Section title: Introduction\" class=\"wp-image-448\" style=\"width:1412px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Introduction.png 1000w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Introduction-300x150.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Introduction-768x384.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What is Visual Narrative?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The idea behind Visual Narrative is learning the process of using visuals or other media to tell a story. Through my experience in Digital Media, Animation, and English classes, we learned different tools to help us craft this sort of experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Through Digital Media class, I have learned to use tools such as Adobe Illustrator, Adobe Audition, Pro Tools, WordPress, and more. These tools are useful to communicate a story without just using text. For example, Adobe Illustrator is a vector drawing application, which helps design visual elements of a story. Also, Pro Tools and Adobe Audition can be used to create an auditory experience by enhancing a story with sound effects and music. These skills are valuable for me, especially while I am learning how to write stories in English class. We write Flash Fiction novels, we write about our experiences as a writer, and more to hone our abilities in communication. When telling a story, one needs a good grasp of the English language. In addition to communicating in English, there are other tools to help tell a story. My Animation class taught me specifically how to tell stories through animation. The primary application used in Adobe After Effects, which allows us to create visual effects, advanced movement, and more to tell a story. The greatest example of this is my Visual Narrative Group Project, in which I teamed up with three other people to create a long story animation. Instead of just writing the story down, we could communicate the meaning without having any dialogue. Through these three classes and the various tools taught, I have grown as a storyteller and digital artist, and I expect that my newfound capabilities will assist me later in life when I go into videogame development or a similar field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized nolightbox section-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"501\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Story.png\" alt=\"Section title: Story\" class=\"wp-image-450\" style=\"width:1412px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Story.png 1001w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Story-300x150.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Story-768x384.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Flash Fiction Writing Process<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">My journey through storytelling in my English class wasn&#8217;t smooth sailing. At the start of Freestyle, I had an overall negative association with writing, which let to second guessing while crafting my Flash Fiction. Of course, as I became more invested in Freestyle&#8217;s English curriculum, the class managed to heal my, to put it bluntly, &#8220;trauma&#8221;. At the time, I wasn&#8217;t doing the best mentally, so I decided to vent out a dramatized version of my feelings onto the page. While in the end, it sounded alright, the overall message was incoherent. My main inspiration for my flash fiction was a videogame called &#8220;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Omori_(video_game)\" target=\"_blank\" rel=\"noreferrer noopener\">Omori<\/a>&#8220;, which I related to at the time. The main character, similar to Omori, had an overall sense of hopelessness, to the point where he shuts off the world from everyone else and becomes devoid of any external emotion. For the plot of the story, I settled on a few themes, such as loss of parents and trauma about losing one&#8217;s identity. Unfortunately, I didn&#8217;t allude to the themes well enough, creating a story that sounds good on paper until the audience tries to decipher what it means. Therefore, an entire semester later, I decided to redo the entire story. I made the theme more apparent while still keeping the &#8220;dark&#8221; aspect to it to match the previous flash fiction. This time, the theme is about losing one&#8217;s parents due to a traumatic fight and the process of grieving and coming to terms with the loss. Afterward, I gave the story to my dad to revise, and he liked it. His main comment though is that the story kind of goes from depressing to horrifying to even more horrifying to somewhat of a conclusion. While that was the aim of the story in the first place, I do agree that it might be a bit too extreme for some audiences.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Flash Fiction Audio Production Process<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I am quite proud of how the sound effects and music tie into creating an immersive experience. The main idea was for the audio to resemble horror, with a bunch of intense and disturbing music to emphasize the scary parts. I\u2019ve had prior experience creating music in Ableton Live (another music-producing software), so I didn\u2019t have much trouble using Pro Tools. Plus, Freestyle Academy offers so many royalty-free sound effects that it&#8217;s hard to even choose the perfect one for each occasion. One difficult problem I faced, however, was making sure the panning of the sounds were accurate to make a more immersive experience, such as making footsteps slowly increase in volume and pan to seem like someone is walking toward the listener. I also used the technique of stacking audio clips together with different panning to make them sound more &#8220;natural&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am most proud of how music is used in my project. I solely used the royalty-free songs by Purple Planet given by Freestyle Academy. The variety of music that Purple Planet made is astounding; I mainly used the music inside the Creepy tab to highlight the scary parts of the story. I also added a reverb to all the music tracks to make them more atmospheric.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This entire process has given me a new appreciation for audio-only stories. Since there are no visuals, the producer, who in my case is myself, has to make sure that the sound effects and music are as immersive as possible. There is closer attention to detail in elements such as panning and volume, unlike in stories with accompanying visuals, which also help create an atmosphere. In audio-only productions, one can&#8217;t fall back on the visuals to create a cohesive story, which I respect a lot.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\"><a class=\"fancybox-pdf\" href=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Darius-Matulich-OLD-Flash-Fiction-2.pdf\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/OLD-Flash-Fiction-Book-Thumbnail.jpg\" alt=\"Flash Fiction Story Thumbnail\" class=\"wp-image-1032\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/OLD-Flash-Fiction-Book-Thumbnail.jpg 960w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/OLD-Flash-Fiction-Book-Thumbnail-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/OLD-Flash-Fiction-Book-Thumbnail-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/OLD-Flash-Fiction-Book-Thumbnail-540x304.jpg 540w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><figcaption class=\"wp-element-caption\">Click to view OLD Flash Fiction PDF<span style=\"text-decoration: underline;\"><\/span>  <span style=\"text-decoration: underline;\"><\/span> <\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"_df_thumb \" id=\"df_1023\"  _slug=\"click-to-view-interactive-flash-fiction-book\" data-title=\"click-to-view-interactive-flash-fiction-book\" wpoptions=\"true\" thumb=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Flash-Fiction-Book-Thumbnail.jpg\" thumbtype=\"\" >Click to view Interactive Flash Fiction Book<\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.option_df_1023 = {\"outline\":[],\"backgroundColor\":\"#566071\",\"autoEnableOutline\":\"false\",\"autoEnableThumbnail\":\"false\",\"overwritePDFOutline\":\"false\",\"direction\":\"1\",\"pageSize\":\"0\",\"source\":\"https:\\\/\\\/freestyleacademy.rocks\\\/~DariusM\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Flash-Fiction-Book-Form.pdf\",\"wpOptions\":\"true\"}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n<\/div>\n<\/div>\n\n\n\n<iframe loading=\"lazy\" width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay; encrypted-media\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/soundcloud%253Atracks%253A2334190730&#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;\">Freestyle Academy<\/a> \u00b7 <a href=\"https:\/\/soundcloud.com\/freestyle-academy\/story-by-dariusm-2026\" title=\"Story by DariusM (2026)\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\">Story by DariusM (2026)<\/a><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<h3 class=\"wp-block-heading has-custom-css wp-custom-css-839b35a7\"><strong>Silent Cries by Darius Matulich<\/strong><\/h3>\n\n\n\n<h5 class=\"wp-block-heading has-text-color has-link-color wp-elements-b9dbf8988461310736ecbbb91a0a5c35\" style=\"color:#3a3a59\">Content Warnings: alluded violence, death, and loss.<\/h5>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d8f39d1867eca8fb58aa30ebe0912b91 wp-block-paragraph\" style=\"color:#3a3a59\"><em>A quiet figure slowly opens the door and shakily treads into the room, carefully dodging messy debris and fallen books that surround me. The figure softly calls out my name, breathless. She flips a switch, a small buzz being audible for a few seconds before the lights turn on. I feel my body calm down when I feel the soft warmth of my sister&#8217;s hand on my shoulder. She slowly calms herself as a delicate smile spreads across her face.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d959741fe0e5f0460d6d4432710734e1 wp-block-paragraph\" style=\"color:#3a3a59\"><em>We sit in silence. I&#8217;m not sure how to form my words.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-ee2d86320ad6699fccffa250165ca354 wp-block-paragraph\" style=\"color:#3a3a59\"><em>My sister looks at the ground, and then the torn up room. She opens her mouth for a brief moment, then pauses. My eyes dart away from her. It&#8217;s hard to look at her. She looks in my direction, wiping the tears off my face. I didn&#8217;t realize I was crying. The warmth from her hand is comforting.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-e71a3e66775ed78751114bc30f9279d6 wp-block-paragraph\" style=\"color:#3a3a59\"><em>Looking at the ground again, my sister takes the shattered framed family photo of our parents off the floor. The parents in the photograph are X&#8217;ed out with a deep-red marker. My sister shakily brings herself to her feet and walks to a desk, and with a sigh, she gently places the photograph in its proper place.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-2c2490f4d8075dc49c1c6172a8964412 wp-block-paragraph\" style=\"color:#3a3a59\"><em>She stares at it for a few moments in silence. Glistening water flows from her eyes.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-81cd1ea8b94a39c7698bdde034c968fe wp-block-paragraph\" style=\"color:#3a3a59\"><em>A few minutes pass. My sister calls her friends over to help clean up the mess and walks into our backyard near the swimming pool. She sits at the edge of the pool and gestures to me to come over. I hesitantly follow, almost tripping over a broken glass bottle, one which it seems like was thrown so hard that the glass has embedded into the floorboards. My sister stares off into the water, sitting next to me. I pull my knees to my chest, avoiding eye-contact with my sister, looking at my reflection.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-e9e1034dd0fbb64eaab597ec75f55bae wp-block-paragraph\" style=\"color:#3a3a59\"><em>There is a knock on the door, and my sister&#8217;s friends enter. Promptly, my sister goes back inside to greet them. They speak in hushed tones about the upcoming funeral arrangements and the condition of the house. Glancing back, my sister notices me looking and gives me a small smile. I try to smile back.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-5eec0acbf4606859b624ad1a4da74588 wp-block-paragraph\" style=\"color:#3a3a59\"><em>I gaze deeper into the water. It&#8217;s all overwhelming. I imagine the feeling of my parents holding my hand again, walking me to elementary school. My parents drive me around on road trips as a family vacation and the joy of going to shopping malls and arcade centers. It&#8217;s all gone. I sit at the edge, the backyard fading away as my vision blurs with tears. I feel myself hyperventilating, the world spinning, and I feel as if I&#8217;m toppling over.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-ad3e62825170619dba7560cd0dc7e725 wp-block-paragraph\" style=\"color:#3a3a59\"><em>I hear screaming in the distance. I watch from across the hall, as dad lunges towards mom, carrying a glass bottle. I yell at them, beg them to stop. But they can&#8217;t hear me. There is a slam, things toppling over. I hear the sound of breaking glass as the family portrait falls and shatters on the ground. It&#8217;s as if someone lathered red paint on the furniture and walls, and tore up everything in sight. I watch as my happy memories turn to dust.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-2d4a6caf608ef09f2871775294a8a7b2 wp-block-paragraph\" style=\"color:#3a3a59\"><em>And then, it stopped. A few people in dark blue uniforms came and carried the two motionless bodies into a truck, not even noticing me. I stood there, helpless.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-5bd6d5ca0bfc3926470f17bbf3bba4ed wp-block-paragraph\" style=\"color:#3a3a59\"><em>The world went silent, and everything went dark.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-03380e665b6b1fd353f1ed0097e95ea0 wp-block-paragraph\" style=\"color:#3a3a59\"><em>But in that silence, there was a glimmer of light. I couldn&#8217;t quite make it out, but it was there. Flickering, humming, persisting, and slowly growing brighter. There is a sharp ringing in my ears, as the world goes from black to blur. A bright hospital light glows overhead. A soft hand touches my face, wiping away the watery blur in my eyes. I slowly regain my senses, my sister holding me close.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-d94dbc72cdf8db1b575b715187278570 wp-block-paragraph\" style=\"color:#3a3a59\"><em>She gives a relieved sigh, tears flowing out of her eyes. She&#8217;s here with me.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-6dc6d46c4cba9d813bc1bd562c146e8d wp-block-paragraph\" style=\"color:#3a3a59\"><em>I&#8217;m here with her.<\/em><\/p>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-df5008754def853981de8006670be40a wp-block-paragraph\" style=\"color:#3a3a59\"><em>We are still here.<\/em><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full is-resized nolightbox section-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"501\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Illustrations.png\" alt=\"Section title: Illustrations\" class=\"wp-image-447\" style=\"aspect-ratio:1.9980125458046085;width:1412px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Illustrations.png 1001w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Illustrations-300x150.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Illustrations-768x384.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">What are Illustrations?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Illustrations, specifically in Adobe Illustrator, are drawings using vector shapes and symbols. Unlike rasterized shapes, which use pixel calculations, vector images use math to calculate how things are displayed. This is especially useful when scaling images, which preserves information and detail, whereas raster images lose information and become blurry when scaling down, and become coarse and pixelated when scaling up. Throughout our process at Freestyle Academy, we have learned how to use programs such as Adobe Illustrator to create vector images, which are useful for the projects we did throughout the year.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While practicing Adobe Illustrator, we created several experimental images for practice. This is my favorite one, using a feature in Illustrator known as vector symbols:<\/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\/~DariusM\/wp-content\/uploads\/2026\/05\/Nature-Scene-1024x576.png\" alt=\"A grassy nature scene, with trees, flowers, and bugs, posed in front of a calming sky gradient\" class=\"wp-image-501\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Nature-Scene-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Nature-Scene-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Nature-Scene-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Nature-Scene.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Exquisite Corpse Process<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For context, an &#8220;exquisite corpse&#8221; is where a group of an artists create an art piece using predetermined start and end points without knowing what the other people are making. Afterward, the group puts the artworks together to create an image. Unfortunately, in the image above, a segment is missing from one group member, but ideally the entire art piece would be connected with no breaks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I decided for my part, I would draw a cat. Using two lines and the blend tool, I created a seamless gradient of a variety of colors to create a abstract cat shape and some highlights. Afterward, I added the little details \u2014 the eyes, the whiskers, the nose, a little pink inside the ears, and so on. Even though the final images joined together have a missing part, the end result doesn&#8217;t look too too bad, and I&#8217;m quite proud of our work on this art piece.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/06-DianaH-JesseW-VeronikaK-DariusM-1024x256.jpg\" alt=\"The &quot;Exquisite Corpse&quot; \u2014 the first quarter is a blue and purple jellyfish, the second quarter is a white snowy mountain, the third quarter is empty, and the fourth quarter is a green and happy cat.\" class=\"wp-image-502\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/06-DianaH-JesseW-VeronikaK-DariusM-1024x256.jpg 1024w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/06-DianaH-JesseW-VeronikaK-DariusM-300x75.jpg 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/06-DianaH-JesseW-VeronikaK-DariusM-768x192.jpg 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/06-DianaH-JesseW-VeronikaK-DariusM.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Short Story Album Art<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a class=\"fancybox-img\" href=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art.png\" alt=\"&quot;Silent Cries&quot;, by Darius M \u2014 Februrary 2026. The album art shows a black eye and a glowing pupil in front of an abstract grayscale design\" class=\"wp-image-972\" style=\"width:375px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art.png 800w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Short-Story-Album-Art-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Initially, I did not know what to create for my Short Story Album Art. The general theme of the short story is loss, but I wasn&#8217;t sure how to &#8220;show&#8221; that through an image. Perhaps I could have done a gravestone, but in my opinion, that would be kind of a cheap move, and it would essentially spoil the reveal of what happened to the main character&#8217;s parents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After some thinking, I opted for a &#8220;horror-esque&#8221; picture of an eye. It sort of fits the theme in the sense of watching a situation unfold and not being able to do anything about it, and the eye also fits into the main inspiration of this story, which is the video game Omori.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create the eyeball, I used the &#8220;mesh&#8221; tool. I started out with a radial gradient going from white to black, and then I &#8220;smudged&#8221; everything around to create a sort of organic-looking sphere.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To create the background, I used the rotate tool to copy-paste a shape I made, and then I applied the &#8220;exclusive&#8221; blend mode to those shapes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, I&#8217;m pretty proud of the result for the album art. I think it sets the mood for the story well enough. If I had more time, I would try to make the eyeball look more realistic, since at the moment, it somewhat looks like one of those stereotypical black eyeballs you see in a lot of horror games.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1017\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.49.11-PM.png\" alt=\"Screenshot of the Adobe Illustrator file\" class=\"wp-image-973\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.49.11-PM.png 1017w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.49.11-PM-300x236.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.49.11-PM-768x604.png 768w\" sizes=\"auto, (max-width: 1017px) 100vw, 1017px\" \/><figcaption class=\"wp-element-caption\">A screenshot of my Adobe Illustrator file<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Wooden Icosahedron Flower Lamp Production<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For the Illustrator Project, I decided to create a wooden 20-sided icosahedron lamp. The first step of the process was to use a template to create designs that would later be laser-cut into wood, as shown:<\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"927\" height=\"521\" data-id=\"967\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.24.10-PM-edited.png\" alt=\"Screenshot of the Adobe Illustrator file\" class=\"wp-image-967\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.24.10-PM-edited.png 927w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.24.10-PM-edited-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.24.10-PM-edited-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-04-at-2.24.10-PM-edited-540x304.png 540w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"595\" data-id=\"508\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Matulich_Darius-Icosahedron-Lantern@4x.png\" alt=\"Image of my Icosahedron Lamp, with each triangle and hexagons having a flower-like pattern. There are also various pegs that would be used in the assembly process\" class=\"wp-image-508\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Matulich_Darius-Icosahedron-Lantern@4x.png 1200w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Matulich_Darius-Icosahedron-Lantern@4x-300x149.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Matulich_Darius-Icosahedron-Lantern@4x-1024x508.png 1024w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Matulich_Darius-Icosahedron-Lantern@4x-768x381.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<figcaption class=\"blocks-gallery-caption wp-element-caption\">Image of my Icosahedron Lamp, with each triangle and hexagons having a flower-like pattern. There are also various pegs that would be used in the assembly process.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After the design, Mr. Florendo laser cut the wood so I can put the pieces together. A video of the laser cutting process is shown below:<\/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=\"DariusM - Icosahedron Laser Cutting\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/ew-T074meKI?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\">Afterward, I assembled the pieces using wood glue and the wooden connectors given, creating my wooden lamp!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/DariusM-1024x683.jpg\" alt=\"The final assembled wooden icosahedron lamp\" class=\"wp-image-510\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/DariusM-1024x683.jpg 1024w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/DariusM-300x200.jpg 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/DariusM-768x512.jpg 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/DariusM.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The final assembled wooden icosahedron lamp.<\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Using Adobe Illustrator for image creation instead of Photoshop was a bit of a learning curve. However, it was necessary due to the need for vector images, which is the whole reason to use Illustrator. Unlike raster images (for which Photoshop is best), vector images use math to calculate how things are displayed. This is especially useful when scaling images: vector drawings preserve information and detail, while raster images lose detail or become pixellated depending on which way it&#8217;s scaled. Using Illustrator, I could do scaling and other transformations without losing detail and the image remains sharp. Learning to use Illustrator to create vector images was essential for this project, and other projects we did throughout the year.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For my Illustrator project, I chose to create a wooden 20-sided icosahedron lamp, which is a polyhedron made up of 20 triangles. I wanted to create a decorative lamp that provides some illumination while being interesting to look at. I chose an icosahedron because I thought the extra sides to the lamp would make it more unique than just a regular lamp. On each triangle face of the icosahedron, I created a pattern of abstract shapes to evoke the sense of a flower. I used the rotate tool to make sure everything is perfectly rotationally symmetric. After creating the design, Mr. Florendo carved it out of thin plywood with a laser cutter. Then I assembled the triangles together to create the finalized shape. I expect the lamp to function primarily as decoration rather than illumination. To improve its illumination ability, I imagine the triangular facets would be made from a translucent material instead of wood.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, I&#8217;m proud of the process and the work that went into this piece. I have done other artwork projects using Illustrator at Freestyle Academy, but this is the first one in which I used Illustrator to make a real-world object. If I were to give one piece of advice to someone who wants to create a lamp like this, it&#8217;s to make sure not to create super-thin features on your lamp design, especially near any stress-bearing areas, or areas that you might not handle gently. The thin features that remain after laser cutting are incredibly fragile, and a couple of pieces broke when I was attempting to assemble the shape.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Final Reflections<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Reflecting back on my experience between Photoshop and Illustrator, it&#8217;s hard to pick a favorite. While Illustrator is better at creating high quality designs, that doesn&#8217;t mean it&#8217;s &#8220;better&#8221; than Photoshop. In my opinion, Illustrator is the better choice when one needs to create design elements, such as each of the title sections in this page, because those images are vector-based and can scale without losing quality. However, whenever I need to edit a photograph, add a bit of lighting, or anything like to that, Illustrator doesn&#8217;t really work. Digital photographs are raster images, not vector; there usually isn&#8217;t any reason to edit photos in Illustrator. Plus, Photoshop is technically faster to use for quick edits to anything, although that opinion may be due to my lack of experience in Illustrator. Overall, I love using both Illustrator and Photoshop, and I don&#8217;t find that one to be better than the other. The best one really depends on what one wants to do. Use the best tool for the job.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized nolightbox section-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"501\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Music.png\" alt=\"Section title: Music\" class=\"wp-image-449\" style=\"width:1412px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Music.png 1001w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Music-300x150.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Music-768x384.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Music Recording Project<\/h2>\n\n\n\n<div class=\"audioButton paused\" id=\"audio1Button\" onclick=\"toggleAudio1()\">\n<h4 class=\"audioButtonPlay\">\u25b6 Separate Ways<\/h4>\n<h6 class=\"audioButtonPlay\">(Worlds Apart)<\/h6>\n<h4 class=\"audioButtonPause\">\u23f8 Separate Ways<\/h4>\n<h6 class=\"audioButtonPause\">(Worlds Apart)<\/h6>\n<img decoding=\"async\" class=\"audioButtonCover\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/ShaneP-JesseW-DariusM-IzaacV_Music_Thumbnail.png\" alt=\"Click here to play\/pause audio\">\n<\/div>\n<audio preload=\"auto\" id=\"audio1\">\n        <source src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Channel-Test.mp3\" type=\"audio\/mp3\">\n<\/audio>\n\n\n\n<p class=\"wp-block-paragraph\">Shane, Izaac, Jesse, and I decided to team up to record the song &#8220;Separate Ways (Worlds Apart)&#8221; by Journey. I have actually played in a band before and recorded songs, but the process we used here at Freestyle Academy was a bit different.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For context, in the music studio building, there are two main rooms: the recording room and the control room. One at a time, each of us would go to the recording room and preform our bit. I was the drummer in this song. Right next to my drum set, there was a panel filled with a variety of knobs. Each knob controlled the volume coming into my headset. There was a master volume, a control room volume, an other-instruments volume, and various others.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After playing my set a few times, I went to the control room and watched the others perform. This entire experience was honestly pretty fun, since I could play music with my friends and laugh about how strange we sounded.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Experimental Music Production<\/h2>\n\n\n\n<div class=\"audioButton paused\" id=\"audio2Button\" onclick=\"toggleAudio2()\">\n<h4 class=\"audioButtonPlay\">\u25b6 In The Static<\/h4>\n<h4 class=\"audioButtonPause\">\u23f8 In The Static<\/h4>\n<img decoding=\"async\" class=\"audioButtonCover\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Matulich_Darius-Experimental-Music-Albumb-Art-1.jpg\" alt=\"Click here to play\/pause audio\">\n<\/div>\n<audio preload=\"auto\" id=\"audio2\">\n        <source src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/Experimental-Music-by-DariusM-2026.mp3\" type=\"audio\/mp3\">\n<\/audio>\n<script src=\"\/Scripts\/audioButton2.js\"><\/script>\n<style>\n@import url(\"\/styles\/audioButton.css\");\n.audioButton {\n\tbackground-color: #f00;\n\tborder: 2px #000 solid;\n\tborder-radius: 10px;\n\tmax-width: 350px;\n\tmargin: 10px 20px 10px 0px;\n\tfloat: left;\n\ttransition: 0.5s;\n\n}\n.audioButton:hover {\n\tbox-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);\n}\n#audio1Button {\n\tbackground-color: rgba(225, 225, 255, 1);\n}\n#audio2Button {\n\tbackground-color: rgba(255, 225, 225, 1);\n}\n.audioButton h4, .audioButton h6 {\n\tmargin: 3px;\n}\n.audioButtonCover {\nmargin-top: 10px;\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\">For my Experimental Music Production, I wanted to experiment with automation in Pro Tools. Using Signal Generator, I could create a bunch of noises, and control the frequencies with automation. This created a lot of staticky noises. They sounded strange, but since this was experimental, I decided to embrace it as the style for the music.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the production, I also played around with panning. Panning in stereo audio determines which ear hears the audio. Using automations, I could make the sound travel from one ear to the other in rapid succession, creating an unsettling experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make sure the entire song isn&#8217;t just a bunch of random noises, I also added piano notes. There were two types of piano: a dark, soft, and reverberated piano, as well as a distorted piano. I used the MIDI keyboard at my desk in Freestyle Academy to play a few melodies, and then I adjusted them slightly to fit the &#8220;timing&#8221; of the static as much as possible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, this song is definitely strange, and I&#8217;m not sure if I&#8217;m proud of it. But still, this project has taught me so much about the different effects one can do inside Pro Tools. As I go on to do more advanced creations in this application, the knowledge of automations and effects will be very helpful in creating a unique experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized nolightbox section-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"501\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Animation.png\" alt=\"Section title: Animation\" class=\"wp-image-446\" style=\"width:1412px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Animation.png 1001w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Animation-300x150.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/05\/Animation-768x384.png 768w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Character Bios<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In animation class, we were tasked to create a puppet to later use for animating. Using the random assortment of felt and items given, along with our wire-frame base, we could create a physical original character. I created what I call the &#8220;Flower Lady&#8221;, which wasn&#8217;t based on an inspiration but was rather the product of combining random felts together to get something slightly coherent.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/FlowerLady-2-1024x731.png\" alt=\"Flower Lady: An ancient lady who holds the wisdom of the forest. She wields a blue flower stem as a cane, which has magical properties. She has been exiled from her home village due to an incident from the cane's flower magic. She now lives in the forest.\" class=\"wp-image-983\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/FlowerLady-2-1024x731.png 1024w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/FlowerLady-2-300x214.png 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/FlowerLady-2-768x549.png 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/FlowerLady-2.png 1120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Puppet Walk Cycle<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a class=\"fancybox-img\" href=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/ezgif.com-optimize-1-1.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"480\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/ezgif.com-optimize-1-1.gif\" alt=\"Flower lady walking in front of a purple screen\" class=\"wp-image-988\" style=\"aspect-ratio:1.027109086965951;width:275px;height:auto\"\/><\/a><figcaption class=\"wp-element-caption\">Flower Lady walking<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Using the puppet, we first created a stop-motion animation of it walking. Using little pegs on the feet and our DSLR camera, we could make the puppet stay in a pose. This process was honestly annoyingly difficult because the puppet would keep sliding, which created some inconsistencies within the animation. Afterward, we used Dragonframe to compile all of those images into a video file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After filming, we went into Adobe After Effects to place the character in a scene and film them walking. We were also supposed to create a digitally drawn animated version of the character and show them walking, but unfortunately I missed the deadline to do so. Therefore, the final animation sadly has only the &#8220;live&#8221; puppet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reflecting back on my puppet experience, I realize I need to learn how to manage my time. I missed out on a big opportunity for the final puppet animation, and from this experience, I have grown to realize the importance of planning when working on a project.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a class=\"fancybox-youtube\" href=\"https:\/\/www.youtube.com\/watch?v=Gbp-gjr8Suw\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg.jpg\" alt=\"&quot;Puppet Walk Cycle&quot; YouTube Thumbnail\" class=\"wp-image-984\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg.jpg 960w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg-540x304.jpg 540w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><figcaption class=\"wp-element-caption\">Click to view Puppet Walk Cycle<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a class=\"fancybox-youtube\" href=\"https:\/\/www.youtube.com\/watch?v=7HMthNfYM-o\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"540\" src=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg2.jpg\" alt=\"&quot;Composite Walk Cycle&quot; YouTube Thumbnail\" class=\"wp-image-985\" srcset=\"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg2.jpg 960w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg2-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg2-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~DariusM\/wp-content\/uploads\/2026\/06\/puppetwalkimg2-540x304.jpg 540w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><figcaption class=\"wp-element-caption\">Click to view Composite Walk Cycle<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Lip Sync Animation Process<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the Lip Sync project for Animation class, we were required to sync a mouth to lyrics that are being sung. We created different mouth shapes for different sounds, and in my case I created 11 different shapes including one default shape. The idea was for us students to play these images one after the other to create an animation of someone talking. After I created those mouth shapes, I decided I wanted my animation to be centered around a certain song I like called &#8220;One&#8221; by free99. The licensing terms indicated I was in the clear to use this song for my project. I used a blending mode style called &#8220;Dancing dissolve&#8221;, which causes an element to appear made up of jumping dots based on its transparency; this effect appears in the shape outlines and occasional overlays. I also created a few animations in Photoshop to serve as some subtle details, particularly the face, nose, white static overlay, and background. Using keyframing, I combined all of these elements together into a unique experience that matches the song well. I later experimented with other effects to match the song, such as a pixelated-disperse effect using &#8220;CC Ball Action&#8221; to emphasize some glitch moments of the song. Overall, the experience making this project has taught me much about After Effects and the useful tools that it provides.<\/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=\"25 26 p2 2D Lip Sync DariusM\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/dSbrs0E4xTY?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<h2 class=\"wp-block-heading\">Visual Narrative Animatic<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before we started working on the actual Visual Narrative, we first created an animatic: a rough storyboard of still images that are present in a deliberate sequential order for planning and pacing. With our animatic, we decided that our Visual Narrative project would be about a spirit cafe and a conflict between a barista and a rude customer we dubbed &#8220;Qarine&#8221; (similarly pronounced to Karen). The animatic contained an intro sequence that set up the scene, the initial encounter with Qarine, the fight with Qarine in a videogame-style format, and the manager bird eating Qarine. The animatic made it easy to break down the project into sections, where each person worked on one section. This process taught me the purpose of planning out a story before animating it, to avoid potential hassle of dealing with weird pacing or out-of-place scenes by the time the animation has reached late stages of production.<\/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=\"25 26 p2 JR Narrative 2D Animatic AceP ArcK AdrianaO DariusM\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/DuWev8DUz58?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<h2 class=\"wp-block-heading\">Visual Narrative Animation Process<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For our group Visual Narrative Project, we decided each person would work on a specific element. I worked on the battle scene, the effects in the battle scene, and the second half of the end credits. Using the knowledge and experience of After Effects I gained from my Lip Sync animation, I was able to add numerous effects to the fight scene with relative ease. An effect I used often was the &#8220;Mosaic&#8221; effect, which makes something pixelated. Combining this effect with a feature called &#8220;expressions&#8221;, I could make the pixelated image or text shift wildly through the animation using the wiggle() function. I also tried as well as possible to make the fight sequence match up with the music I had playing in the background, using the &#8220;block dissolve&#8221; effect to make flashy tint overlays over the entire screen. Ace, our group leader, helped me create the sprites of the barista and Qarine. I used Photoshop to edit the base images to create different poses for each character. I am proud of my input in this animation, and I think everyone did a great job. Looking back through each part, I&#8217;m still amazed at how much effort went into each background, sprite, timing, and so on. I am so grateful to be placed with this wonderful team.<\/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=\"25 26 p2 2D Narrative Animation AceP AdrianaO ArcK DariusM\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/FFhW1DCqY5g?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<h2 class=\"wp-block-heading\">Animation Reflection<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Over the course of the Narrative 1 unit, I learned so many new animation skills. I learned how to use After Effects, create a walk cycle, and create an effects-based scene. However, what was even more important is that Freestyle Academy Animation class taught me how to collaborate in a huge group project. We learned how to manage ourselves by splitting the animation into chunks; we learned how to organize tasks, such as creating backgrounds and character references, to each person.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Overall, I am thankful for the experience I had in this unit. I&#8217;ve learned so many skills that would help me in the units to come, and perhaps even after I graduate from Freestyle Academy.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Visual Narrative? The idea behind Visual Narrative is learning the process of using visuals or other media to&hellip; <a class=\"read-more\" href=\"https:\/\/freestyleacademy.rocks\/~DariusM\/narrative-1\/\">Continue Reading<\/a><\/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-306","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/pages\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":94,"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":1575,"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/pages\/306\/revisions\/1575"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~DariusM\/wp-json\/wp\/v2\/media?parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}