{"id":1383,"date":"2026-02-15T18:20:41","date_gmt":"2026-02-15T18:20:41","guid":{"rendered":"https:\/\/sites.wsagames.com\/stw1g24\/?p=1383"},"modified":"2026-05-14T10:30:48","modified_gmt":"2026-05-14T10:30:48","slug":"animating-the-player","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/15\/animating-the-player\/","title":{"rendered":"Animating the Player"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I have never animated with physical materials before so I conducted research into <a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/10\/paper-art-research\/\" data-type=\"post\" data-id=\"1358\"><strong>paper art<\/strong><\/a> and started looking at some <strong>motion references<\/strong>. Whilst I was designing the character I had the idea that she could <strong>float <\/strong>instead of walk. This is a video <strong>moodboard <\/strong>of the references and flying techniques I sought inspiration from.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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 is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"337\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images3-ezgif.com-video-to-gif-converter.gif\" alt=\"\" class=\"wp-image-2076\" style=\"width:424px;height:auto\" \/><\/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 decoding=\"async\" width=\"264\" height=\"144\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images4-ezgif.com-video-to-gif-converter.gif\" alt=\"\" class=\"wp-image-2077\" style=\"width:438px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Growing up I watched a lot of this cartoon called Winx Club, they are fairys and everytime they would fly they would have their legs arranged with one at a bend and the other straight, this creates an interesting <strong>sillhouette <\/strong>for character design and easily <strong>communicates <\/strong>they are <strong>off <\/strong>the <strong>ground<\/strong> if the background is blank.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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 is-resized\"><img decoding=\"async\" width=\"144\" height=\"144\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images-ezgif.com-video-to-gif-converter.gif\" alt=\"\" class=\"wp-image-2075\" style=\"width:380px;height:auto\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"152\" height=\"144\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images1-ezgif.com-video-to-gif-converter-1.gif\" alt=\"\" class=\"wp-image-2079\" style=\"width:284px;height:auto\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"144\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images2-ezgif.com-video-to-gif-converter.gif\" alt=\"\" class=\"wp-image-2078\" style=\"width:284px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Scarlett Witch from Marvel had an interesting way she <strong>moves <\/strong>her <strong>arms <\/strong>when taking off and landing, it is <strong>graceful <\/strong>and <strong>elegant<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-video\"><video height=\"144\" style=\"aspect-ratio: 256 \/ 144;\" width=\"256\" autoplay controls loop muted src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/images-5.mp4\"><\/video><\/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-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/4e041dbffccd240a7ae273bdc56f50de-704x1024.jpg\" alt=\"\" class=\"wp-image-2082\" style=\"width:183px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/4e041dbffccd240a7ae273bdc56f50de-704x1024.jpg 704w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/4e041dbffccd240a7ae273bdc56f50de-206x300.jpg 206w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/4e041dbffccd240a7ae273bdc56f50de.jpg 736w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/original-2478bdb493c1f761871fabc6eeb61a88.gif\" alt=\"\" class=\"wp-image-2071\" style=\"width:416px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I also looked at superman his resting <strong>hovering <\/strong>pose is similar to the fairies with the one <strong>bent knee.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After I looked at these references I created a short animation in Flip a Clip to show my idea to my team. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video aligncenter\"><video height=\"640\" style=\"aspect-ratio: 360 \/ 640;\" width=\"360\" autoplay loop muted src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/VID_20260219_040848_614.mp4\"><\/video><figcaption class=\"wp-element-caption\">This is 8 frames per second. <\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This was well recieved so I got to work making a <strong>paper prototype <\/strong>of her <strong>idle <\/strong>pose before I spent time painting the actual character. I divided the character into seperate elements.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The head connected to the body and upper part of the arms. <\/li>\n\n\n\n<li>Left hair <\/li>\n\n\n\n<li>Right hair<\/li>\n\n\n\n<li>left lower sleeve <\/li>\n\n\n\n<li>right lower sleeve<\/li>\n\n\n\n<li>left hand <\/li>\n\n\n\n<li>Right hand <\/li>\n\n\n\n<li>Left leg<\/li>\n\n\n\n<li>Right leg<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I then drew each piece seperately and cut it out. I then taped the main body down onto a piece of paper and set my phone camera above the paper so it wouldnt move whilst I arranged the pieces. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"456\" height=\"800\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/InShot_20260216_181216751-ezgif.com-rotate.gif\" alt=\"\" class=\"wp-image-1400\" style=\"width:297px;height:auto\" \/><figcaption class=\"wp-element-caption\">This is 8 frames <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This was a success and gave me confidence that I can create a refined version. It also highlighted to me where my weaknesses were which was to lump elements together even though the hair is going down the arms are going up. I will need to pay close attention to this later.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>First Playtest Version <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before our first playtest on the 26th of February we want the character fully animated. So the week before the playtest I created the parts needed for animation. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot_20260221_162200_Magic-Poser-631x1024.jpg\" alt=\"\" class=\"wp-image-2084\" style=\"width:324px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot_20260221_162200_Magic-Poser-631x1024.jpg 631w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot_20260221_162200_Magic-Poser-185x300.jpg 185w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot_20260221_162200_Magic-Poser-768x1246.jpg 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot_20260221_162200_Magic-Poser.jpg 813w\" sizes=\"(max-width: 631px) 100vw, 631px\" \/><\/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=\"1923\" height=\"2560\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-scaled.jpg\" alt=\"\" class=\"wp-image-1463\" style=\"width:397px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-scaled.jpg 1923w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-225x300.jpg 225w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-769x1024.jpg 769w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-768x1023.jpg 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-1154x1536.jpg 1154w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/PXL_20260224_131353675-edited-1538x2048.jpg 1538w\" sizes=\"(max-width: 1923px) 100vw, 1923px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This is a sketch page of the flying animation. I drew the character and made notes of what would be moving and what pieces I would need. For the pose I used a free model poser app &#8211; Magic Poser to create and tweak the pose I wanted. Every blue circle is a piece that you can manipulate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I then<strong> <a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/05\/character-development-2\/\" data-type=\"post\" data-id=\"1308\">drew and painted the final version<\/a><\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"489\" height=\"667\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940612873-86c52e9e-45bc-4f33-8710-84dec1ccd25b_1.jpg\" alt=\"\" class=\"wp-image-1462\" style=\"width:296px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940612873-86c52e9e-45bc-4f33-8710-84dec1ccd25b_1.jpg 489w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940612873-86c52e9e-45bc-4f33-8710-84dec1ccd25b_1-220x300.jpg 220w\" sizes=\"(max-width: 489px) 100vw, 489px\" \/><\/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\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"545\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940555235-2a6b9404-3576-4328-8d15-2771bd1b2075_1.jpg\" alt=\"\" class=\"wp-image-1461\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940555235-2a6b9404-3576-4328-8d15-2771bd1b2075_1.jpg 582w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/1771940555235-2a6b9404-3576-4328-8d15-2771bd1b2075_1-300x281.jpg 300w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I then took the parts and photocopied them, emailing the results to myself. I did it at <strong>300dpi <\/strong>on an <strong>A3<\/strong> <strong>size<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I opened the files in <strong>Photoshop <\/strong>and used the object selection tool to quickly isolate the elements. For any parts that were missed I used my <strong>XP pen tablet <\/strong>and the quick selection tool to draw over the areas adding them into the selection.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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 is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"983\" height=\"775\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174659.png\" alt=\"\" class=\"wp-image-1511\" style=\"width:490px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174659.png 983w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174659-300x237.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174659-768x605.png 768w\" sizes=\"(max-width: 983px) 100vw, 983px\" \/><figcaption class=\"wp-element-caption\">The object selection tool grabbing the main pieces<\/figcaption><\/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-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"835\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174740-1024x835.png\" alt=\"\" class=\"wp-image-1510\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174740-1024x835.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174740-300x245.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174740-768x626.png 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174740.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The hair was too light so it had to be traced over. I used the add and minus options for the brush to ensure it was accurate. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"119\" height=\"38\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174747-1.png\" alt=\"\" class=\"wp-image-1513\" style=\"width:135px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"501\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-152427.png\" alt=\"\" class=\"wp-image-1506\" style=\"width:265px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-152427.png 458w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-152427-274x300.png 274w\" sizes=\"(max-width: 458px) 100vw, 458px\" \/><\/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 class=\"has-text-align-left wp-block-paragraph\">After the elements were separated I put each onto separate layers and named each layer<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"520\" height=\"466\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174413.png\" alt=\"\" class=\"wp-image-1509\" style=\"width:360px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174413.png 520w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-174413-300x269.png 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/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=\"528\" height=\"472\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175101.png\" alt=\"\" class=\"wp-image-1512\" style=\"width:358px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175101.png 528w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175101-300x268.png 300w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"388\" height=\"741\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175147.png\" alt=\"\" class=\"wp-image-1514\" style=\"width:194px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175147.png 388w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175147-157x300.png 157w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><figcaption class=\"wp-element-caption\">before <\/figcaption><\/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=\"356\" height=\"743\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175134.png\" alt=\"\" class=\"wp-image-1515\" style=\"width:178px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175134.png 356w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-25-175134-144x300.png 144w\" sizes=\"(max-width: 356px) 100vw, 356px\" \/><figcaption class=\"wp-element-caption\">After<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Once the everything was set up I noticed that the colours were a bit washed out so to make them <strong>pop <\/strong>I adjusted the levels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Darkening the shadows and upping the <strong>saturation <\/strong>as I do not know how she will compare to the background yet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To actually create the animation I put all of the elements into a group and arranged them into the first frame, I then copied and pasted this group renaming it to frame two. Then suing frame 1 as a guide on low opacity I made minimal changes moving the legs and hands up. I continued with this until I had ten frames, she reaches the peak of her height in frame 4 then slowly comes back down to end up in the same position as frame one. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once I was happy with the frames I used Photoshop&#8217;s built in video feature and made an animation then after I had flattened the layers (keeping a copy of the unflattened layers in a seperate document) I clicked make frames from layers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1903\" height=\"251\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011.png\" alt=\"\" class=\"wp-image-1507\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011.png 1903w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011-300x40.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011-1024x135.png 1024w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011-768x101.png 768w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-02-23-161011-1536x203.png 1536w\" sizes=\"(max-width: 1903px) 100vw, 1903px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the timeline view, it took a couple tries and some tweaks to get it looking presentable and like what I envisioned but eventually I saved each layer as a png and put them into a <strong>onedrive folder <\/strong>I shared with the mechanics designer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the movement animation I repeated the exact same steps except with the skirt every two frames the alternate ruffles display. My hope with this is that it would look like the skirt is blowing in the wind. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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 is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"854\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/InShot_20260307_193414561.gif\" alt=\"\" class=\"wp-image-1618\" style=\"width:390px;height:auto\" \/><\/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=\"480\" height=\"848\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/InShot_20260307_192939091.gif\" alt=\"\" class=\"wp-image-1616\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">These are the finished animations as looping GIFs. I think that the skirt idea has not quite worked with the current execution but I am happy with these for the playtest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Second Playtest Iteration <\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"681\" height=\"898\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114041.png\" alt=\"\" class=\"wp-image-1745\" style=\"width:413px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114041.png 681w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114041-228x300.png 228w\" sizes=\"(max-width: 681px) 100vw, 681px\" \/><\/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 class=\"wp-block-paragraph\">Once I was finished with the painting I scanned in the pages and cut them out in photoshop, performing a last colour check. I am very happy with how this came out I think that she matches and stands out just the right amount in each location. <\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"566\" height=\"743\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172214.png\" alt=\"\" class=\"wp-image-1963\" style=\"width:366px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172214.png 566w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172214-229x300.png 229w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"828\" height=\"757\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114126.png\" alt=\"\" class=\"wp-image-1743\" style=\"width:338px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114126.png 828w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114126-300x274.png 300w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-114126-768x702.png 768w\" sizes=\"(max-width: 828px) 100vw, 828px\" \/><\/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=\"612\" height=\"774\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172223.png\" alt=\"\" class=\"wp-image-1964\" style=\"width:380px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172223.png 612w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-172223-237x300.png 237w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whilst I was cutting the pieces out using the object selection tool and cleaning up the parts I used levels to every so slightly up the contrast by moving the dark grey arrow to only 50. This has made the purple come through on the dress better. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Idle Animation<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"388\" height=\"777\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170136.png\" alt=\"\" class=\"wp-image-1956\" style=\"width:295px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170136.png 388w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170136-150x300.png 150w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><figcaption class=\"wp-element-caption\">First and final frame<\/figcaption><\/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=\"417\" height=\"788\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170145.png\" alt=\"\" class=\"wp-image-1957\" style=\"width:311px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170145.png 417w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170145-159x300.png 159w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><figcaption class=\"wp-element-caption\">middle keyframe<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For the idle animation talking onboard the advice I got during feedback week, I wanted the character to look more <strong>graceful <\/strong>so I pushed the <strong>movements <\/strong>to be <strong>bigger<\/strong>. Starting with the first frame this is when she is about to go up so her hair is tight to her body as well as her arms and hands. For the <strong>middle keyframe <\/strong>when she is at the highest peak I made it so that her hair is fanned out behind her and her arms are wide.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"842\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-165957.png\" alt=\"\" class=\"wp-image-1962\" style=\"width:282px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-165957.png 430w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-165957-153x300.png 153w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/><\/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 class=\"wp-block-paragraph\">The increased number of parts she has both makes it so that the movement can be natural, but that it is also quite easy to lose track of the parts. So I made sure to check and see how the parts were lining up with each other. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To further try and show the characters <strong>gracefullness <\/strong>I <strong>overpainted <\/strong>on some frames the fabric of her dress moving with her.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"375\" height=\"310\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174648.png\" alt=\"\" class=\"wp-image-1967\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174648.png 375w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174648-300x248.png 300w\" sizes=\"(max-width: 375px) 100vw, 375px\" \/><\/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=\"496\" height=\"448\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174222.png\" alt=\"\" class=\"wp-image-1968\" style=\"width:261px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174222.png 496w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174222-300x271.png 300w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><\/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=\"408\" height=\"392\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174228.png\" alt=\"\" class=\"wp-image-1969\" style=\"width:244px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174228.png 408w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-174228-300x288.png 300w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/IDLE-FINAL.gif\" alt=\"\" class=\"wp-image-1970\" style=\"width:403px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the finished idle animation. I believe this is very successful and a vast improvement over the previous animation.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Movement Animation<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"312\" height=\"694\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170115.png\" alt=\"\" class=\"wp-image-1958\" style=\"width:239px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170115.png 312w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170115-135x300.png 135w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/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=\"600\" height=\"539\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-120609.png\" alt=\"\" class=\"wp-image-1744\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-120609.png 600w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-03-18-120609-300x270.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For the movement animation I repeated all of the previous steps, upping the levels, cutting out each part and putting them onto individual layers. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f 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=\"413\" height=\"821\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170046.png\" alt=\"\" class=\"wp-image-1959\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170046.png 413w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170046-151x300.png 151w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><figcaption class=\"wp-element-caption\">first and final frame<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I then created the first keyframe and the middle one. I wanted this movement to be <strong>not <\/strong>as <strong>pronounced <\/strong>so that she looked <strong>effortless gliding <\/strong>through the air. so the difference between them is not as much as in the idle animation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This animation also used a lot less frames, only using <strong>8 <\/strong>instead of the <strong>idle animations 14. <\/strong>I like this effect as when the character is moving there is <strong>less time <\/strong>and you need to get the <strong>movement <\/strong>across <strong>quicker<\/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=\"423\" height=\"823\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170029.png\" alt=\"\" class=\"wp-image-1960\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170029.png 423w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170029-154x300.png 154w\" sizes=\"(max-width: 423px) 100vw, 423px\" \/><figcaption class=\"wp-element-caption\">middle keyframe<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"838\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170004.png\" alt=\"\" class=\"wp-image-1961\" style=\"width:348px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170004.png 429w, https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/Screenshot-2026-05-04-170004-154x300.png 154w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"1920\" src=\"https:\/\/sites.wsagames.com\/stw1g24\/wp-content\/uploads\/sites\/62\/2026\/02\/ezgif.com-animated-gif-maker-1.gif\" alt=\"\" class=\"wp-image-1973\" style=\"width:313px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the final animation, it is slightly too fast but once it is in the game and in motion it should suit the characters movement. I am pleased with how this came out, there are still some issues but it is an improvement on the first iteration. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/05\/character-development-2\/\" data-type=\"post\" data-id=\"1308\">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 wp-block-paragraph\"><a href=\"https:\/\/sites.wsagames.com\/stw1g24\/2026\/02\/19\/animal-creation-and-development\/\" data-type=\"post\" data-id=\"1391\">Next Post<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have never animated with physical materials before so I conducted research into paper art and started looking at some motion references. Whilst I was designing the character I had the idea that she could float instead of walk. This is a video moodboard of the references and flying techniques I sought inspiration from. Growing [&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-1383","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\/1383","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=1383"}],"version-history":[{"count":25,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts\/1383\/revisions"}],"predecessor-version":[{"id":2183,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/posts\/1383\/revisions\/2183"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/media?parent=1383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/categories?post=1383"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/stw1g24\/wp-json\/wp\/v2\/tags?post=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}