{"id":20980,"date":"2024-08-16T09:49:42","date_gmt":"2024-08-16T14:49:42","guid":{"rendered":"https:\/\/www.asmodee.ca\/?p=20980"},"modified":"2024-08-16T09:49:44","modified_gmt":"2024-08-16T14:49:44","slug":"article-yokohama-art-director-illustrator-diary","status":"publish","type":"post","link":"https:\/\/www.asmodee.ca\/en\/article-yokohama-art-director-illustrator-diary\/","title":{"rendered":"YOKOHAMA: Art Director &#038; Illustrator Diary &#8211; The Art of Journeying through the Meiji Era"},"content":{"rendered":"\n<p>The art direction on <strong>YOKOHAMA<\/strong>, the board game, stands as a testament to the meticulous work undertaken by our Art Director, Marie-Elaine B\u00e9rub\u00e9, and the talented illustrators at <strong>The Creation Studio<\/strong>. Here, they shed light on the creative process behind bringing the <strong>early Meiji era <\/strong>to life in the game.<\/p>\n\n\n\n<p>Before embarking on a project like YOKOHAMA, it\u2019s essential to do extensive historical research to soak up the nuances of the time period. <strong>\u201cThis was a crucial step to portraying Japan\u2019s Meiji era as accurately as possible,\u201d <\/strong>Marie-Elaine affirmed, underlining the importance of a global understanding to capture the essence of the historical context.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"657\" height=\"446\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_1-1.jpg\" alt=\"\" class=\"wp-image-20982\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_1-1.webp 657w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_1-1-300x204.webp 300w\" sizes=\"auto, (max-width: 657px) 100vw, 657px\" \/><figcaption class=\"wp-element-caption\"><em>Main port facilities &#8211; Yokohama, circa 1900s.<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"665\" height=\"451\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_2-1.jpg\" alt=\"\" class=\"wp-image-20984\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_2-1.webp 665w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_2-1-300x203.webp 300w\" sizes=\"auto, (max-width: 665px) 100vw, 665px\" \/><figcaption class=\"wp-element-caption\"><em>Theater street &#8211; Yokohama, circa 1900s.<\/em><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-a-conscientious-approach\">A Conscientious Approach<\/h2>\n\n\n\n<p>The journey from research to finished product involved a series of steps that reaffirms the team\u2019s dedication to authenticity. Thorough data-gathering was the springboard for the process, followed by preliminary sketch work, paired with ongoing communication. Refining those sketches culminated in finalized illustrations, which were the result of careful planning, a steady sharing of ideas, and the establishment of clear standards early on.&nbsp;<\/p>\n\n\n\n<p>One of the biggest challenges was identifying the appropriate look for the figures. Documentation from the reference period, <strong>circa 1868<\/strong>, indicated that this was a transitional step in Japan\u2019s history as it gradually opened up to the Western world. For a certain time, both traditional Japanese dress and Western-style outfits coexisted and blended in Yokohama\u2019s cultural landscape.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-from-pen-to-paper\">From Pen to Paper<\/h2>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"1024\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_3-1-750x1024.jpg\" alt=\"\" class=\"wp-image-20986\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-750x1024.webp 750w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-220x300.webp 220w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-768x1048.webp 768w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-1125x1536.webp 1125w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-586x800.webp 586w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1-366x500.webp 366w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_3-1.webp 1468w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\"><em>TOP: Period photograph \/ CENTER: Original sketch \/ BOTTOM: Final artwork Customs office &#8211; Yokohama<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>A notable aspect of the illustrations in YOKOHAMA is the use of pastel colors. The team delved deeply into the insights provided by their research, experimenting with various shades before settling on a tonal palette. Influenced by historical photographs and references, the general use of lighter hues aims to evoke a natural and atmospheric feel.<\/p>\n\n\n\n<p>When reproducing locations, there is a constant balancing act between accuracy and creative expression. Drawing from period photographs, each artist injected their unique perspective into YOKOHAMA\u2019s illustrations. Brush strokes, ink splatter effects, and other clever touches transformed the original scenes into alternative, visually captivating representations that retain the era\u2019s essence.<\/p>\n\n\n\n<p>Despite the geographical distance, married with the challenge of not having experienced Japan firsthand, the team leveraged technology to bridge the gap. Online resources helped to recreate scenes and imbue the illustrations with authenticity, ensuring a vivid portrayal of the local customs and culture. As a general approach, the artists strove to mimic the look and feel of the era without attempting to create identical replicas. For example, when considering the Yen used in the game, the main inspiration was the chrysanthemum symbol found on the standard circulation coin of the time. When speaking of YOKOHAMA\u2019s overall design, Marie-Elaine states: <strong>\u201cWe wanted this revamped version to combine a softened aesthetic with a modern appeal.\u201d<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"825\" height=\"331\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_4-1.jpg\" alt=\"\" class=\"wp-image-20988\" style=\"width:700px\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_4-1.webp 825w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_4-1-300x120.webp 300w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_4-1-768x308.webp 768w\" sizes=\"auto, (max-width: 825px) 100vw, 825px\" \/><\/figure>\n<\/div>\n\n\n<figure class=\"wp-block-pullquote has-medium-font-size\"><blockquote><p><br><em>\u201c<\/em><strong><em>In order to confirm the accuracy of the visual cues and points of inspiration we gathered during our sourcing, we made sure to work in close collaboration with OKAZU BRAND, the original Japanese publisher of the game. The team\u2019s main concern was to ensure consistency between artistic interpretation and a faithful representation of the Meiji era, and this was achieved through regular approval of images and illustrations.<\/em><\/strong><em>\u201d&nbsp;<\/em><\/p><cite><em>\u2013 Marie-Elaine B\u00e9rub\u00e9, Art Director<\/em><\/cite><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-no-small-undertaking\">No Small Undertaking<\/h2>\n\n\n\n<p>YOKOHAMA required the creation of over 30 unique illustrations, all of which featured a distinctive watercolor style; an assignment that required months of dedicated effort. One of the hurdles for each individual illustration was to consistently render different watercolor effects designed to evoke a diverse range of emotions\u2014 a testament to the team\u2019s commitment to delivering a visually dynamic and immersive experience.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1001\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_5-1-1024x1001.jpg\" alt=\"\" class=\"wp-image-20990\" style=\"width:895px;height:auto\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1-1024x1001.webp 1024w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1-300x293.webp 300w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1-768x750.webp 768w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1-819x800.webp 819w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1-512x500.webp 512w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_5-1.webp 1484w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>TOP: Period drawing \/ BOTTOM: Final artwork &#8211; Yokohama Church<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p><strong>\u201cOur main source of pride in this project is that we were able to transpose the Japanese historical context into something close to an artistic masterpiece,\u201d <\/strong>highlights Nic Lim of The Creation Studio.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_6-1-1024x487.jpg\" alt=\"\" class=\"wp-image-20992\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_6-1-1024x487.webp 1024w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_6-1-300x143.webp 300w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_6-1-768x365.webp 768w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_6-1-1052x500.webp 1052w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_6-1.webp 1426w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>Period photograph > Final artwork &#8211; Yokohama Bank<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Another important goal was to simplify the visual aspect of the game\u2019s components to keep the table presence attractive while minimizing clutter. <strong>\u201cThere\u2019s a huge number of components on the table during the game,\u201d <\/strong>says Marie-Elaine. <strong>\u201cWe had to tweak the icons and illustrations in order to streamline the player experience, all while maintaining the historical feel of the era and keeping the overall presentation refined.\u201d<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-a-tribute-to-a-classic-favorite-nbsp\">A Tribute to a Classic Favorite&nbsp;<\/h2>\n\n\n\n<p>YOKOHAMA\u2019s new edition honors everyone who contributed to breathing new life into this classic game. With its rich and evocative art style and reimagined components, YOKOHAMA stands as a collective triumph, seamlessly blending history with creative flair!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/2024\/08\/IMAGE_7-1024x613.jpg\" alt=\"\" class=\"wp-image-20994\" style=\"width:700px\" srcset=\"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-1024x613.webp 1024w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-300x180.webp 300w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-768x460.webp 768w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-1536x920.webp 1536w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-1336x800.webp 1336w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7-835x500.webp 835w, https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/IMAGE_7.webp 1974w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Explore the creative process and historical research that went into bringing the early Meiji era to life in the YOKOHAMA board game.<\/p>\n","protected":false},"author":17,"featured_media":21027,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1016],"tags":[],"class_list":["post-20980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education-2"],"acf":[],"featuredImageSourceUrl":"https:\/\/cdn.svc.asmodee.net\/production-asmodeeca\/uploads\/image-converter\/2024\/08\/2024_08_16_Yokohama-EN-1024x576.webp","productImageSourceUrl":false,"_links":{"self":[{"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/posts\/20980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/comments?post=20980"}],"version-history":[{"count":8,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/posts\/20980\/revisions"}],"predecessor-version":[{"id":21015,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/posts\/20980\/revisions\/21015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/media\/21027"}],"wp:attachment":[{"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/media?parent=20980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/categories?post=20980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.asmodee.ca\/en\/wp-json\/wp\/v2\/tags?post=20980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}