{"id":204,"date":"2024-11-28T16:33:45","date_gmt":"2024-11-28T16:33:45","guid":{"rendered":"https:\/\/sites.wsagames.com\/pe1n23\/?p=204"},"modified":"2025-02-20T11:01:33","modified_gmt":"2025-02-20T11:01:33","slug":"concept-art","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/pe1n23\/concept-art\/","title":{"rendered":"Concept Art Development"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After my peer presentation I wanted my priority focus to be on creating concept art. I decided to start with designing the main character, the small, playful spirit which the player controls through the levels. I wanted the character to be contained within a spherical orb still, as I still want to have them roll through the levels by default as their main tool of traversal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I sketched this first rough design as a starter, heavily inspired by the Pokemon Reuniclus&#8217; design. The cube in the background is intended to be some sort of multi-coloured four-dimensional object , inspired by the tesseract in <em>Fez. <\/em><\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d03d563f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"703\" height=\"569\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-12.png\" alt=\"\" class=\"wp-image-263\" style=\"width:455px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-12.png 703w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-12-300x243.png 300w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"475\" height=\"475\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-2.png\" alt=\"\" class=\"wp-image-236\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-2.png 475w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-2-300x300.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-2-150x150.png 150w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">A quick experiment with colours made me go with contrasting colours of orange and blue for the character and the orb surrounding it respectively. I also added some shifting colours and a mosaic effect for the cube.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"675\" height=\"614\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-13.png\" alt=\"\" class=\"wp-image-264\" style=\"width:457px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-13.png 675w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-13-300x273.png 300w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, I felt that this looked too cluttered, and the sketch&#8217;s neutral expression did not portray the youthful and playful nature of the spirit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I got the time to move this drawing to Clip Studio Paint, and did some clean lines over the character. I also removed the cube in the back to avoid clutter, and added some shading and shadows:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"695\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-28.png\" alt=\"\" class=\"wp-image-841\" style=\"width:436px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-28.png 805w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-28-300x259.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-28-768x663.png 768w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I then drew up a concept for the God of Friction. I had already come up with a basic character idea as discussed in a previous post, essentially a slick and friendly exterior hiding pent-up anger. Coincidentally I had recently watched a video on YouTube on gauge blocks, essentially metal blocks machined to extremely high precision with surfaces so flat they can stick together when enough pressure and friction is applied between the two. Their dual twisting nature was naturally very appealing for this two-face character, so I chose for a head made of two metallic blocks that may twist and turn.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"655\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-29.png\" alt=\"\" class=\"wp-image-842\" style=\"width:329px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-29.png 455w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-29-208x300.png 208w\" sizes=\"(max-width: 455px) 100vw, 455px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to continue this theme into the body so I opted for a robe that sort of looks like a suit jacket, tattered and emitting dust from the stones or blocks that grind against eachother underneath. However, I thought the ripped look was too similar to the Lord of Gravity&#8217;s design, so I cleaned it up a bit:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"542\" height=\"877\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-30.png\" alt=\"\" class=\"wp-image-843\" style=\"width:372px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-30.png 542w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-30-185x300.png 185w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Environment Art<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Rooftop Plazas<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">My next idea for an environment for a level was on a set of rooftops in a city, where a player could jump between them and perhaps go through chutes or vents as part of gameplay. To ensure there was a large amount of objects I opted to have a rooftop plaza section with things like chairs, tables, and maybe even a covered swimming pool the player and objects can bounce on.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"840\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-22-1024x840.png\" alt=\"\" class=\"wp-image-825\" style=\"width:412px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-22-1024x840.png 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-22-300x246.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-22-768x630.png 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-22.png 1150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This started as a very basic sketch but I gave it another go with Clip Studio&#8217;s perspective tool:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-23-1024x853.png\" alt=\"\" class=\"wp-image-826\" style=\"width:527px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-23-1024x853.png 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-23-300x250.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-23-768x639.png 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-23.png 1135w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This was much better. I then added some colours, being inspired by some of the work by <a href=\"https:\/\/sites.wsagames.com\/pe1n23\/artist-research-joshua-davis\/\" data-type=\"post\" data-id=\"693\">Joshua Davis<\/a> I and other 2000&#8217;s graphic designers I had seen before:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"851\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-24-1024x851.png\" alt=\"\" class=\"wp-image-827\" style=\"width:594px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-24-1024x851.png 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-24-300x249.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-24-768x638.png 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-24.png 1132w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to make some of the outlines more clean but couldnt decide how much to add, as I wanted the outlines to not be too intrusive. I decided to keep my sketch layer at a low opacity and keep my clean outlines in a lighter colour:<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-d03d563f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"854\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-25-1024x854.png\" alt=\"\" class=\"wp-image-828\" style=\"width:499px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-25-1024x854.png 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-25-300x250.png 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-25-768x641.png 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/image-25.png 1117w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This looked really nice. All I added after that was some &#8220;collage work&#8221; by adding in some free stock photos from Google:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1024x853.jpg\" alt=\"\" class=\"wp-image-831\" style=\"width:549px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1024x853.jpg 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-300x250.jpg 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-768x640.jpg 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1536x1280.jpg 1536w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-2048x1707.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Finally I used a a gradient map to give the shadows a more greenish tinge for a stylised look:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" src=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1-1024x853.jpg\" alt=\"\" class=\"wp-image-832\" style=\"width:607px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1-1024x853.jpg 1024w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1-300x250.jpg 300w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1-768x640.jpg 768w, https:\/\/sites.wsagames.com\/pe1n23\/wp-content\/uploads\/sites\/10\/2024\/11\/conceptenv1-1.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>After my peer presentation I wanted my priority focus to be on creating concept art. I decided to start with designing the main character, the small, playful spirit which the player controls through the levels. I wanted the character to be contained within a spherical orb still, as I still want to have them roll [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,28],"tags":[],"class_list":["post-204","post","type-post","status-publish","format-standard","hentry","category-development","category-semester-1"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":12,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/posts\/204\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/categories?post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/pe1n23\/wp-json\/wp\/v2\/tags?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}