{"id":1715,"date":"2026-03-14T12:08:37","date_gmt":"2026-03-14T12:08:37","guid":{"rendered":"https:\/\/sites.wsagames.com\/stw1g24\/?p=1715"},"modified":"2026-05-14T10:35:13","modified_gmt":"2026-05-14T10:35:13","slug":"cutscene-animation","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/stw1g24\/2026\/03\/14\/cutscene-animation\/","title":{"rendered":"Cutscene Animation"},"content":{"rendered":"\n<p>During formative feedback week, After talking with my PAT she wanted the character to be more graceful and ethereal. I decided to go about this in two ways, one was to update the <a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/15\/animating-the-player\/\" data-type=\"post\" data-id=\"1383\"><strong>characters idle and move animations<\/strong><\/a> and the second was to create an opening <strong>cutscene<\/strong>, as this will be hand drawn and animated frame by frame and can make the character smoother.<\/p>\n\n\n\n<p>Before I began drawing I refreshed myself with the team mood board about the art style. <\/p>\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 is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"957\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219-1024x957.png\" alt=\"\" class=\"wp-image-2153\" style=\"width:532px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219-1024x957.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219-300x281.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219-768x718.png 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219-1536x1436.png 1536w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-14-104219.png 1985w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"700\" height=\"394\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/ijldi8cuej421.gif\" alt=\"\" class=\"wp-image-2156\" style=\"width:686px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/GRIS-2.gif\" alt=\"\" class=\"wp-image-2157\" style=\"width:446px;height:auto\" \/><\/figure>\n\n\n\n<p>In this mood board we looked at the game Gris as recommended by our lecturer, for the cutscene I searched for some animation references from it. I do not believe I can make my animation look as smooth or refined as Gris but I will certainly be using it as inspiration.<\/p>\n\n\n\n<p><strong>First Draft<\/strong><\/p>\n\n\n\n<p>This cutscene plan was in the GDD so for my first draft I created a variation of how it looked.<\/p>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Your-paragraph-text-1024x768-1.png\" alt=\"\" class=\"wp-image-1345\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Your-paragraph-text-1024x768-1.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Your-paragraph-text-1024x768-1-300x225.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Your-paragraph-text-1024x768-1-768x576.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This was the original version in the GDD. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;Starting cutscene. The MC is waking up from slumber in the middle of the forest, covered in flowers and grass that turns in her hair and clothes as she gets up. This location can have the same environment as the Lakeside.&#8221;<\/p>\n<\/blockquote>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/IMG_3320-1-1024x768-1.png\" alt=\"\" class=\"wp-image-1339\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/IMG_3320-1-1024x768-1.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/IMG_3320-1-1024x768-1-300x225.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/IMG_3320-1-1024x768-1-768x576.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/copy_CF540C4D-06B9-4E48-B48E-08233E5E99F0-2.mov\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>To create what was specified in the GDD I knew I would need a good <strong>reference <\/strong>so I enlisted my sister to film a <strong>short video <\/strong>of the characters movements I then went through it and <strong>screenshotted key frames<\/strong>. I took these into <strong>Ibis Paint x <\/strong>on my tablet and created a <strong>draft <\/strong>of <strong>frames<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Untitled193.mp4\"><\/video><figcaption class=\"wp-element-caption\">Speed paint from Ibis Paint X<\/figcaption><\/figure>\n\n\n\n<p>In this speedpaint I am importing the keyframes and tracing over them, I then am using the <strong>eyedropper tool <\/strong>on the finished character and quickly adding colour to the sketches. I also experimented with different types of backgrounds, by warping the finished environment painting to fit the perspective and playing around with different layer <strong>blending modes<\/strong>. I ultimately paused this idea for this iteration and created a mock up of what it looked like in the GDD. I then exported the different frames, <strong>12 <\/strong>in total.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Test.mp4\"><\/video><figcaption class=\"wp-element-caption\">First Draft put together in Flip a Clip<\/figcaption><\/figure>\n\n\n\n<p>This is what I put together in <strong>Flip a Clip <\/strong>(a frame by frame animating software.) It is <strong>15 frames <\/strong>in total at <strong>3 frames <\/strong>a second. Using the brushes in the software I added some movement in the background and on the trees. The ease of use in this software helped me <strong>iterate <\/strong>versions quickly and try out different techniques.<\/p>\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\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Test1.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>The first version was 3 seconds long and felt very stilted. After watching it a few times I got the idea to add in low opacity versions of the previous frames to act as a smear frame and simulate more movement than was actually happening. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Second Draft<\/strong><\/p>\n\n\n\n<p>After I had the first draft I sent it to my team to see if they liked where I was going with it, they did and I promised them I would have the final one ready the Wednesday before the playtest<\/p>\n\n\n\n<p>I decided to make the final version in <strong>Photoshop <\/strong>as I am very comfortable with it and it is what I have been using to animate the whole project.<\/p>\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 aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1232\" height=\"749\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-114017.png\" alt=\"\" class=\"wp-image-1902\" style=\"width:419px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-114017.png 1232w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-114017-300x182.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-114017-1024x623.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-114017-768x467.png 768w\" sizes=\"(max-width: 1232px) 100vw, 1232px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The first thing I wanted to get done was to have the background finished. Using <strong>watercolour brushes <\/strong>I began painting my own inspired by the environment artists work. Midway through doing that when It looked like this, I realised I was being silly and making life harder than it needed to be. All of the environmental asssets had already been created, I should just use those. I found them in the shared <strong>slack channel <\/strong>and <strong>imported<\/strong> them into the <strong>file<\/strong>.<\/p>\n<\/div>\n<\/div>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1296\" height=\"735\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121254.png\" alt=\"\" class=\"wp-image-2022\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121254.png 1296w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121254-300x170.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121254-1024x581.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121254-768x436.png 768w\" sizes=\"(max-width: 1296px) 100vw, 1296px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1298\" height=\"735\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121305.png\" alt=\"\" class=\"wp-image-2023\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121305.png 1298w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121305-300x170.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121305-1024x580.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121305-768x435.png 768w\" sizes=\"(max-width: 1298px) 100vw, 1298px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1294\" height=\"737\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121317.png\" alt=\"\" class=\"wp-image-2024\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121317.png 1294w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121317-300x171.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121317-1024x583.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121317-768x437.png 768w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Using the ground painting I roughly rounded out the edges and added some white dotty texture around the edge. I added clouds and a dark streak to signify shadows in the back. I then added in the trees the envrinment  artsit made and used a clipping mask over all of them to darken them as if they were in shadows. To frame the scene I kept the two trees around the edges of the screen. <\/p>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"731\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121734.png\" alt=\"\" class=\"wp-image-2025\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121734.png 1300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121734-300x169.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121734-1024x576.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121734-768x432.png 768w\" sizes=\"(max-width: 1300px) 100vw, 1300px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1309\" height=\"737\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755.png\" alt=\"\" class=\"wp-image-2026\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755.png 1309w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755-300x169.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755-1024x577.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755-768x432.png 768w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>I then added in midground trees and the foliage assets to hid the awkward sharp edges where I&#8217;d cut the ground out. At this point I was really happy with how this was looking. The final elements I added were interestingly shaped leaves on the trees to match the current trees. I painted these on myself mimicking the style. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/test-2.gif\" alt=\"\" class=\"wp-image-1861\" \/><\/figure>\n\n\n\n<p>To test this background with the character I imported only the frames of the characters movements and created a <strong>gif<\/strong>. After making this I was excited as it was coming together now and I could fully envision the final product in my head.<\/p>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"443\" height=\"140\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122215.png\" alt=\"\" class=\"wp-image-2027\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122215.png 443w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122215-300x95.png 300w\" sizes=\"(max-width: 443px) 100vw, 443px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"135\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122224.png\" alt=\"\" class=\"wp-image-2028\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122224.png 450w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122224-300x90.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>To try and replicate the physical watercolour textures I used these two brushes. The left one for the colours and sahding as it is a <strong>watercolour <\/strong>replica brush. The left one has <strong>texture <\/strong>that matches watercolour <strong>paper texture<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Once I had the background done I moved on to the character. Using my first <strong>draft <\/strong>as <strong>references <\/strong>for how detailed each drawing needed to be I began painting. For the first frame where the character just begins to form I used the <strong>colour picking tool <\/strong>to paint different streaks of ground colour in the shape of the character.<\/p>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"274\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122234.png\" alt=\"\" class=\"wp-image-2029\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122234.png 493w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122234-300x167.png 300w\" sizes=\"(max-width: 493px) 100vw, 493px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"422\" height=\"202\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122259.png\" alt=\"\" class=\"wp-image-2030\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122259.png 422w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122259-300x144.png 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"445\" height=\"214\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123350.png\" alt=\"\" class=\"wp-image-2038\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123350.png 445w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123350-300x144.png 300w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>With each new drawing I added more details, such as white lines that then turn into black lines and the green colour becoming more prominent.<\/p>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"192\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122353.png\" alt=\"\" class=\"wp-image-2032\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122353.png 382w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122353-300x151.png 300w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"189\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122408.png\" alt=\"\" class=\"wp-image-2033\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122408.png 405w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122408-300x140.png 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Before finally the character becomes rendered with bright colours, the final things that materialise are the vines on her skin.<\/p>\n<\/div>\n<\/div>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"299\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154312.png\" alt=\"\" class=\"wp-image-1899\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154312.png 330w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154312-300x272.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"357\" height=\"330\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154258.png\" alt=\"\" class=\"wp-image-1900\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154258.png 357w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154258-300x277.png 300w\" sizes=\"(max-width: 357px) 100vw, 357px\" \/><\/figure>\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-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"310\" height=\"334\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122459.png\" alt=\"\" class=\"wp-image-2034\" style=\"width:241px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122459.png 310w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122459-278x300.png 278w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>For the frame where she&#8217;s pushing herself up I worked slowly methodically with the lines first then flat colours then shading and details. <\/p>\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<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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"333\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122508.png\" alt=\"\" class=\"wp-image-2035\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122508.png 323w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122508-291x300.png 291w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1155\" height=\"832\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154802.png\" alt=\"\" class=\"wp-image-1898\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154802.png 1155w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154802-300x216.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154802-1024x738.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-154802-768x553.png 768w\" sizes=\"(max-width: 1155px) 100vw, 1155px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Once that frame was fully coloured and shaded I hid the colour layers leaving just the lines and then began drawing the sat up frame, using the previous as a reference to make sure the <strong>sizing <\/strong>between each frame was <strong>consistent<\/strong>. As in the first draft it was not.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\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 aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"358\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122931.png\" alt=\"\" class=\"wp-image-2036\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122931.png 371w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-122931-300x289.png 300w\" sizes=\"(max-width: 371px) 100vw, 371px\" \/><\/figure>\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 aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"420\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123003.png\" alt=\"\" class=\"wp-image-2037\" style=\"width:314px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123003.png 370w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123003-264x300.png 264w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/figure>\n<\/div>\n<\/div>\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<p>As with in the first version I kept the <strong>low opacity <\/strong>&#8220;<strong>smear<\/strong>&#8221; frames, as I really liked the effect it created.<\/p>\n<\/div>\n<\/div>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"678\" height=\"160\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123711.png\" alt=\"\" class=\"wp-image-2040\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123711.png 678w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123711-300x71.png 300w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/figure>\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 aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"350\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123701.png\" alt=\"\" class=\"wp-image-2039\" style=\"width:198px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123701.png 298w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-123701-255x300.png 255w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>When it came time for the animation itself I copy pasted my layers into a different <strong>Photoshop file <\/strong>to preserve them. I then merged layers into individual frames as the only way to make frame animations is to make frames from layers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1910\" height=\"140\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630.png\" alt=\"\" class=\"wp-image-1901\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630.png 1910w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630-300x22.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630-1024x75.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630-768x56.png 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-142630-1536x113.png 1536w\" sizes=\"(max-width: 1910px) 100vw, 1910px\" \/><\/figure>\n\n\n\n<p>Once I did that I had a <strong>timeline <\/strong>of frames I set the delay to <strong>0.2 <\/strong>so that it was not too quick. I then tweaked it by duplicated frames until I was happy with the length and speed. I then exported it as an <strong>MP3<\/strong>.<\/p>\n\n\n\n<p><strong>Sound<\/strong><\/p>\n\n\n\n<p>The sound for the cutscene is important, I had a good idea of what I wanted it to sound like so i went onto Pixabay and began looking for sound effects and music. <\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/freesound_community-moving-plant-75923.mp3\"><\/audio><\/figure>\n\n\n\n<p>For when the character materialises I wanted it to sound like a plant as she is being made from <strong>organic materials<\/strong>. I found this sound effect of plant leaves rustling against one another.<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/freesound_community-slow-ethereal-sequencer-music-fragment-50247.mp3\"><\/audio><\/figure>\n\n\n\n<p>As the custcene itself signifys a beginning both fo rthe character as she is &#8220;born&#8221; but also for the player as they begin a new game, a new experience. I wanted the music to sound hopeful and like it was rising. This works nicely and fits the mood I was envisioning.<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/soundreality-birds-forest-nature-445379.mp3\"><\/audio><\/figure>\n\n\n\n<p>To match the games soundscape I also found  this of birds singing and wind rushing to try and give the scene more life as I made the decision to not animate the background as it was outside of my skills. <\/p>\n\n\n\n<p><strong>Adobe After Effects<\/strong><\/p>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"403\" height=\"233\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173627.png\" alt=\"\" class=\"wp-image-1895\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173627.png 403w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173627-300x173.png 300w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p>Now that I had sounds and the video itself. I created a new <strong>Adobe After Effects<\/strong> project. I chose this software as I had briefly used it in college. In this menu I added the video and the sounds then all I had to do was click and drag them into the <strong>timeline <\/strong>to add to the finished video.<\/p>\n<\/div>\n<\/div>\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<p>I began by lining up the sound effects. This was easy enough for the ambience and the music as it just needed to play throughout the whole video. The plant sounds were a bit more complicated. After researching I discovered I had to <strong>keyframe <\/strong>the <strong>audio levels<\/strong>, so when I wanted the sounds to start I put a keyframe in the timeline wih the volume on then when I want it to end I put a <strong>keyframe <\/strong>on the <strong>timeline <\/strong>with the volume off, this creates a subtle <strong>fade out<\/strong>.<\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"405\" height=\"186\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173830.png\" alt=\"\" class=\"wp-image-1892\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173830.png 405w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173830-300x138.png 300w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><figcaption class=\"wp-element-caption\">what the sound looked like in the timeline. <\/figcaption><\/figure>\n<\/div>\n<\/div>\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"146\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173818.png\" alt=\"\" class=\"wp-image-1893\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173818.png 752w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173818-300x58.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<p>At the beginning and end of the cutscene I wanted there to be <strong>white fade ins <\/strong>and <strong>outs<\/strong>. I achieved this in much the same way like the sound effects by using <strong>keyframes <\/strong>for the <strong>opacity <\/strong>elements of a white solid I had added to the timeline. I put <strong>three keyframes <\/strong>in, One where it was at full opacity then another where it was at <strong>50% <\/strong>then the final one where it was at <strong>0%<\/strong>, this created the natural fade in. For the fade out I <strong>reversed <\/strong>the keyframes and put them at the end.<\/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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"329\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-172431.png\" alt=\"\" class=\"wp-image-1896\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-172431.png 660w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-172431-300x150.png 300w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"210\" height=\"187\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-172426.png\" alt=\"\" class=\"wp-image-1897\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"732\" height=\"88\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173637.png\" alt=\"\" class=\"wp-image-1894\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173637.png 732w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-04-29-173637-300x36.png 300w\" sizes=\"(max-width: 732px) 100vw, 732px\" \/><\/figure>\n\n\n\n<p>Once I was happy with how it looked I exported the video by <strong>rendering <\/strong>it, as the cutscene is only <strong>9 seconds <\/strong>this did not take very long. I exported<strong> two <\/strong>versions, one with the <strong>music <\/strong>and one <strong>without<\/strong>. I will now send these to my team and see what they think.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755.png\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Cutscene-frames10_1.mp4\"><\/video><figcaption class=\"wp-element-caption\">Without music<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Screenshot-2026-05-09-121755.png\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/03\/Cutscene-frames10.mp4\"><\/video><figcaption class=\"wp-element-caption\">With music<\/figcaption><\/figure>\n\n\n\n<p><strong>Final Thoughts &#8211; <\/strong><\/p>\n\n\n\n<p>After sending them to my team I received the feedback that the one with the music is the better of the two, though the music is a touch too technological. But they really liked the cutscene itself. I also sent the video to some outside people who were unfamilar with the game and project to get a fresh <strong>perspective<\/strong>.<\/p>\n\n\n\n<p>The feedback was positive especially for the unique look of the video. I am very happy with it and think it is successful, when I began to make it I did not think I would be able to so I am proud of myself that I managed to create something that is not half bad.<\/p>\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<p><a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/03\/09\/unity-shaders-and-fx\/\" data-type=\"post\" data-id=\"1649\">Previous Post<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/24\/whispers-project\/\" data-type=\"post\" data-id=\"1486\">Next Post<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>During formative feedback week, After talking with my PAT she wanted the character to be more graceful and ethereal. I decided to go about this in two ways, one was to update the characters idle and move animations and the second was to create an opening cutscene, as this will be hand drawn and animated [&hellip;]<\/p>\n","protected":false},"author":53,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,43],"tags":[],"class_list":["post-1715","post","type-post","status-publish","format-standard","hentry","category-art-development","category-semester-2"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts\/1715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/comments?post=1715"}],"version-history":[{"count":16,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts\/1715\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts\/1715\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/media?parent=1715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/categories?post=1715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/tags?post=1715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}