{"id":376,"date":"2024-05-19T21:45:17","date_gmt":"2024-05-19T21:45:17","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~StellaC\/?page_id=376"},"modified":"2024-05-20T21:10:27","modified_gmt":"2024-05-20T21:10:27","slug":"narrative-1","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~StellaC\/narrative-1\/","title":{"rendered":"Narrative 1"},"content":{"rendered":"\n<p class=\"has-text-align-center\" style=\"padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">The Narrative 1 unit is the second unit I took part in as a student at Freestyle. Much like the Conceptual unit, this unit had me explore a large variety of media&#8211; all of which were to have a purposeful, well-crafted visual narrative behind them. I utilized programs such as Adobe Illustrator, Adobe Audition, AVID Pro Tools, Adobe Dreamweaver, and more to work on projects ranging from CSS coding to experimental music production.<br><br>This unit undoubtedly broke the most new ground for me. Until the advent of this unit, I had <strong>never<\/strong> used any of the four programs mentioned above&#8211; despite using similar or alternative programs. <br>Below is a gallery of my projects from the Narrative 1 unit.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center is-style-asterisk\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--50)\">ENGLISH \/ DIGITAL MEDIA<\/h1>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-gigantic-font-size\">Short Story<\/h3>\n\n\n\n<p style=\"padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-left:0\">In English, I was tasked with writing a short story. A simple premise, yet deeply engaging. I was challenged to draft the characteristics of my main character, the environment they found themselves in, their mannerisms, and their plot arc. <\/p>\n\n\n\n<p style=\"padding-bottom:var(--wp--preset--spacing--20)\">The story revolves around an old and bitter man, Marty, who is forced to come to terms with the emotional trauma he inflicted on others. Interestingly enough, I wasn&#8217;t really inspired by any real-life scenario that I could pull from. Additionally, I enjoy writing and reading sci-fi and fantasy stories much more than realistic fiction, so the creation of this story was definitely a bit out of my wheelhouse. <\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar-Stella-Tunnels.pdf\" type=\"application\/pdf\" style=\"width:100%;height:660px\" aria-label=\"Embed of Cedar, Stella - Tunnels.\"><\/object><a id=\"wp-block-file--media-ae5b417f-084c-42f4-befb-5d94294b9ad6\" href=\"https:\/\/freestyleacademy.rocks\/~StellaC\/narrative-1\/cedar-stella-tunnels\/\">Cedar, Stella &#8211; Tunnels<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div \n    class=\"align wp-block-scb-sound-cloud\"    id=\"scbSoundCloud-1\"\n    data-attributes='{&quot;cId&quot;:&quot;d802ff9d-3&quot;,&quot;tracks&quot;:[{&quot;url&quot;:&quot;https:\\\/\\\/soundcloud.com\\\/freestyle-academy\\\/story-by-stellac-2024?in=freestyle-academy\\\/sets\\\/2024-stories&quot;,&quot;startTrack&quot;:0}],&quot;options&quot;:{&quot;isAutoPlay&quot;:false,&quot;color&quot;:&quot;#ff8b00&quot;,&quot;isBuying&quot;:false,&quot;isSharing&quot;:true,&quot;isDownload&quot;:false,&quot;isArtWork&quot;:true,&quot;isPlayCount&quot;:true,&quot;isUser&quot;:true,&quot;isSingleActive&quot;:true,&quot;isComments&quot;:false,&quot;isVisual&quot;:false,&quot;isTeaser&quot;:false,&quot;isHideRelated&quot;:false},&quot;frameBRadius&quot;:{&quot;top&quot;:&quot;0px&quot;,&quot;bottom&quot;:&quot;0px&quot;,&quot;left&quot;:&quot;0px&quot;,&quot;right&quot;:&quot;0px&quot;},&quot;alignment&quot;:&quot;center&quot;,&quot;align&quot;:&quot;&quot;,&quot;iframeStyle&quot;:{&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;170px&quot;},&quot;frameBorder&quot;:{&quot;color&quot;:&quot;#000&quot;,&quot;style&quot;:&quot;solid&quot;,&quot;width&quot;:&quot;1px&quot;},&quot;frameBoxShadow&quot;:[]}'>\n<\/div>\n\n \n      \n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f38051d40e6&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f38051d40e6\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/04\/Screenshot-2023-12-01-at-2.01.05-PM-1024x565.png\" alt=\"\" class=\"wp-image-389\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/04\/Screenshot-2023-12-01-at-2.01.05-PM-1024x565.png 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/04\/Screenshot-2023-12-01-at-2.01.05-PM-300x166.png 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/04\/Screenshot-2023-12-01-at-2.01.05-PM-768x424.png 768w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/04\/Screenshot-2023-12-01-at-2.01.05-PM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><em>A preview of the editing process.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Beyond the drafting and editing of my story, I also was tasked with using Pro Tools, a digital audio workspace, to create a comprehensive audio recording of my story using my own voiceover and a host of sound effects. Now, in my opinion, for as good as Pro Tools is at live recording mixing and sequencing, it is a severely outdated software on the composition and creation side of audio production. Mixing my vocals was no problem using the suite of mixing tools available, but arranging sound effects and shaping them to my liking was nothing short of a nightmare, no thanks to Pro Tools&#8217; awful automation matrix. I think I&#8217;ll be sticking with my trusty ol&#8217; FL Studio next time.<\/p>\n\n\n\n<p>In addition to recording and producing an audio version of my story, I had to create an &#8220;album cover&#8221; that would be included with the SoundCloud upload (see above). I used a handful of clever techniques in Adobe Illustrator to create a grass texture that would serve as the background, then I added text and accents. A simple composition, but very effective.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-gigantic-font-size\">Song Mashup<\/h3>\n\n\n\n<p>For this project, I was required to mash up 5 songs of our choice. <\/p>\n\n\n\n<p>My track is a pretty simple one, I chose 5 different songs (track list below) from a Japanese hardcore artist called USAO. His music is great to make mashups with because they are typically of the same genre, the same tempo and sometimes the same key. There isn&#8217;t really a theme to my mashup, I just had some fun throwing together a few of USAO&#8217;s songs.<\/p>\n\n\n\n<p>It was quite fun to jam out while putting this mashup together. I&#8217;m sure I definitely got a few side eyes from my peers during class.<br><\/p>\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-audio\"><audio controls src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-mashup-1.mp3\"><\/audio><figcaption class=\"wp-element-caption\">*VOLUME WARNING&#8211; MAKE SURE YOU AREN&#8217;T ON HIGH VOLUME BEFORE PLAYING*<br>Tracklist:<br>1. USAO &#8211; Unlimited Power<br>2. USAO &#8211; Punish<br>3. USAO &#8211; Unlimited Power<br>4. USAO &#8211; You &amp; DIE<br>5. USAO &amp; Yuta Imai &#8211; BULK UP<br>6. USAO &#8211; Perfect Army<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-gigantic-font-size\">Parody Song<\/h3>\n\n\n\n<p>Quite shortly after the song mashup project, I moved on to creating a parody song using my own vocals. The song I chose is <strong><a href=\"https:\/\/www.youtube.com\/watch?v=Ip7H4dXrfMM\" data-type=\"link\" data-id=\"https:\/\/www.youtube.com\/watch?v=Ip7H4dXrfMM\">99.9 by MOB CHOIR<\/a><\/strong> (aka the opening song to Mob Psycho Season II, for all you anime watchers) since, at the time of making this parody, I was completely obsessed with J-rock. In retrospect, it&#8217;s still a great song. I love the upbeat melody and way-too-over-the-top drum line, plus that insanely groovy bass.<\/p>\n\n\n\n<p>The original song is about the main character of the show, Mob, finding himself and coming to terms with his existence. I totally flipped that on its head for my parody, which is sung from the perspective of the inner voice of an angsty teen that just started high school and is struggling to make friends. I wouldn&#8217;t say I relate to that scenario 100%, but I am definitely not much of a social person and through my lyrics, I got to vent out some of my social anxiety. Additionally, this parody was a bit of a strange project for me, for the most part being that, while I like to sing, my voice is also a huge source of dysphoria. I have tried my hand at voice training, usually without much success (especially in singing), but I&#8217;m hopeful that in a few years from now, I&#8217;ll be more confident in how my voice sounds.<\/p>\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-audio\"><audio controls src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Parody-by-StellaC_revised.mp3\"><\/audio><figcaption class=\"wp-element-caption\">The lyrics can be found here: <a href=\"https:\/\/docs.google.com\/document\/d\/1LM5okYPfy2XTS08DzPJNqt1qdwPgx3QNNlcwuOUXn5o\/edit?usp=sharing\" data-type=\"link\" data-id=\"https:\/\/docs.google.com\/document\/d\/1LM5okYPfy2XTS08DzPJNqt1qdwPgx3QNNlcwuOUXn5o\/edit?usp=sharing\">[11:59 (99.9 Parody)]<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-20-at-1.40.33\u202fPM-1024x439.png\" alt=\"\" class=\"wp-image-443\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-20-at-1.40.33\u202fPM-1024x439.png 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-20-at-1.40.33\u202fPM-300x129.png 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-20-at-1.40.33\u202fPM-768x330.png 768w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-20-at-1.40.33\u202fPM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Illustrations<\/h3>\n\n\n\n<p>Much of the Narrative 1 unit was spent on learning how to use Adobe Illustrator, through a variety of practice projects and group work. Like I mentioned in the introduction section above, I had never used Illustrator prior to this group of projects, but now I can say that I have a solid entry-level understanding of the program and I really appreciate how easy it is to make great-looking designs using Illustrator. <\/p>\n\n\n\n<p>To the right is a screenshot taken from my practice session, which spanned out over 15 artboards and a couple of weeks worth of class. We learned the ins and outs of Illustrator&#8211; how to use patterns, how to align objects, how to wrap text, and how to use the almighty pen tool, to name a few.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/13-FelipeL-JehannahS-StellaC-1024x341.jpg\" alt=\"\" class=\"wp-image-429\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/13-FelipeL-JehannahS-StellaC-1024x341.jpg 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/13-FelipeL-JehannahS-StellaC-300x100.jpg 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/13-FelipeL-JehannahS-StellaC-768x256.jpg 768w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/13-FelipeL-JehannahS-StellaC.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lastly, our major part of the Illustrator project was to create a completely original design that we would translate to a physical medium, whether that be on an article of clothing, a sticker sheet, a lightbox, or any other tangible object we could create a design for.<\/p>\n\n\n\n<p>My idea for the project was to create a cyberpunk\/neo-gothic design for an article of clothing, which ended up being a crewneck sweatshirt. I was inspired by the general aesthetics of cyberpunk and techwear, but I also drew some minor inspirations from cyber-sigilism, and some Y2K-adjacent asset styles. The general world building behind the design is as follows\u2014 in the far future, an entertainment technology company called NEOSOUL is creating products that let their users \u201cstep in\u201d to the media they consume by using neural uplink devices. Their motto, as seen on the back of the sweater, is \u201cREALITY CONFINES. TECHNOLOGY LIBERATES,\u201d a nod to the idea of escaping reality through the experience of \u201cbeing inside\u201d your favorite pieces of media.<\/p>\n\n\n\n<p>It might sound obvious, but the biggest way I felt myself growing through this project was in developing the know-how to pilot Adobe Illustrator. Before this project (and the handful of warm-up projects we had done in preparation), I hadn\u2019t ever touched Illustrator. I was familiar with other Adobe applications, like Premiere, After Effects, and Photoshop, but I had never found myself wanting or needing to use Illustrator. Now, in retrospect, I\u2019m really glad I had the opportunity to learn how to use it. I remember having a revelation midway through the project, thinking to myself, \u201cWow, I could use this program to make a bunch of logos, assets, or any amount of visual elements I might need for anything in the future now,\u201d specifically because of how streamlined Illustrator is for creating those types of media.<\/p>\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-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-02-27-at-3.14.23-PM-1024x538.png\" alt=\"\" class=\"wp-image-428\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-02-27-at-3.14.23-PM-1024x538.png 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-02-27-at-3.14.23-PM-300x158.png 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-02-27-at-3.14.23-PM-768x403.png 768w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Screenshot-2024-02-27-at-3.14.23-PM.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>An example of group work for this unit would be the Exquisite Corpse illustration, which might sound familiar if you read through my Conceptual project page. This time it involved creating an illustration that would span three artboards, each made by one person. As a group, we were allowed to coordinate the theme for our illustration, but we weren&#8217;t allowed to see what we each had designed until all three sections were put together.<\/p>\n\n\n\n<p style=\"padding-bottom:var(--wp--preset--spacing--30)\">My group chose to create this semi-isometric interior shot in black and white. The perspective grid tool was undoubtedly my best friend while making this illustration. My section is the one on the right, and all things considered, I&#8217;m pretty proud of how it turned out. For such a basic illustration, I think it definitely manages to convey the illusion of depth (especially the shelves and desk).<\/p>\n\n\n\n<div class=\"wp-block-stackable-carousel alignfull stk-block-carousel stk--is-slide stk--arrows-justify-space-between stk--arrows-align-center stk-block stk-c9857fa\" data-slides-to-show=\"\" data-block-id=\"c9857fa\"><div class=\"stk-block-carousel__content-wrapper\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-block-carousel__slider-wrapper stk-content-align stk-c9857fa-column alignfull\"><div class=\"stk-block-carousel__slider\" role=\"list\" data-autoplay=\"4000\" data-label-slide-of=\"Slide %%d of %%d\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk--hide-tablet stk--hide-mobile stk-block stk-fdfb5b0 stk-block-background\" data-v=\"4\" data-block-id=\"fdfb5b0\"><style>.stk-fdfb5b0-inner-blocks{justify-content:center !important}.stk-fdfb5b0{background-color:#cecece !important}.stk-fdfb5b0:before{background-color:#cecece !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fdfb5b0-container stk--no-background stk--no-padding\"><div class=\"stk--column-flex stk-block-content stk-inner-blocks stk-fdfb5b0-inner-blocks\">\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"463\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-Clothing-Iron-On-copy@4x-Copy.png\" alt=\"\" class=\"wp-image-434\" style=\"border-style:none;border-width:0px;border-radius:0px\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-Clothing-Iron-On-copy@4x-Copy.png 1200w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-Clothing-Iron-On-copy@4x-Copy-300x116.png 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-Clothing-Iron-On-copy@4x-Copy-1024x395.png 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Cedar_Stella-Clothing-Iron-On-copy@4x-Copy-768x296.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-36b106a\" data-v=\"4\" data-block-id=\"36b106a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-36b106a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-36b106a-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"329\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_frontview-copy-edited.jpg\" alt=\"\" class=\"wp-image-432\" style=\"width:790px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_frontview-copy-edited.jpg 584w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_frontview-copy-edited-300x169.jpg 300w\" sizes=\"auto, (max-width: 584px) 100vw, 584px\" \/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-476bb21\" data-v=\"4\" data-block-id=\"476bb21\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-476bb21-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-476bb21-inner-blocks\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"316\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_backview-copy-edited.jpg\" alt=\"\" class=\"wp-image-435\" style=\"width:792px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_backview-copy-edited.jpg 561w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/closeup_backview-copy-edited-300x169.jpg 300w\" sizes=\"auto, (max-width: 561px) 100vw, 561px\" \/><\/figure>\n<\/div><\/div><\/div>\n<\/div><div class=\"stk-block-carousel__buttons\"><button class=\"stk-block-carousel__button stk-block-carousel__button__prev\" aria-label=\"Previous slide\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-left\" class=\"svg-inline--fa fa-chevron-left\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\" width=\"32\" height=\"32\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg><\/button><button class=\"stk-block-carousel__button stk-block-carousel__button__next\" aria-label=\"Next slide\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\" width=\"32\" height=\"32\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg><\/button><\/div><\/div><div class=\"stk-block-carousel__dots\" role=\"list\" data-label=\"Slide %%d\"><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-center is-style-asterisk\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--30)\">ANIMATION<\/h1>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"694\" src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Puppet_Character_Bio-StellaC-1024x694.png\" alt=\"\" class=\"wp-image-437\" srcset=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Puppet_Character_Bio-StellaC-1024x694.png 1024w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Puppet_Character_Bio-StellaC-300x203.png 300w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Puppet_Character_Bio-StellaC-768x520.png 768w, https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/Puppet_Character_Bio-StellaC.png 1181w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--10)\">Walk Cycles<\/h3>\n\n\n\n<p>After I constructed my puppet, it was time to animate her walking. Using a specialized green screen setup in Freestyle&#8217;s film studio <em>(first slide)<\/em>, I once again used Dragonframe to achieve the walk cycle effect. All I needed to animate was a single cycle because I&#8217;d be able to loop it later in the final product.<\/p>\n\n\n\n<p>Next, I moved on to Photoshop to animate the digital version of my character <em>(slide two)<\/em>. Again, I only animated one cycle since I&#8217;d be able to loop it later. I genuinely believe that this part was harder than animating the puppet walk cycle because I was strapped for time and it was a lot harder to make dynamic motion.<\/p>\n\n\n\n<p style=\"padding-bottom:155px\">Finally, I used rotoscoping along with a chroma key to create a composite of the two walk cycles <em>(slide three)<\/em>. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"23 24 p2 Lip Sync StellaC\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/OU9FdQT7Xp0?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>The last project in my animation class for the Narrative unit was our narrative animation. I worked with my two classmates, Nadine and Weiyi, to create a roughly 90-second long animated story in which we were not allowed to have speaking or dialogue. This project was a very involved piece of work, but I think the end result turned out great.<\/p>\n\n\n\n<p>Our story revolves around a jaded salaryman who gets pooped on by a pigeon, and ends up chasing the pigeon across the city out of anger. We were inspired by Mr. Bean sketches and the &#8220;show-don&#8217;t-tell&#8221; style of comedy routines. My role was mostly focused on background design, but as the project went on, I ended up taking on some animation roles, and I was responsible for the final composition and sound design.<\/p>\n\n\n\n<p>All in all, this was a great project to end the Narrative unit on. I&#8217;m super proud of the way this animation turned out.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--10);padding-bottom:0\">Character Design<\/h3>\n\n\n\n<p>One of our main projects from the first semester of animation was to design and animate, both physically and digitally, an original character. The very first part of this project involved creating a multiple-dimension design of my character. I actually created a near 1-to-1 replica of an original character that I had designed a couple of years ago as an online persona. <\/p>\n\n\n\n<p>Once I had created the design and biography, I moved on to fabricating the actual puppet. I used a mixture of modeling clay, paper, watercolor, fluff, felt, and white electrical tape. Additionally, I created the underlying armature using cut toothpicks, iron wire, and moldable plastic, with holes drilled in the feet to help the model stand up.<\/p>\n\n\n\n<p style=\"padding-bottom:var(--wp--preset--spacing--60)\">This part of the project was DEFINITELY a challenge. I had to file down the foot plastic several times and if I wasn&#8217;t careful, the armature would get super twisted. The model was also very top-heavy and making it stand up without looking awkward was certainly a chore.<\/p>\n\n\n\n<div class=\"wp-block-stackable-carousel stk-block-carousel stk--is-slide stk--arrows-justify-space-between stk--arrows-align-center stk-block stk-61d2bbd\" data-slides-to-show=\"\" data-block-id=\"61d2bbd\"><div class=\"stk-block-carousel__content-wrapper\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-block-carousel__slider-wrapper stk-content-align stk-61d2bbd-column\"><div class=\"stk-block-carousel__slider\" role=\"list\" data-autoplay=\"4000\" data-label-slide-of=\"Slide %%d of %%d\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cb39a60\" data-v=\"4\" data-block-id=\"cb39a60\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cb39a60-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cb39a60-inner-blocks\">\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/StellaC-Walkcycle.mp4\"><\/video><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-24618c4\" data-v=\"4\" data-block-id=\"24618c4\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-24618c4-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-24618c4-inner-blocks\">\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-content\/uploads\/2024\/05\/StellaC-Walk-Cycle.mp4\"><\/video><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2ef94f8\" data-v=\"4\" data-block-id=\"2ef94f8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2ef94f8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2ef94f8-inner-blocks\">\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\" style=\"margin-top:var(--wp--preset--spacing--10)\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"23 24 p2 Composite Walk Cycle StellaC\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Y3vgtBIVsjE?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<\/div><\/div><\/div>\n<\/div><div class=\"stk-block-carousel__buttons\"><button class=\"stk-block-carousel__button stk-block-carousel__button__prev\" aria-label=\"Previous slide\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-left\" class=\"svg-inline--fa fa-chevron-left\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\" width=\"32\" height=\"32\"><path d=\"M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z\"><\/path><\/svg><\/button><button class=\"stk-block-carousel__button stk-block-carousel__button__next\" aria-label=\"Next slide\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-right\" class=\"svg-inline--fa fa-chevron-right\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\" width=\"32\" height=\"32\"><path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path><\/svg><\/button><\/div><\/div><div class=\"stk-block-carousel__dots\" role=\"list\" data-label=\"Slide %%d\"><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Lip Sync<\/h3>\n\n\n\n<p>Following the walk cycle project was a lip syncing animation. This project was FUN. Not only because I&#8217;m very familiar with audio, but also because I got to pick any sound bite I wanted. I ended up using the popular &#8220;Yippee&#8221; meme in which a young German boy gets super excited about being able to drink Coke and play Fortnite at the same time.<\/p>\n\n\n\n<p>I&#8217;ve listened to this audio back so many times that I think I have the whole thing memorized by heart. I don&#8217;t even speak German.<\/p>\n\n\n\n<p style=\"padding-bottom:89px\">For my lipsync character, I designed a small jovial calico cat who&#8217;d riff off about how much it&#8217;s excited to have some soda and video games. I honestly love the goofiness of it all. In retrospect, I think I could&#8217;ve made some more mouth shapes because I had to mash some of my existing shapes together. However, I think the final result is definitely believable and will result in a few laughs.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"23 24 p2 JR Narrative 2D Animation NadineS StellaC WeiyiC\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/TO-ZPEQWevM?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<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Narrative 1 unit is the second unit I took part in as a student at Freestyle. Much like the Conceptual unit, this unit had me explore a large variety of media&#8211; all of which were to have a purposeful, well-crafted visual narrative behind them. I utilized programs such as Adobe Illustrator, Adobe Audition, AVID [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-376","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/pages\/376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/comments?post=376"}],"version-history":[{"count":10,"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/pages\/376\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/pages\/376\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~StellaC\/wp-json\/wp\/v2\/media?parent=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}