{"id":521,"date":"2025-04-01T21:52:14","date_gmt":"2025-04-01T21:52:14","guid":{"rendered":"https:\/\/freestyleacademy.rocks\/~JamesK\/?page_id=521"},"modified":"2025-04-14T22:00:50","modified_gmt":"2025-04-14T22:00:50","slug":"narrative-visual-perspective-in-digital-media","status":"publish","type":"page","link":"https:\/\/freestyleacademy.rocks\/~JamesK\/narrative-visual-perspective-in-digital-media\/","title":{"rendered":"Narrative Visual Perspective in Digital Media"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In digital media we covered a number of different tools, like photoshop, after effects, and designing a real world object. And all the projects we produced using those tools could have a connections to our narrative projects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Funny Photoshop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In Digital Media we covered using masking to composite images together. As these images are impossible to make without compositing. They use massive scales, massive distances.<br>I used Photos I had taken for this project, but looking back I could have done more using photos from google. Overall the results where pretty good.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-2-Photo-Composition-1024x576.jpg\" alt=\"\" class=\"wp-image-554\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-2-Photo-Composition-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-2-Photo-Composition-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-2-Photo-Composition-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-2-Photo-Composition.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-3-Photo-Composition-1024x576.jpg\" alt=\"\" class=\"wp-image-555\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-3-Photo-Composition-1024x576.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-3-Photo-Composition-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-3-Photo-Composition-768x432.jpg 768w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka_James-3-Photo-Composition.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the photoshop files behind the compositions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-3-Photo-Composition-Screenshot-1024x576.png\" alt=\"\" class=\"wp-image-553\" style=\"width:272px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-3-Photo-Composition-Screenshot-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-3-Photo-Composition-Screenshot-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-3-Photo-Composition-Screenshot-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-3-Photo-Composition-Screenshot.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-2-Photo-Composition-Screenshot-1024x576.png\" alt=\"\" class=\"wp-image-552\" style=\"width:276px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-2-Photo-Composition-Screenshot-1024x576.png 1024w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-2-Photo-Composition-Screenshot-300x169.png 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-2-Photo-Composition-Screenshot-768x432.png 768w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/Kostka-James-2-Photo-Composition-Screenshot.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Motion Graphics<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We also learned to use motion graphics in Aftereffects. Which is like the photoshop compositions but with video. I put together a simple silly video with ping pong.<\/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=\"24 25 p6 Motion Graphics JamesK\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jwkM0MQ_GRk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Overall most of the work behind this video was learning the tools to make it, so the video it&#8217;s self is very small.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Multi-Layered Art Project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Muli-Layered Art project covered producing a 3D object using 2D layers. Where we would design in illustator the vectors of multiple layers of art. Then those vectors would be used to cut out real physical pieces of wood with the patterns. Then the layers of wood would be glued or layered together to create a final artwork.<br>I got inspired by the idea of a looking into a swarm of fish, where the fish get smaller the farther away they are. So in illustator I created this cutting template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/LayeredWoodArtPNG.png\" alt=\"\" class=\"wp-image-557\" style=\"width:483px;height:auto\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/LayeredWoodArtPNG.png 800w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/LayeredWoodArtPNG-300x300.png 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/LayeredWoodArtPNG-150x150.png 150w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/LayeredWoodArtPNG-768x768.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then after cutting and construction the final result looked like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/JamesK-Final-Assembled-1-1024x575.jpg\" alt=\"\" class=\"wp-image-556\" srcset=\"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/JamesK-Final-Assembled-1-1024x575.jpg 1024w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/JamesK-Final-Assembled-1-300x169.jpg 300w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/JamesK-Final-Assembled-1-768x431.jpg 768w, https:\/\/freestyleacademy.rocks\/~JamesK\/wp-content\/uploads\/2025\/04\/JamesK-Final-Assembled-1.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a video showing the construction of the final artwork, and showing off the result.<\/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=\"24 25 p6 Layered Art JamesK\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/zex7NusHpso?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a video created in After Effects to show off the different layers in abstract space. After Effects here allows for alot of flexibility on how the artwork is shown, as it dose&#8217;nt use a real physical camera or artwork. The whole video is digital.<\/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=\"24 25 p6 Digital Layered Art JamesK\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4IJKbGcx6mU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Overall this project was pretty fun. The best part being having the final result be a real physical object.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In digital media we covered a number of different tools, like photoshop, after effects, and designing a real world object. And all the projects we produced using those tools could have a connections to our narrative projects. Funny Photoshop In Digital Media we covered using masking to composite images together. As these images are impossible [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-521","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/pages\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":4,"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/pages\/521\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/pages\/521\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/freestyleacademy.rocks\/~JamesK\/wp-json\/wp\/v2\/media?parent=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}