{"id":462,"date":"2020-02-03T14:27:57","date_gmt":"2020-02-03T22:27:57","guid":{"rendered":"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/?page_id=462"},"modified":"2020-02-13T00:53:09","modified_gmt":"2020-02-13T08:53:09","slug":"narrative-visual-perspective-in-digital-media","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~SpencerC\/narrative-visual-perspective-in-digital-media\/","title":{"rendered":"Narrative Visual Perspective in Digital Media"},"content":{"rendered":"<h1><span style=\"color: #000000;\"><strong>Splash Page<\/strong><\/span><\/h1>\n<p><span style=\"color: #000000;\">One of our assignments in Digital Media had us revisit Pro Tools and Reason to create film scores to be potentially used in our narratives for our elective class. But really, I just made sub-par tracks. The intent was to use both Reason and Pro Tools together to combine recorded audio and synthesized audio. These are the three pieces of music I made. I was very rushed and didn&#8217;t have a lot of time to make these, so I&#8217;m not\u00a0<em>too<\/em> proud of them&#8230; though in hindsight I do kind of dig the first one. I don&#8217;t like the second or third one very much.<\/span><\/p>\n<p><span style=\"color: #000000;\"><audio class=\"wp-audio-shortcode\" id=\"audio-462-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-1.mp3?_=1\" \/><a href=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-1.mp3\">https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-1.mp3<\/a><\/audio> <audio class=\"wp-audio-shortcode\" id=\"audio-462-2\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-2.mp3?_=2\" \/><a href=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-2.mp3\">https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-2.mp3<\/a><\/audio> <audio class=\"wp-audio-shortcode\" id=\"audio-462-3\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-3.mp3?_=3\" \/><a href=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-3.mp3\">https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/Film-Score-3.mp3<\/a><\/audio><\/span><\/p>\n<p><span style=\"color: #000000;\">We were also tasked during this time to create a splash screen for our website. We had just learned a bit of jQuery and used it to create a dynamic teaser page for our website. Here&#8217;s a snippet of some of the code that was used to write this:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-493 alignnone\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/this.jpg\" alt=\"\" width=\"187\" height=\"332\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/this.jpg 507w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/this-169x300.jpg 169w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-492\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/yes.jpg\" alt=\"\" width=\"798\" height=\"335\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/yes.jpg 1498w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/yes-300x126.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/yes-1024x430.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/yes-768x322.jpg 768w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/p>\n<p><span style=\"color: #000000;\">I chose an image I&#8217;d taken over the summer on the eastern shore of Lake Tahoe of a recently departed distant storm across the lake. I chose an instrumental of the song &#8220;To Sheila&#8221; by my favorite band, The Smashing Pumpkins, from the album <em>Adore<\/em>\u2014 an album I&#8217;d recently gotten into at the time. The audio clip I&#8217;d chosen was ripped from a YouTube video and it doesn&#8217;t sound right at all. If you&#8217;re curious, <\/span><span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.youtube.com\/watch?v=AzUqneVFdzI\">this<\/a> <\/span><span style=\"color: #000000;\">is the instrumental I downloaded. It&#8217;s allegedly authentic, but I have a feeling it&#8217;s a recreation. <span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\" href=\"https:\/\/www.youtube.com\/watch?v=XBeamDQewiU\">Here&#8217;s<\/a> <\/span>the actual song.<\/span><\/p>\n<h1><span style=\"color: #000000;\"><strong>Multi-Layered Wood Art<\/strong><\/span><\/h1>\n<p><span style=\"color: #000000;\">The best thing we did this unit, by far, was the multi-layered art project. We did it as partners\u2014 I partnered with <span style=\"text-decoration: underline;\"><span style=\"color: #0000ff;\"><a style=\"color: #0000ff; text-decoration: underline;\" href=\"https:\/\/www.freestyleacademy.rocks\/~NikoJ\/about-me\/\">Niko Jokhadze<\/a><\/span><\/span>. We had a couple choices on what medium of art we were doing, and we ultimately decided to do wood art. Essentially, we&#8217;d design art to be laser cut into wood across multiple layers, enabling us to use a 3 dimensional field. We actually struggled at first to decide on what exactly we were going to do, since we have very different interests. But we decided upon doing a chess board with game pieces. At one point we had planned on doing some sort of dichotomy between physical game pieces (chess, Uno, Battleship, etc.) and electronic games pieces (Tetris, Pacman, Space Invaders, etc.). But we dropped the electronic games thing entirely and chose to just do a checkered board with game pieces on it.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-495 alignleft\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art.jpg\" alt=\"\" width=\"242\" height=\"242\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art.jpg 828w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art-300x300.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art-150x150.jpg 150w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art-768x769.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art-45x45.jpg 45w\" sizes=\"auto, (max-width: 242px) 100vw, 242px\" \/><\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-494 alignleft\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100.jpg\" alt=\"\" width=\"234\" height=\"234\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100.jpg 828w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100-300x300.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100-150x150.jpg 150w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100-768x769.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/NikoJ_SpencerC-Art@72x-100-45x45.jpg 45w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/> The hardest part, without a doubt, was designing the sequence of layers\u2014 that is, which squares dropped on each layer and what order it would happen in. I had some plan to make the &#8220;black squares&#8221; much deeper than the &#8220;white squares&#8221; to show the difference between the two in a colorless final product, but it wasn&#8217;t really worth it. Still, trying to make the squares fall down at different points was tricky and confusing. The first photo on the left shows an example of what one layer looked like.<\/span><\/p>\n<p><span style=\"color: #000000;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-499 alignright\" style=\"font-family: inherit; font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-scaled.jpg\" alt=\"\" width=\"296\" height=\"222\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-scaled.jpg 2560w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4106-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/>Multiple game pieces would appear per layer, and simultaneo<\/span><span style=\"color: #000000; font-size: 14px; letter-spacing: 0px;\">usly, other squares would begin to drop, creating a staggered grid. It was really tricky to visualize, as you can probably imagine, as every line we drew ended up being a laser incision. The pictures on the left are for display\u2014 the actual file used a much more narrow stroke <\/span><span style=\"color: #000000; font-size: 14px; letter-spacing: 0px;\">for fine precision on the laser cutter, which meant that even when zoomed in fully, the lines were very hard to see.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-498 alignleft\" style=\"font-family: inherit; font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-scaled.jpg\" alt=\"\" width=\"247\" height=\"185\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-scaled.jpg 2560w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4105-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/p>\n<p><span style=\"color: #000000;\">It got tedious trying to figure out when layers were dropping, why they were dropping, and if they could drop\u00a0<\/span><span style=\"color: #000000;\">at all. You can also see a checkerboard pattern on the edge that we attempted\u2014 it didn&#8217;t look quite as good as it probably could have, but it still looked\u00a0<\/span><span style=\"color: #000000;\">really fascinating. And overall, I&#8217;m really proud of the designing that went into all of this.<\/span><\/p>\n<p><span style=\"color: #000000;\">Once we printed it, the pieces ended up looking far better than I think either of us anticipated. As I said, it was a hassle making it, but once we printed it, all the individual game pieces looked really dang good. I thought the way the board that we created the cutouts from ended up looking great\u2014 like those sets you can buy to craft a model plane and such.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-496 alignright\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-scaled.jpg\" alt=\"\" width=\"199\" height=\"265\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-scaled.jpg 1920w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4092-1536x2048.jpg 1536w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/p>\n<p style=\"font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: normal;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-497 alignleft\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-scaled.jpg\" alt=\"\" width=\"189\" height=\"252\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-scaled.jpg 1920w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4097-1536x2048.jpg 1536w\" sizes=\"auto, (max-width: 189px) 100vw, 189px\" \/><\/p>\n<p><span style=\"color: #000000;\">You can see a bunch of pictures from the process of constructing the final product with glue. And while I have never been a fan of arts and crafts, especially the dreadful curse of using <em>glue<\/em>, it ended up looking so good that it didn&#8217;t even phase me.<\/span><\/p>\n<p><span style=\"color: #000000;\">And at last, here is the final product. All 12 layers in their fresh-cut glory. For the most part, it matches up with everything we planned, but there weer just a couple changes made along the way. We named it &#8220;Tabletop Frenzy&#8221;\u2014 a name so tacky we just couldn&#8217;t pull ourselves to shake it. Enjoy.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-500 alignnone\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-scaled.jpg\" alt=\"\" width=\"839\" height=\"629\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-scaled.jpg 2560w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4109-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 839px) 100vw, 839px\" \/>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-501 alignnone\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-scaled.jpg\" alt=\"\" width=\"486\" height=\"365\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-scaled.jpg 2560w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-300x225.jpg 300w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-1024x768.jpg 1024w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-768x576.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-1536x1152.jpg 1536w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4110-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-502\" style=\"font-style: inherit; letter-spacing: 0px;\" src=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-scaled.jpg\" alt=\"\" width=\"274\" height=\"366\" srcset=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-scaled.jpg 1920w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-225x300.jpg 225w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-768x1024.jpg 768w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-1152x1536.jpg 1152w, https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-content\/uploads\/2020\/02\/IMG_4113-1536x2048.jpg 1536w\" sizes=\"auto, (max-width: 274px) 100vw, 274px\" \/><span style=\"font-size: 14px; letter-spacing: 0px;\">\u00a0<\/span><\/p>\n<h5 style=\"text-align: center;\"><span style=\"text-decoration: underline;\"><span style=\"color: #0000ff; text-decoration: underline;\"><a style=\"color: #0000ff; text-decoration: underline;\" href=\"https:\/\/www.freestyleacademy.rocks\/~SpencerC\/narrative-2\/\"><strong>Return to Narrative 2 homepage.<\/strong><\/a><\/span><\/span><\/h5>\n","protected":false},"excerpt":{"rendered":"<p>Splash Page One of our assignments in Digital Media had us revisit Pro Tools and Reason to create film scores to be potentially used in our narratives for our elective class. But really, I just made sub-par tracks. The intent was to use both Reason and Pro Tools together to combine recorded audio and synthesized <a class=\"read-more\" href=\"https:\/\/freestyleacademy.rocks\/~SpencerC\/narrative-visual-perspective-in-digital-media\/\">READ MORE<\/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-462","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/pages\/462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/comments?post=462"}],"version-history":[{"count":12,"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/pages\/462\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/pages\/462\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~SpencerC\/wp-json\/wp\/v2\/media?parent=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}