{"id":577,"date":"2017-12-26T14:20:52","date_gmt":"2017-12-26T14:20:52","guid":{"rendered":"https:\/\/www.gearheadrpg.com\/?p=577"},"modified":"2017-12-26T14:20:52","modified_gmt":"2017-12-26T14:20:52","slug":"new-style-portraits-step-by-step","status":"publish","type":"post","link":"https:\/\/gearheadrpg.com\/wp\/2017\/12\/26\/new-style-portraits-step-by-step\/","title":{"rendered":"New Style Portraits: Step by Step"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-578\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/GHC_VikkiShingo.png\" alt=\"\" width=\"700\" height=\"540\" \/><\/p>\n<p>As you can see from the above picture, <a href=\"https:\/\/github.com\/jwvhewitt\/gearhead-caramel\">GearHead Caramel<\/a> uses much bigger portraits than previous GearHead games, and the color switcher can handle subtler shading. Plus, there are now five recoloring channels to work with instead of just three. Here&#8217;s a quick tutorial on how I&#8217;ve been making portraits for the new system.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-579\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/WinterVikki_1_Pencils.png\" alt=\"\" width=\"720\" height=\"1080\" \/><\/p>\n<p>I start by doing a number of rough sketches for the character, before settling on the one I like the best. GearHead Caramel portraits should show the character from head to mid-thigh. They should be looking to the right, since that&#8217;s where the dialogue box is. I use a blue color for my pencils so it&#8217;ll be easier to draw black over them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-580\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/WinterVikki_2_Inks.png\" alt=\"\" width=\"720\" height=\"1080\" \/><\/p>\n<p>The second stage is what we cartoonists would call &#8220;inks&#8221;, though since I&#8217;m working digitally no actual ink was involved.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-581\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/WinterVikki_3_Flats.png\" alt=\"\" width=\"720\" height=\"1080\" \/><\/p>\n<p>Next, I do the flat colors. For this method I complete the drawing in black and white, then add colors as the final step. You want to get a pretty wide value range- the shades should go from dark grey #404040 to pure white #ffffff. My professor <a href=\"https:\/\/www.cca.edu\/academics\/faculty\/allenpassalaqua\">Allen Passalaqua<\/a> suggested using the darkest color of each area as the flat color, so that&#8217;s what I did here.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-582\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/WinterVikki_4_Shading.png\" alt=\"\" width=\"720\" height=\"1080\" \/><\/p>\n<p>Shading is added using the lasso-and-gradient method. Using the lasso and other selection tools, I apply white-to-transparent gradients to a layer above the flats. You can find lots of tutorials on this method if you search. I probably should have pushed the darks a bit darker on this portrait, but it&#8217;s all a learning experience.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-583\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/WinterVikki_5_Multiply.png\" alt=\"\" width=\"720\" height=\"1080\" \/><\/p>\n<p>Finally, it&#8217;s time to color the portrait. I add another layer on top of the picture and set its mode to Multiply.\u00a0 Red areas get colored with pure red (#ff0000), yellow areas with pure yellow (#ffff00), green with green (#00ff00), magenta with magenta (#ff00ff), and cyan with cyan (#00ffff). Because the layer mode is set to Multiply, the shading from the lower layers will show. Any areas left grey will be grey in the final portrait.<\/p>\n<p>For characters: red = clothing 1, yellow = skin color, green = hair color, cyan = detail color, magenta = clothing 2<\/p>\n<p>For mecha: red = main color, yellow = secondary color, green = sensor\/detail color, cyan = metal color, magenta = tertiary color<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-584\" src=\"https:\/\/www.gearheadrpg.com\/wp-content\/uploads\/2017\/12\/por_f_wintervikki.png\" alt=\"\" width=\"400\" height=\"600\" \/><\/p>\n<p>The final portrait size is 400&#215;600. Most characters should be around 500px tall; that way, there&#8217;s room to go bigger or smaller to show that a character is particularly large or tiny.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As you can see from the above picture, GearHead Caramel uses much bigger portraits than previous GearHead games, and the color switcher can handle subtler shading. Plus, there are now five recoloring channels to work with instead of just three. Here&#8217;s a quick tutorial on how I&#8217;ve been making portraits for the new system. I &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/gearheadrpg.com\/wp\/2017\/12\/26\/new-style-portraits-step-by-step\/\">Continue reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[27,54],"class_list":["post-577","post","type-post","status-publish","format-standard","hentry","category-development","tag-caramel","tag-graphics","item-wrap"],"_links":{"self":[{"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/posts\/577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/comments?post=577"}],"version-history":[{"count":0,"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/posts\/577\/revisions"}],"wp:attachment":[{"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/media?parent=577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/categories?post=577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gearheadrpg.com\/wp\/wp-json\/wp\/v2\/tags?post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}