{"id":232,"date":"2015-01-11T06:26:30","date_gmt":"2015-01-11T11:26:30","guid":{"rendered":"https:\/\/penandswordgames.com\/AurorasNightmare\/?p=232"},"modified":"2015-01-11T06:28:50","modified_gmt":"2015-01-11T11:28:50","slug":"how-the-cgs-are-made","status":"publish","type":"post","link":"https:\/\/penandswordgames.com\/AurorasNightmare\/how-the-cgs-are-made\/","title":{"rendered":"How the CGs are Made"},"content":{"rendered":"<p>Special update time! As previously mentioned, Badriel, who did all the awesome background art for Aurora\u2019s Nightmare, is now doing the CGs as well. You may remember that, in the past, he wrote a post detailing his background creation process. Well today, he\u2019s back to explain the CG creation process as well, and show off another CG.<br \/>\n-Josiah<\/p>\n<p>Making CG illustrations for a visual novel is much different from making background art, or even character art in form of sprites.<\/p>\n<p>Backgrounds should always have similar perspective properties, so the sprites don\u2019t look like giants and or dwarves, when appearing on the screen.<br \/>\nSprites should always have fixed dimensions and perspective, the source of light should be the same for the characters, preferably in front of them, so they fit well with the background art.<\/p>\n<p>CG illustrations break all of these rules, because now I have to meet several conditions:<\/p>\n<ul>\n<li>Make a drawing fitting the scene in the story;<\/li>\n<li>Make an interesting composition with the focus centred on the lead element of the illustration \u2013 most often a character or characters, rarely an object;<\/li>\n<li>Have the characters and the background in perfect harmony. Considering how different the process of making a background and character art is for me, it\u2019s not as easy as it seems<\/li>\n<li>Make sure the perspective and the characters aren\u2019t looking strange. As obvious as it sounds, it\u2019s not always so simple. It\u2019s easy to mess up a dynamic scene and have characters look very big, or very small, or tilted sideways.<\/li>\n<\/ul>\n<p>Here I\u2019ll describe how I made one of the CGs.<\/p>\n<p>First, I start with a very rough sketch, to get position, perspective and composition. It\u2019s almost stick-figures in level of complexity. I also set up a rough background outline.<\/p>\n<figure id=\"attachment_233\" aria-describedby=\"caption-attachment-233\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-233\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/01.jpg\" alt=\"CG Step 1\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/01.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/01-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/01-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-233\" class=\"wp-caption-text\">CG Step 1<\/figcaption><\/figure>\n<p>Now I sketch up the characters. They\u2019re quite rough. I try to make sure the anatomy\u2019s correct and nothing looks odd. All of the characters sit on a top of an old clock tower in a middle of a grass field. I imagined it\u2019d be very windy up there, so I tried to put an emphasis on that by letting the wind mess with the characters\u2019 hair.<\/p>\n<figure id=\"attachment_234\" aria-describedby=\"caption-attachment-234\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-234 size-full\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/02.jpg\" alt=\"CG Step 2\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/02.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/02-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/02-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-234\" class=\"wp-caption-text\">CG Step 2<\/figcaption><\/figure>\n<p>Now I add details to all the messy areas and fix any issues I might\u2019ve made in the previous phase. In this CG, the long robes were a big challenge. All those folds were pretty difficult to make. The wings were another difficult element here, because I had to imagine where would the characters place their wings to not bother each other. This state of drawing is pretty much final, now it\u2019ll all come down to details.<\/p>\n<figure id=\"attachment_235\" aria-describedby=\"caption-attachment-235\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-235\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/03.jpg\" alt=\"CG Step 3\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/03.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/03-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/03-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-235\" class=\"wp-caption-text\">CG Step 3<\/figcaption><\/figure>\n<p>I ink everything. You can still see traces of the old sketch underneath, but it won\u2019t be visible for long. I only keep it as a support for shading. I start working on the bg. For the bg making progress, you can see my other blog post.<\/p>\n<figure id=\"attachment_236\" aria-describedby=\"caption-attachment-236\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-236\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/04.jpg\" alt=\"CG Step 4\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/04.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/04-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/04-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-236\" class=\"wp-caption-text\">CG Step 4<\/figcaption><\/figure>\n<p>I start colouring the characters. First I flat-shade, then, one by one, I colour and shade the characters.<\/p>\n<p>The light in an illustration can completely change the mood, but this scene is rather light-hearted, and so is the colouring.<\/p>\n<figure id=\"attachment_237\" aria-describedby=\"caption-attachment-237\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-237\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/05.jpg\" alt=\"CG Step 5\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/05.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/05-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/05-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-237\" class=\"wp-caption-text\">CG Step 5<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_238\" aria-describedby=\"caption-attachment-238\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/06.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-238\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/06.jpg\" alt=\"CG Step 6\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/06.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/06-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/06-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-238\" class=\"wp-caption-text\">CG Step 6<\/figcaption><\/figure>\n<p>The colouring is finished and I proceed to working on the background. I tone it and shade according to the scene and characters, so the transition between the two is seamless. I also add some details, like highlights, etc.<\/p>\n<figure id=\"attachment_239\" aria-describedby=\"caption-attachment-239\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/07.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-239\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/07.jpg\" alt=\"CG Step 7\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/07.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/07-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/07-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-239\" class=\"wp-caption-text\">CG Step 7<\/figcaption><\/figure>\n<p>Final adjustments! I add some highlights, adjust contrast and brightness, crop and presto!<\/p>\n<figure id=\"attachment_240\" aria-describedby=\"caption-attachment-240\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/08.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-240\" src=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/08.jpg\" alt=\"CG Step 8\" width=\"1100\" height=\"619\" srcset=\"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/08.jpg 1100w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/08-300x169.jpg 300w, https:\/\/penandswordgames.com\/AurorasNightmare\/wp-content\/uploads\/2015\/01\/08-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-240\" class=\"wp-caption-text\">CG Step 8<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Special update time! As previously mentioned, Badriel, who did all the awesome background art for Aurora\u2019s Nightmare, is now doing the CGs as well. You may remember that, in the past, he wrote a post detailing his background creation process. Well today, he\u2019s back to explain the CG creation process as well, and show off &hellip; <a href=\"https:\/\/penandswordgames.com\/AurorasNightmare\/how-the-cgs-are-made\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How the CGs are Made<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-232","post","type-post","status-publish","format-standard","hentry","category-art"],"_links":{"self":[{"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/posts\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":3,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/posts\/232\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/penandswordgames.com\/AurorasNightmare\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}