{"id":23,"date":"2020-02-23T00:06:00","date_gmt":"2020-02-23T00:06:00","guid":{"rendered":"http:\/\/dbbd.sg\/blog\/uncategorized\/the-kappas-izakaya-360-illustration-process\/"},"modified":"2020-02-23T00:06:00","modified_gmt":"2020-02-23T00:06:00","slug":"the-kappas-izakaya-360-illustration-process","status":"publish","type":"post","link":"https:\/\/dbbd.sg\/blog\/2020\/02\/the-kappas-izakaya-360-illustration-process\/","title":{"rendered":"The Kappa&#8217;s Izakaya: 360\u00b0 Illustration Process"},"content":{"rendered":"<p><a href=\"https:\/\/4.bp.blogspot.com\/-kYa0Fi0TJ74\/Xk-RQnALsmI\/AAAAAAABYLk\/HW-Z3J_ttNEL-l6sbPqXpL0TsUOYhI-KACLcBGAsYHQ\/s1600\/izakaya%2Bfx%2Bbreakdown.2020-02-21%2B14_00_13.gif\"><img border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-kYa0Fi0TJ74\/Xk-RQnALsmI\/AAAAAAABYLk\/HW-Z3J_ttNEL-l6sbPqXpL0TsUOYhI-KACLcBGAsYHQ\/s1600\/izakaya%2Bfx%2Bbreakdown.2020-02-21%2B14_00_13.gif\" data-original-width=\"1600\" data-original-height=\"799\" width=\"800\" \/><\/a><\/p>\n<p>Recently I worked on a 360\u00b0 illustration of an Izakaya in Daryl Qilin Yam&#8217;s Kappa Quartet and I was asked if I could share a bit more about the process of doing such an illustration.<\/p>\n<p>Artistic disclaimer: It just so happened that I watched a lot of Midnight Diner at the time when I was doing this illustration, so those spaces were definitely in my mind&#8217;s eye. There was also the show Samurai Gourmet which was a bit tiresome to watch, but had a few good shots of a traditional izakaya too. Alas, although I have visited Tokyo several times before, at this point I haven&#8217;t really been to a bar or izakaya in some years now&#8230;<\/p>\n<p><a href=\"https:\/\/3.bp.blogspot.com\/-Cfe1HwnfE6Q\/XlG5ON7hcGI\/AAAAAAABYhk\/z8dCnhNTY30JgONvoxoU6Tp4Lv-1LxPawCPcBGAYYCw\/s1600\/MIDNIGHT-DINER%2B-TOKYO-STORIES.jpeg\"><img border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-Cfe1HwnfE6Q\/XlG5ON7hcGI\/AAAAAAABYhk\/z8dCnhNTY30JgONvoxoU6Tp4Lv-1LxPawCPcBGAYYCw\/s1600\/MIDNIGHT-DINER%2B-TOKYO-STORIES.jpeg\" data-original-width=\"1600\" data-original-height=\"1067\" width=\"800\" \/><\/a><br \/><center><small>From &#8220;Midnight Diner: Tokyo Stories&#8221;<\/small><\/center><br \/><a href=\"https:\/\/2.bp.blogspot.com\/-3hvB6fJHQUs\/XlG5k1UaPXI\/AAAAAAABYho\/Pp3YyKojc4ABZtY4BoMK7hgkB537zXYSgCLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-23%2Bat%2B7.30.00%2BAM.png\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-3hvB6fJHQUs\/XlG5k1UaPXI\/AAAAAAABYho\/Pp3YyKojc4ABZtY4BoMK7hgkB537zXYSgCLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-23%2Bat%2B7.30.00%2BAM.png\" data-original-width=\"1600\" width=\"800\" data-original-height=\"846\" \/><\/a><br \/><center><small>From &#8220;Samurai Gourmet&#8221;<\/small><\/center><br \/>Some things I realised from these portraits of izakayas is that when in doubt on how to fill the bar space, you can put stacks of tiny crockery or cover it up with a cupboard!<\/p>\n<p><a href=\"https:\/\/2.bp.blogspot.com\/-jeVcGm5TcOg\/XlG9nKwZzVI\/AAAAAAABYh8\/At0STmwaskwJWlviBGw9yfvWmlLbDSplACLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-23%2Bat%2B7.46.55%2BAM.png\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-jeVcGm5TcOg\/XlG9nKwZzVI\/AAAAAAABYh8\/At0STmwaskwJWlviBGw9yfvWmlLbDSplACLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-23%2Bat%2B7.46.55%2BAM.png\" data-original-width=\"1600\" data-original-height=\"1091\" width=\"800\" \/><\/a><br \/><center><small>I even made a little crackleware&#8230; not that the detail is visible in the final render<\/small><\/center><br \/><small><b>Another disclaimer:<\/b> Where 3D modelling is concerned, I mainly design spaces and architectural\/interior renders and I&#8217;m not a character designer! This will probably be apparent to people who actually do proper animation \/ character design because here I chose to render all the other people in the scene in this weird white low-poly form. Personally I thought it a good fix for my weakness and also that it kinda worked for this &#8216;horror&#8217; piece&#8230;<\/small><\/p>\n<p>Initially I thought that I would actually try to do the entire drawing by hand because I have actually enjoyed doing similar illustrations entirely by hand in the past &#8211; especially with lens distorsion like this:<\/p>\n<p><center><a href=\"https:\/\/4.bp.blogspot.com\/-_FwK86iaKLk\/XlDuHiYnUyI\/AAAAAAABYVg\/yG8iw-D20zcxH-RWtdEbo_wG8g9ArbSQACLcBGAsYHQ\/s1600\/CR_1.png\"><img border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-_FwK86iaKLk\/XlDuHiYnUyI\/AAAAAAABYVg\/yG8iw-D20zcxH-RWtdEbo_wG8g9ArbSQACLcBGAsYHQ\/s1600\/CR_1.png\" data-original-width=\"1053\" data-original-height=\"1600\" width=\"600\" \/><\/a> <a href=\"https:\/\/2.bp.blogspot.com\/-mIhHmCjS91c\/XlE-NWcCL_I\/AAAAAAABYgU\/wS8qq8hiZr8OzS4IoplOlYnenl3tLBqoACLcBGAsYHQ\/s1600\/CR_3.png\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-mIhHmCjS91c\/XlE-NWcCL_I\/AAAAAAABYgU\/wS8qq8hiZr8OzS4IoplOlYnenl3tLBqoACLcBGAsYHQ\/s1600\/CR_3.png\" data-original-width=\"1053\" data-original-height=\"1600\" width=\"600\" \/><\/a><br \/><small>2 illustrations from the set of 4 that I was commissioned to do for the Commuting Reader<\/small><\/center><br \/>I usually work out a lot of the alignment for this kind of illustration by doing a 3d model using a fisheye or panoramic lens. After arranging white blocks in the space and rendering it out, I just use those lines in the render as perspective reference for my drawing. <\/p>\n<p><a href=\"https:\/\/2.bp.blogspot.com\/-Q2csMfSGrfM\/XlE7yBV8rZI\/AAAAAAABYfw\/B1p4D2zguhIx5F2PQvEq826iqCKCfYYuQCLcBGAsYHQ\/s1600\/izakaya_breakdown_0005_Background.jpg\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-Q2csMfSGrfM\/XlE7yBV8rZI\/AAAAAAABYfw\/B1p4D2zguhIx5F2PQvEq826iqCKCfYYuQCLcBGAsYHQ\/s1600\/izakaya_breakdown_0005_Background.jpg\" data-original-width=\"1600\" data-original-height=\"800\" width=\"800\" \/><\/a><br \/><center><small>Example: this plain equirectangular render with no materials&#8230;<\/small><\/center><br \/>And for all other details that you need to fill in by hand, you can rely on an equirectangular grid (here is a link to <a href=\"https:\/\/www.flickr.com\/photos\/dmswart\/26363697850\">an equirectangular grid by David Swart<\/a> that you can use as a template) and think of it as a 4 point perspective drawing as so:<\/p>\n<p><a href=\"https:\/\/3.bp.blogspot.com\/-sUqyu98TwyU\/XlDulcAXwlI\/AAAAAAABYVo\/aBlDaWb5Lagdw_0hz1CaKE4c7Np4xobRQCLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-22%2Bat%2B4.41.55%2BPM.png\"><img border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-sUqyu98TwyU\/XlDulcAXwlI\/AAAAAAABYVo\/aBlDaWb5Lagdw_0hz1CaKE4c7Np4xobRQCLcBGAsYHQ\/s1600\/Screenshot%2B2020-02-22%2Bat%2B4.41.55%2BPM.png\" data-original-width=\"1600\" data-original-height=\"822\" width=\"800\" \/><\/a><\/p>\n<p>Here&#8217;s a 4 hour sketch I made using the grid for the fun of it in 2018&#8230; <br \/>(Back when I had a lot of free time huh)<\/p>\n<p><a href=\"https:\/\/3.bp.blogspot.com\/-seScrTPSo9Y\/XlDvboRGR2I\/AAAAAAABYV8\/JunpIJFmHpstEhbikHGVEn5r7WAazMGugCLcBGAsYHQ\/s1600\/equirectangular_DBBDWORLD2018.png\"><img border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-seScrTPSo9Y\/XlDvboRGR2I\/AAAAAAABYV8\/JunpIJFmHpstEhbikHGVEn5r7WAazMGugCLcBGAsYHQ\/s1600\/equirectangular_DBBDWORLD2018.png\" data-original-width=\"1600\" data-original-height=\"800\" width=\"800\" \/><\/a><\/p>\n<p><a href=\"https:\/\/2.bp.blogspot.com\/-3elCO5uBtF0\/XlE8cpjnerI\/AAAAAAABYf4\/Ab0kR5EWcgAIcjVj5_8A3Ng3C_ggv9aGACLcBGAsYHQ\/s1600\/equirectangular_DBBDWORLD2018_360.2020-02-22%2B22_35_46ani.gif\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-3elCO5uBtF0\/XlE8cpjnerI\/AAAAAAABYf4\/Ab0kR5EWcgAIcjVj5_8A3Ng3C_ggv9aGACLcBGAsYHQ\/s1600\/equirectangular_DBBDWORLD2018_360.2020-02-22%2B22_35_46ani.gif\" data-original-width=\"1024\" data-original-height=\"615\" width=\"800\" \/><\/a><\/p>\n<p>Problem right now is that feeding and caring for Beano made it extraordinarily difficult for me to be able to use the tablet or cintiq. If left to her own devices, she wants to pull on all the type-c cables and gnaw on my stylus and then slap my cintiq screen! Attempts to set up my workstation in the bedroom so I can use the cintiq when she&#8217;s asleep have failed in baby safety. In fact I&#8217;ve more or less resigned myself to the fact that spending time with the tablet is impossible now &#8211; WHO WANTS TO BUY A MEDIUM WACOM AND\/OR A CINTIQ PRO IN EXCELLENT CONDITION??? &#8211; and I&#8217;ve had to streamline my time spent designing, thinking of the fastest way to get the visual output. Hours spent doing digital painting like in the old days? Not happening anymore. A blender render is all I can muster now, which is great because whilst I feed and entertain Beano, I can easily set a render going so that I feel as if my illustration is partly doing itself whilst I&#8217;m busy&#8230;<\/p>\n<p><a href=\"https:\/\/4.bp.blogspot.com\/-v5O5sh0zJfs\/XlFDHx0RdEI\/AAAAAAABYgo\/v8VUCwDP7r02eICVvZM-tDbI5lnTDdVggCLcBGAsYHQ\/s1600\/screencast%2B2020-02-22%2B22-54-30.2020-02-22%2B23_04_42.gif\"><img border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-v5O5sh0zJfs\/XlFDHx0RdEI\/AAAAAAABYgo\/v8VUCwDP7r02eICVvZM-tDbI5lnTDdVggCLcBGAsYHQ\/s1600\/screencast%2B2020-02-22%2B22-54-30.2020-02-22%2B23_04_42.gif\" data-original-width=\"1024\" data-original-height=\"574\" width=\"800\" \/><\/a><\/p>\n<p>I also use a renderfarm to speed things up a bit and I usually do a smaller resolution render to check that things are alright before doing the full size. At the 50% of the resolution I wanted it cost about 40-60 US cents (0.85 SGD) for each one. For the final render at 100% resolution and twice the samples, it cost about 4 USD (5.60 SGD).<\/p>\n<p><a href=\"https:\/\/2.bp.blogspot.com\/-me-P30O3FyA\/XlFCAhzZvMI\/AAAAAAABYgg\/qxtMHcgUr-QOzX0IADUDmL2FEn3GmlEeQCLcBGAsYHQ\/s1600\/Job%2BList%2B-%2BRender%2BStreet%2BJob%2BManagement%2B2020-02-22%2B22-59-13%25281%2529.png\"><img border=\"0\" src=\"https:\/\/2.bp.blogspot.com\/-me-P30O3FyA\/XlFCAhzZvMI\/AAAAAAABYgg\/qxtMHcgUr-QOzX0IADUDmL2FEn3GmlEeQCLcBGAsYHQ\/s1600\/Job%2BList%2B-%2BRender%2BStreet%2BJob%2BManagement%2B2020-02-22%2B22-59-13%25281%2529.png\" data-original-width=\"1600\" data-original-height=\"1216\" width=\"800\" \/><\/a><\/p>\n<p>I don&#8217;t know how most people do the next step but I usually go through a process of annotating my renders and then ticking them off in <a href=\"https:\/\/monosnap.com\/\">Monosnap<\/a> through as I do the edits:<\/p>\n<p><a href=\"https:\/\/3.bp.blogspot.com\/-1ITCtxOfeoA\/XlE9U8m4A-I\/AAAAAAABYgI\/UQoxB0ReHQcFvNjwoAUwnuQakCV3vu3QgCLcBGAsYHQ\/s1600\/izakaya17_00001%25281%2529.png\"><img border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-1ITCtxOfeoA\/XlE9U8m4A-I\/AAAAAAABYgI\/UQoxB0ReHQcFvNjwoAUwnuQakCV3vu3QgCLcBGAsYHQ\/s1600\/izakaya17_00001%25281%2529.png\" data-original-width=\"1600\" data-original-height=\"800\" width=\"800\" \/><\/a> <\/p>\n<p><a href=\"https:\/\/3.bp.blogspot.com\/-3VmLYppvtII\/XlE9UQFXzHI\/AAAAAAABYgE\/OJpb8Et9XhAwYdKgxXEojjxMreN2hD62QCLcBGAsYHQ\/s1600\/izakaya20_000012.png\"><img border=\"0\" src=\"https:\/\/3.bp.blogspot.com\/-3VmLYppvtII\/XlE9UQFXzHI\/AAAAAAABYgE\/OJpb8Et9XhAwYdKgxXEojjxMreN2hD62QCLcBGAsYHQ\/s1600\/izakaya20_000012.png\" data-original-width=\"1600\" data-original-height=\"800\" width=\"800\" \/><\/a><\/p>\n<p>Finally we end up with the base render onto which I can add faces and other details in Photoshop. I do find that adding a bit of noise (0.5%-2%) also helps make it more &#8216;painterly&#8217; because when the render is too sharp it becomes a bit disconcerting and unreal. I also drop the file periodically into <a href=\"https:\/\/threejs.org\/examples\/webgl_panorama_equirectangular.html\">this equirectangular viewer<\/a> to see if the work is shaping up correctly &#8211; usually common issues might include (1) some things in the image that seemed further away may suddenly seem extremely close to the camera view or (2) items may be blocked when you render the specific view &#8211; so some time needs to be spent finetuning the arrangement.<\/p>\n<p><a href=\"https:\/\/4.bp.blogspot.com\/-kYa0Fi0TJ74\/Xk-RQnALsmI\/AAAAAAABYLk\/HW-Z3J_ttNEL-l6sbPqXpL0TsUOYhI-KACLcBGAsYHQ\/s1600\/izakaya%2Bfx%2Bbreakdown.2020-02-21%2B14_00_13.gif\"><img border=\"0\" src=\"https:\/\/4.bp.blogspot.com\/-kYa0Fi0TJ74\/Xk-RQnALsmI\/AAAAAAABYLk\/HW-Z3J_ttNEL-l6sbPqXpL0TsUOYhI-KACLcBGAsYHQ\/s1600\/izakaya%2Bfx%2Bbreakdown.2020-02-21%2B14_00_13.gif\" data-original-width=\"1600\" data-original-height=\"799\" width=\"800\" \/><\/a><br \/><center><small>Render Breakdown<\/small><\/center><br \/>This was another work made possible by the Dingparents who came down to take care of Beano on the weekends so I could continue my artistic pursuits! I am grateful to have the time to continue to make my work.<\/p>\n<hr \/>\n<p>Come see the final image at <b>Textures: A Weekend of Words<\/b>, at Sorta Scary Singapore Stories by Tusitala.<\/p>\n<p><a href=\"https:\/\/1.bp.blogspot.com\/-MZpZAwXwFIY\/XlG_FkxUXXI\/AAAAAAABYiI\/7lPRfxBVquE5Im-eRNqeHKIcoFxon9CWACLcBGAsYHQ\/s1600\/sorta-scary-singapore-stories-banner.jpg\"><img border=\"0\" src=\"https:\/\/1.bp.blogspot.com\/-MZpZAwXwFIY\/XlG_FkxUXXI\/AAAAAAABYiI\/7lPRfxBVquE5Im-eRNqeHKIcoFxon9CWACLcBGAsYHQ\/s1600\/sorta-scary-singapore-stories-banner.jpg\" data-original-width=\"894\" data-original-height=\"435\" width=\"600\" \/><\/a><\/p>\n<p>13 &#8211; 22 Mar<br \/>10am \u2013 10pm<br \/>The Arts House<\/p>\n<p>Textures: A Weekend of Words celebrates Singapore literature and its diverse community. No longer a solitary experience, reading becomes a shared adventure through performances, installations, and workshops that will take you on a trip through the literary worlds of local authors.<\/p>\n<p>The third edition of the festival takes on the theme \u201cThese Storied Walls\u201d. Inspired by The Arts House\u2019s many identities as a Scotsman\u2019s planned estate, our nation\u2019s first parliament, and now Singapore\u2019s literary arts centre, the walls of The Arts House have been etched with the stories of those who have walked these halls.<\/p>\n<p>This year\u2019s programming features more installations and participatory activities that invite you to go a step further \u2014 move a bit closer and look a little longer. As you discover undiscovered narratives of your own, join those who have come before and weave your story into the tapestry of The Arts House.<\/p>\n<p>Textures is co-commissioned by The Arts House and #BuySingLit, and supported by National Arts Council<\/p>\n<p>More about <a href=\"https:\/\/www.theartshouse.sg\/whats-on\/Sorta-Scary-Singapore-stories-a-360-degree-experience\">Sorta Scary Singapore Stories<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recently I worked on a 360\u00b0 illustration of an Izakaya in Daryl Qilin Yam&#8217;s Kappa Quartet and I was asked if I could share a bit more about the process of doing such an illustration. Artistic disclaimer: It just so happened that I watched a lot of Midnight Diner at the time when I was [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[28,27,29],"jetpack_featured_media_url":"https:\/\/dbbd.sg\/blog\/wp-content\/uploads\/2021\/05\/izakayafxbreakdown.2020-02-2114_00_13.gif","_links":{"self":[{"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/posts\/23"}],"collection":[{"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/posts\/23\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/media\/2917"}],"wp:attachment":[{"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/media?parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/categories?post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dbbd.sg\/blog\/wp-json\/wp\/v2\/tags?post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}