{"id":330,"date":"2023-03-30T09:30:14","date_gmt":"2023-03-30T09:30:14","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~TeoT\/?page_id=330"},"modified":"2023-05-09T17:56:12","modified_gmt":"2023-05-09T17:56:12","slug":"narrative-1","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~TeoT\/narrative-1\/","title":{"rendered":"Narrative 1"},"content":{"rendered":"\n<h2 class=\"wp-block-heading banner introbanner\">Introduction<\/h2>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Throughout this unit, we were always asking ourselves the question: &#8216;How can we tell a story using images?&#8221; We practiced essential writing techniques, such as the focus on the visual aspects of a narrative, as well as the policy of showing with descriptive language rather than simply stating what is happening. During this unit we would learn and improve our skills with Wacom Drawing Pads Photoshop, Illustrator, After Effects, Pro Tools, and other apps. All of this culminated in being able to create a powerful, visual story, which could be edited with SFXs into an audio production, paired with a video and given a digitally illustrated album cover. I would not have been able to do any of that at the beginning of the unit, and yet here we are now. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"621\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-1024x621.png\" alt=\"\" class=\"wp-image-377\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-1024x621.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-300x182.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-768x466.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-1536x931.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Illustrator-Part-3-2048x1242.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Screenshot of our Adobe Illustrator practice works<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Live-Paint-1.png\" alt=\"\" class=\"wp-image-374\" width=\"452\" height=\"452\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Live-Paint-1.png 1000w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Live-Paint-1-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Live-Paint-1-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Live-Paint-1-768x768.png 768w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Using Illustrator to create patterns and custom color regions<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Compound-Clipping-Mask.jpg\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Compound-Clipping-Mask.jpg 720w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Compound-Clipping-Mask-300x240.jpg 300w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Creating a pattern using various Illustrator tools and using it as a clipping mask<\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">The English portion of this unit was learning how to show not tell, to create a plot, complex emotions, and character development without directly describing any of that happening. This was a fun challenge to create certain emotions or feelings without describing them, simply by using certain descriptions of the events and surroundings. This required focusing on tone, and every sentence and portion of our stories had to be thoroughly thought out. During this process, we used individual brainstorming and planning techniques that Mr. Greco guided us through, and used these to strategically plan out our work. We also reviewed with small groups to get other perspectives about our work so we could see if our strategies were actually working. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At the same time as we developed our visual storytelling in English, we were learning how to produce digital art such as illustrator graphics, website design, and album art. This is when we learned and improved our abilities with several applications, such as Adobe Illustrator and Pro Tools. We used Illustrator to create detailed and precise graphics or drawings and made use of professional tools and techniques to create more polished works. I&#8217;ve never really been able to draw on a computer before, and now I think I can more effectively and efficiently create digital art then with a paper and pencil.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading banner storybanner\">Story<\/h2>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Our narrative project for English involved developing a flash fiction story, which is a short story centered around a minimal cast of characters and really focusing on a narrative plot arch. In our previous unit we studied famous literary works and thought about what made them so effective. After learning from these, we began drafting our own narrative, starting with brainstorming our central characters.<\/p>\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=\"768\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-768x1024.jpg\" alt=\"\" class=\"wp-image-339\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-1536x2048.jpg 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/IMG_0498-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This was my character starter for my narrative. I was really inspired by the story &#8220;The Flowers,&#8221; by Alice Walker. This story was from the point of view of a young girl who walked away from her home to the woods. The actual content of the story was really simple and everything was developed by here descriptions of her surroundings. I wanted to do something like this for my story. My final result was a story about a little girl who found herself alone on her birthday. Her Mama is not with her, her favorite thing the sun is covered by the clouds, and nothing seems to be going her way. But she decides to do something about this, and goes on an adventure, growing up and maturing along the way. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is the link to the full flash fiction narrative: <a href=\"https:\/\/docs.google.com\/document\/d\/1z5CIzFs9yhWdThTlJqVGyUtZEoV8g8B94mTbZF6kdj4\/edit?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/docs.google.com\/document\/d\/1z5CIzFs9yhWdThTlJqVGyUtZEoV8g8B94mTbZF6kdj4\/edit?usp=sharing<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I really enjoyed being able to develop a idea and work it out detail by detail. It was sometimes really difficult to get going with writing but once the ideas start to flow it was really enjoyable. It was also satisfying at the end to be able to read a complete and captivating flash-fiction story and know it was ours. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our next project was to make a audio production out of a narrative. I decided to write a new narrative for an idea I had that I thought would work really well with sound effects. We used Pro Tools to incorporate these effects and also to improve the quality of our audio recording and add dramatic effects such as scaling the loudness. My idea was for the audio to gradually get louder until the climax, when there was silence. We also created a album cover using Adobe Illustrator, which is shown next to the audio below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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\/1460270413&#038;color=%23ff5500&#038;auto_play=false&#038;hide_related=false&#038;show_comments=true&#038;show_user=true&#038;show_reposts=false&#038;show_teaser=true\"><\/iframe><div style=\"font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;\"><a href=\"https:\/\/soundcloud.com\/freestyle-academy\" title=\"Freestyle Academy\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\" rel=\"noopener\">Freestyle Academy<\/a> \u00b7 <a href=\"https:\/\/soundcloud.com\/freestyle-academy\/story-by-teot-2023\" title=\"Story By TeoT (2023)\" target=\"_blank\" style=\"color: #cccccc; text-decoration: none;\" rel=\"noopener\">Story By TeoT (2023)<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This is the link to the story used for this audio production:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/docs.google.com\/document\/d\/1wyYFMDfjdpPjmauCWj3Gms4TJGGvURLsZjrZNcW7c-8\/edit?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/docs.google.com\/document\/d\/1wyYFMDfjdpPjmauCWj3Gms4TJGGvURLsZjrZNcW7c-8\/edit?usp=sharing<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"564\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM-1024x564.png\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM-1024x564.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM-300x165.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM-768x423.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM-1536x846.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.01.22-AM.png 1916w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Adobe Illustrator Interface for Album Art<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-1024x520.png\" alt=\"\" class=\"wp-image-379\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-1024x520.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-300x152.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-768x390.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-1536x779.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.05.03-AM-2048x1039.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Pro Tools Screenshot showing edits and cuts<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This project was really fun because we could take an interesting story and make it into something much more. The final effect was really immersive and it was cool to use the skills we learned in English and combine them with our Digital Media knowledge to create something even better.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading banner illustrationsbanner\">Illustrations<\/h2>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">This part of our learning was the use of Adobe Illustrator to create digital art. We learned the many tricks and techniques for using the program, including using a digital drawing pad, using the pen tool in Illustrator, how to create a gradient between two lines, and how to make custom banners. We harnessed these tools to create our own digital art for a variety of purposes and media.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"505\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Campfire-Album-Art.png\" alt=\"\" class=\"wp-image-346\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Campfire-Album-Art.png 508w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Campfire-Album-Art-300x298.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Campfire-Album-Art-150x150.png 150w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Album Art for our audio recording<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Excuisite-Corpse-1024x342.jpg\" alt=\"\" class=\"wp-image-347\" width=\"635\" height=\"212\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Excuisite-Corpse-1024x342.jpg 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Excuisite-Corpse-300x100.jpg 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Excuisite-Corpse-768x256.jpg 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Excuisite-Corpse.jpg 1501w\" sizes=\"auto, (max-width: 635px) 100vw, 635px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Exquisite Corpse Illustration (Mine is the left piece)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Front.png\" alt=\"\" class=\"wp-image-348\" width=\"612\" height=\"792\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Front.png 612w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Front-232x300.png 232w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Illustrator final project: Hoodie Art (Front)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Back-663x1024.png\" alt=\"\" class=\"wp-image-349\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Back-663x1024.png 663w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Back-194x300.png 194w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Back-768x1187.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter_Rangel_Teo-Clothing-Iron-On-Back.png 792w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Illustrator Final Project: Hoodie Art (Back)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-768x1024.jpg\" alt=\"\" class=\"wp-image-411\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-1536x2048.jpg 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Completed-hoodie-back-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Completed Illustrator Project<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-768x1024.jpg\" alt=\"\" class=\"wp-image-413\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-1536x2048.jpg 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/05\/Hoodie-being-made-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Process for implanting design onto the hoodie itself. We used a large iron at 350 degrees Fahrenheit and pressed it down onto the fabric. This permanently attached it while preserving the bright colors of the design.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM-1024x562.png\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM-1024x562.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM-300x165.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM-768x422.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM-1536x843.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2023-04-04-at-11.11.47-AM.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Adobe Illustrator Interface for Hoodie Art<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Artist Statement (One I finish that it will be here):<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center banner musicbanner\">Music<\/h2>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Part of our digital media class is creating music using online programs, and so we learned how to edit audio in different ways. In particular, we practiced removing the parts of the noise of an audio, and we used this to remove the vocals from songs. It takes multiple techniques to do this. One is splitting the audio for the right and left ears and pushing one of them forward by a fraction of a second. You can also create an audio that is the exact opposite to cancel it out, and removed all audio past a certain tonal point. We then chose a song we like and created parody lyrics for it. At this time the World Cup was happening, so I decided to create my parody about football. I edited the song &#8216;Counting Stars,&#8217; and swapped the vocals with mine to create the parody &#8216;Yellow Cards.&#8217;<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Parody-By-TeoT.mp3\"><\/audio><\/figure>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Yellow Cards<br>By: Teo Teeter Rangel<br>Song: Counting Stars<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Right now, the world cup, is on my tv<br>And now I\u2019m watching how these athletes be<br>And yes, they are, very very good<br>But instead of playing football, they play for yellow cards<br>Yeah, they play for yellow cards<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Why be strong, when instead I could<br>Go flying past the outside line<br>I go down hard and clutch my thigh<br>Now I\u2019m a cow, tasting lawn<br>Ref, look what he just did<br>Foul, ref just do as told<br>His elbow shattered my cheekbone<br>Can\u2019t you see it was controlled<br>AAH-AAAAH-AH-AAH, he\u2019s ended my jaw, and it was on purpose<br>OWW-OWWWW-OW-OWW, I can\u2019t even speak, without it convulsing<br>I\u2019m Gonna cry, gonna cry, gonna cry<br>Ref you\u2019ve got to give the man a yellow card<br>Right now, the world cup, is on my tv<br>And now I\u2019m watching how these athletes be<br>And yes, they are, very very good<br>But instead of playing football, they play for yellow cards<br>Right now, the world cup, is on my tv<br>And now I\u2019m watching how these athletes be<br>And yes, they are, very very good<br>But instead of playing football, they play for, they play for yellow cards<br>Yeah Yeah *quietly-ref, what you doing man<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">I gave him a shove, watched him turn<br>Clutching his face, as he squirmed<br>Hitting the floor with a roll<br>All of a sudden, there\u2019s a hill<br>Ref, look what he just did<br>Foul? Ref look at him hold<br>The wrong ligament of course<br>Nudged his back he holds his toe<br>AAH-AAAAH-AH-AAH, now his knee\u2019s taken a blow, oh man Im sure it hurts<br>He cries, he cries, he cries<br>You\u2019ve never felt pain on the level of this guy<br>But now, look man, your team has the ball<br>Tiki taka on a mission towards our box<br>And now, guess what, he\u2019s sprinting for the goal<br>Hey, I guess you\u2019re not hurt anymore, gotta help your team score<br>Right now, the world cup, is on my tv<br>And now I\u2019m watching how these athletes be<br>And yes, they are, very very good,<br>But instead of playing football, they play for, they play for yellow cards.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Oh, now I\u2019m running, into the box<br>Send me a ball now so that I can score<br>It&#8217;s a perfect pass, headed for goal<br>Surely there is no way I fail to score<br>I\u2019ve beat the Defense, I\u2019m through for sure<br>The moment has come for which I\u2019ve yearned<br>Take it to the right, here comes a goal<br>I\u2019ll be the hero on top of the world<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">But right then there he is\u2026 going in for a slide<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">Right now, the world cup is on my tv<br>And so I\u2019m watching how these athletes be<br>And yes, they are, very very good<br>But instead of playing football, the play for yellow cards<br>Right now, the world cup is on my tv<br>And so I\u2019m watching how these athletes be<br>And yes, they are, very very good<br>But instead of playing football, they play for, they play for yellow cards<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\">He gets all ball, there it goes<br>My moment is gone man this blows<br>But wait I\u2019ve, felt something for sure<br>He just brushed my heel I have a chance<br>Make a jump, to the sky<br>Land on the floor hard with a cry<br>You may have, stopped my goal<br>But the ref\u2019s coming you\u2019re getting what you earned<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-1024x576.png\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-1536x864.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Screen-Shot-2022-12-22-at-8.40.00-AM-2048x1152.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Pro Tools Interface for Parody Production <\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">(shows tone control tool used to remove audio from original song)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-1024x768.jpg\" alt=\"\" class=\"wp-image-357\" width=\"663\" height=\"497\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/2022-12-15-TeoT-2-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Me in the studio singing my parody<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center banner animationbanner\">Animation<\/h2>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">In animation this unit, we were challenged to create animations that really told a story. It is easy to animation a basic motion or movement, and put many of these together to create a video. But it is a lot more difficult to have all of these movements and pieces come together to create something compelling that an audience can get behind. This is what we were tasked with during this unit, and pushing myself to do so helped me really grow as an animator. <\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">The first animation we made was a walk-cycle. However, it was divided into two animations, a stop-motion walk-cycle and a digital one. We spent several weeks crafting puppets out of various materials, with hand-sewn clothing. We then used stop-motion animation to depict the puppet walking across a green screen. In Photoshop, we would take our original digital drawing that the physical puppet was based off of, and create a digital walk-cycle using this. We then chose a background that seemed to fit our animations, created background music, added shadows to create depth, and finally we had a final animation. I tried to tell a story with something as simple as walking, and I think I kind of did. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p2 Composite Walk Cycle TeoT\" width=\"750\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/LLOXgX8sxPc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Walk Cycle Composite Animation<\/figcaption><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle-1024x553.png\" alt=\"\" class=\"wp-image-366\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle-1024x553.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle-300x162.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle-768x414.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle-1536x829.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Photoshop-Interface-for-Walk-Cycle.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Photoshop Interface for Digital Walk Cycle<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our next project was to create a lip sync animation. The mouth makes 10-12 general shapes when speaking, so in order to create an accurate lip sync you need to draw these and match them to an audio. I chose to animate our President Joe Biden. I drew him with a decent amount of detail, which meant I had to draw shading with each of the mouths. However, after pairing them to the audio and adding some effects to create the finished video, I had a very detailed and convincing Joe Biden Lip Sync animation: &#8220;I don&#8217;t know what you&#8217;ve all heard.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"22 23 p2 Lip Sync TeoT\" width=\"750\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/4d58i6yoNZk?list=PL4UmbWlij-uRY7vEqwTuHS1WBefV4iXXM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-1024x546.png\" alt=\"\" class=\"wp-image-370\" srcset=\"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-1024x546.png 1024w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-300x160.png 300w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-768x409.png 768w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-1536x818.png 1536w, https:\/\/freestyleacademy.rocks\/~TeoT\/wp-content\/uploads\/2023\/04\/Teeter-Rangel_Teo-Lip-Sync-Screenshot-2048x1091.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Adobe After Effects Interface<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our final animation project was to create a short narrative (one to two minutes) with no other constraints. This was a group project and so we got to work in teams of four and together create a story through animation. After brainstorming in our groups, we eventually came up with the idea to combine stop motion and digital animation for our story. The general plot was that two stop-motion friends find their way into a digital world, and are aided and befriended by a lonely lighthouse keeper who has been alone for years. It was a lot of fun to animate this project, and it helped me to understand what is necessary to develop a story and how to most effectively do this (What I ended up doing was not the most effective, but you learn from your mistakes). This is our animation: &#8220;Lighthouse.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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 Animation ChanceR HanaM MichaellK TeoR\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/gAs8Mpg_sjw?list=PL4UmbWlij-uRY7vEqwTuHS1WBefV4iXXM\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The narrative unit was a lot of fun and really helped me grow as a student and artist. It&#8217;s not just about having a story, you have to be able to tell it.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Introduction Throughout this unit, we were always asking ourselves the question: &#8216;How can we tell a story using images?&#8221; We practiced essential writing techniques, such as the focus on the visual aspects of a narrative, as well as the policy of showing with descriptive language rather than simply stating what [&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-330","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/pages\/330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/comments?post=330"}],"version-history":[{"count":25,"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/pages\/330\/revisions"}],"predecessor-version":[{"id":414,"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/pages\/330\/revisions\/414"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~TeoT\/wp-json\/wp\/v2\/media?parent=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}