{"id":252,"date":"2026-01-15T06:09:01","date_gmt":"2026-01-15T06:09:01","guid":{"rendered":"https:\/\/danforthportfolios.com\/mm1101567\/?page_id=252"},"modified":"2026-01-15T06:09:01","modified_gmt":"2026-01-15T06:09:01","slug":"animation-showcase","status":"publish","type":"page","link":"https:\/\/danforthportfolios.com\/mm1101567\/animation-showcase\/","title":{"rendered":"Animation Showcase"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light\" style=\"border-style:none;border-width:0px;padding-top:2%;min-height:400px;aspect-ratio:unset;\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1080\" class=\"wp-block-cover__image-background wp-image-72\" alt=\"\" src=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1.png\" data-object-fit=\"cover\" srcset=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1.png 1920w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1-300x169.png 300w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1-1024x576.png 1024w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1-768x432.png 768w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2024\/10\/Bg-1-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-20 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-ee51f2d2 wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-b6c1f246 wp-block-group-is-layout-flex\" style=\"min-height:8rem\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-bea02a06 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color:#2e544b;margin-top:4.3rem;margin-right:0;margin-bottom:1.01rem;font-size:clamp(2.375rem, 2.375rem + ((1vw - 0.2rem) * 3.682), 4.4rem);font-style:normal;font-weight:400;line-height:1;text-transform:capitalize\">Skills Showcase: Animation Showcase (&#8220;you decide&#8221;)<\/h2>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<section class=\"wp-block-group alignfull has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-4252d6ba wp-block-group-is-layout-constrained\" style=\"color:#03081e;background-color:#d0e0d0;margin-top:0px;padding-top:6.51rem;padding-right:1rem;padding-bottom:5.5rem;padding-left:1rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);font-style:normal;font-weight:400;line-height:1.4\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-db2df21c wp-block-columns-is-layout-flex\" style=\"margin-bottom:0px\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-12dd3699 wp-block-column-is-layout-constrained\" style=\"flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d170047dcdb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d170047dcdb\" class=\"wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container\"><img decoding=\"async\" width=\"1920\" height=\"1080\" 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:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1.png\" alt=\"\" class=\"has-border-color wp-image-257\" style=\"border-color:#546b57;border-width:7px;border-radius:43px;aspect-ratio:1.7430167597765363;width:528px;height:auto\" srcset=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1.png 1920w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1-300x169.png 300w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1-1024x576.png 1024w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1-768x432.png 768w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/PCconceptArt-1-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><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><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-c5d44cae wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-b15c80d6 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left has-text-color\" style=\"color:#2e544b;margin-top:0.5rem;margin-right:0;margin-bottom:1.01rem;font-size:clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.364), 2rem);font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize\">Script &amp; Concept<\/h3>\n\n\n\n<p class=\"has-text-color has-link-color has-medium-font-size wp-elements-e131ba4ace48686fc92f8df3fadb6aee\" style=\"color:#331e1b\">My project was to make an animation of my choosing. I chose to make an animation of the opening scene of a fake game that me and my friend are working on. I started by creating the script for the animation, gaining some references, sketching the characters I wanted in the animation, and drawing the thumbnails of the storyboard to get a better feel of what I wanted to happen in the animation. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b691706e wp-block-group-is-layout-constrained\" style=\"color:#03081e;background-color:#d0e0d0;margin-top:0px;padding-top:4.01rem;padding-right:1rem;padding-bottom:5.5rem;padding-left:1rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);font-style:normal;font-weight:400;line-height:1.4\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-db2df21c wp-block-columns-is-layout-flex\" style=\"margin-bottom:0px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-3f7ca830 wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-b15c80d6 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left has-text-color\" style=\"color:#2e544b;margin-top:0.5rem;margin-bottom:1.01rem;font-size:clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.364), 2rem);font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize\">Storyboard &amp; Animatic<\/h3>\n\n\n\n<p class=\"has-text-align-left has-text-color\" style=\"color:#331e1b;margin-top:0rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.591), 1.2rem);font-style:normal;font-weight:400;line-height:1.6\">Next, I started creating the storyboards. I made sure to keep the motion noticeable within the storyboards so I wasn&#8217;t confused later on. I then moved on to finding some audio for my animatic. I created the music for the animation, as well as Box Serial&#8217;s voice. all of the other sound effects came from Pixabay. I then put all of the audio and storyboard panels together into an animatic. a trouble I had with the animatic was that the time stamp covered the text boxes. I then sent the animatic to my C.R.E.W team for review, and moved on to create the actual animation itself. <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-12dd3699 wp-block-column-is-layout-constrained\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img decoding=\"async\" width=\"1570\" height=\"1188\" src=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM.png\" alt=\"\" class=\"has-border-color wp-image-258\" style=\"border-color:#546b57;border-width:7px;border-radius:41px;aspect-ratio:1.3099641403763247;width:450px;height:auto\" srcset=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM.png 1570w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM-300x227.png 300w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM-1024x775.png 1024w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM-768x581.png 768w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.28-AM-1536x1162.png 1536w\" sizes=\"(max-width: 1570px) 100vw, 1570px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"774\" src=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM-1024x774.png\" alt=\"\" class=\"has-border-color wp-image-259\" style=\"border-color:#546b57;border-width:7px;border-radius:41px;aspect-ratio:1.3114858669218195;width:448px;height:auto\" srcset=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM-1024x774.png 1024w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM-300x227.png 300w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM-768x581.png 768w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM-1536x1161.png 1536w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-15-at-12.01.44-AM.png 1566w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b691706e wp-block-group-is-layout-constrained\" style=\"color:#03081e;background-color:#d0e0d0;margin-top:0px;padding-top:4.01rem;padding-right:1rem;padding-bottom:5.5rem;padding-left:1rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);font-style:normal;font-weight:400;line-height:1.4\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-db2df21c wp-block-columns-is-layout-flex\" style=\"margin-bottom:0px\">\n<div class=\"wp-block-column has-global-padding is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-12dd3699 wp-block-column-is-layout-constrained\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"2356\" height=\"1322\" src=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM.png\" alt=\"\" class=\"has-border-color wp-image-260\" style=\"border-color:#546b57;border-width:7px;border-radius:41px;aspect-ratio:1.7419465977605513;width:518px;height:auto\" srcset=\"https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM.png 2356w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM-300x168.png 300w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM-1024x575.png 1024w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM-768x431.png 768w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM-1536x862.png 1536w, https:\/\/danforthportfolios.com\/mm1101567\/wp-content\/uploads\/sites\/130\/2026\/01\/Screenshot-2026-01-14-at-11.59.55-PM-2048x1149.png 2048w\" sizes=\"(max-width: 2356px) 100vw, 2356px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-c5d44cae wp-block-group-is-layout-flex\" style=\"min-height:100%\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-b15c80d6 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-left has-text-color\" style=\"color:#2e544b;margin-top:0.5rem;margin-bottom:1.01rem;font-size:clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.364), 2rem);font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize\">Animation process<\/h3>\n\n\n\n<p class=\"has-text-align-left has-text-color\" style=\"color:#331e1b;margin-top:0rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.591), 1.2rem);font-style:normal;font-weight:400;line-height:1.6\">I moved on to create my final product by starting the rough animation. This process took me about 3 school days (9 hours) to do. After I finished my rough animation, I moved to  cleaning it up by doing line art and color. After all of the animating was done, I took the animation into After Effects to make the textboxes and to add better quality audio. one challenge I faced in this process was at one point in the clean up stage, I had forgotten to save before I closed the program and lost a lot of work, but thankfully it was only a minor setback!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-group alignfull has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b691706e wp-block-group-is-layout-constrained\" style=\"color:#03081e;background-color:#d0e0d0;margin-top:0px;padding-top:4.01rem;padding-right:1rem;padding-bottom:5.5rem;padding-left:1rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.464), 1.13rem);font-style:normal;font-weight:400;line-height:1.4\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-b15c80d6 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center has-text-color\" style=\"color:#2e544b;margin-top:0.5rem;margin-bottom:1.01rem;font-size:clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.364), 2rem);font-style:normal;font-weight:500;letter-spacing:0px;line-height:1.3;text-transform:capitalize\">Current Version<\/h3>\n\n\n\n<p class=\"has-text-align-center has-text-color\" style=\"color:#331e1b;margin-top:0rem;font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.591), 1.2rem);font-style:normal;font-weight:400;line-height:1.6\">The following video is the current version of my animation. I am very proud of how this turned out, especially since I did it in such a small timeframe. This project has boosted my confidence in my animation skills and makes me want to do more animations like this in the future!<\/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 title=\"Pi\u00f1a Colada Intro Animation\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/LfUnFkHxN1A?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<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Script &amp; Concept My project was to make an animation of my choosing. I chose to make an animation of the opening scene of a fake game that me and my friend are working on. I started by creating the script for the animation, gaining some references, sketching the characters I wanted in the animation, [&hellip;]<\/p>\n","protected":false},"author":121,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-252","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"mm1101567","author_link":"https:\/\/danforthportfolios.com\/mm1101567\/author\/mm1101567\/"},"uagb_comment_info":0,"uagb_excerpt":"Script &amp; Concept My project was to make an animation of my choosing. I chose to make an animation of the opening scene of a fake game that me and my friend are working on. I started by creating the script for the animation, gaining some references, sketching the characters I wanted in the animation,&hellip;","_links":{"self":[{"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/pages\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/users\/121"}],"replies":[{"embeddable":true,"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":5,"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/pages\/252\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/pages\/252\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/danforthportfolios.com\/mm1101567\/wp-json\/wp\/v2\/media?parent=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}