{"id":2095,"date":"2024-10-14T19:27:30","date_gmt":"2024-10-14T19:27:30","guid":{"rendered":"https:\/\/laurielle.net\/?p=2095"},"modified":"2024-10-13T17:23:34","modified_gmt":"2024-10-13T17:23:34","slug":"disenando-un-juego-de-mesa-la-caja-de-carteros-de-villacolmillo","status":"publish","type":"post","link":"https:\/\/laurielle.net\/en\/2024\/10\/14\/disenando-un-juego-de-mesa-la-caja-de-carteros-de-villacolmillo\/","title":{"rendered":"Dise\u00f1ando un juego de mesa: la caja de Carteros de Villacolmillo"},"content":{"rendered":"<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2097\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-1024x1015.jpg\" alt=\"Dise\u00f1o de la caja del juego Carteros de Villacolmillo, con todos los personajes sobre una colina durante un atardecer\" width=\"525\" height=\"520\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-1024x1015.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-300x298.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-150x150.jpg 150w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-768x762.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja-100x100.jpg 100w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Portada-juego-baja.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Para celebrar que la imprenta le ha dado el visto bueno al juego, vamos a hablar un poco de c\u00f3mo es ilustrar la caja de un juego de mesa.<\/p>\n<p>Dej\u00e9 el dise\u00f1o de la caja de Carteros de Villacolmillo para el final, cuando <a href=\"https:\/\/laurielle.net\/2024\/09\/03\/trabajando-en-villacolmillo-iv-el-juego-ya-se-puede-probar-en-printplay\/\">ya ten\u00eda todos los dem\u00e1s elementos del juego hecho<\/a>s. Esto es por comodidad: as\u00ed pod\u00eda centrarme en crear una ilustraci\u00f3n chula sin pensar c\u00f3mo deb\u00edan ser los personajes o el estilo del juego (porque ya estaba hecho).<\/p>\n<p><!--more--><\/p>\n<p>Lo primero fue hacer bocetillos de ideas, <a href=\"https:\/\/www.patreon.com\/posts\/bocetos-de-i-y-111995476\">que compart\u00ed con los patreons<\/a>. Cuando eleg\u00ed la que me parec\u00eda que le daba m\u00e1s espacio al t\u00edtulo sin deslucir el dibujo hice un mockup r\u00e1pido de los distintos lados de la caja:<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2098\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto-989x1024.jpg\" alt=\"Mockup de la caja del juego con dos colores (morado y naranja) y vista por todos lados\" width=\"525\" height=\"544\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto-989x1024.jpg 989w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto-290x300.jpg 290w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto-768x795.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/01-Concepto.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>As\u00ed pude comprobar que hab\u00eda hueco para todos los elementos. Hay sitio para hacer cambios -la parte de atr\u00e1s de la caja cambi\u00f3 much\u00edsimo- pero ya pude asignarle un espacio a cada cosa y avanzar con la ilustraci\u00f3n sabiendo seguro que no ser\u00eda necesario a\u00f1adir nada.<\/p>\n<p>As\u00ed que hice el boceto y luego lo pul\u00ed para dejar la l\u00ednea limpia sobre la que luego dar\u00eda el color.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2099\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea-1024x720.jpg\" alt=\"Imagen del boceto del dibujo (a la izquierda) y la l\u00ednea (a la derecha)\" width=\"525\" height=\"369\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea-1024x720.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea-300x211.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea-768x540.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/02Linea.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>En la imagen de arriba pod\u00e9is ver que us\u00e9 distintos grosores y opacidades de l\u00ednea para quitar importancia a las cosas que est\u00e1n m\u00e1s lejos y dar profundidad.<\/p>\n<p>Para que todo estuviera integrado empec\u00e9 d\u00e1ndole un degradado al fondo y colores planos a los personajes. As\u00ed ya s\u00e9 que el tono del dibujo es anaranjado y el color deber\u00eda ser c\u00e1lido.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2100\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano-1024x751.jpg\" alt=\"Ilustraci\u00f3n de la caja de Carteros de Villacolmillo con color plano en los personajes\" width=\"525\" height=\"385\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano-1024x751.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano-300x220.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano-768x563.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Luego viene la parte de dar sombras, brillos y en general, volumen al dibujo. Aqu\u00ed el plan no es ser realista &#8211;<em>con esa cara de bollito que tiene Gala, ser\u00eda contraproducente adem\u00e1s de inquietante<\/em>&#8211; pero s\u00ed que todo quede arm\u00f3nico y guiar el ojo hacia lo importante. Vamos, ayudar a separar elementos.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2101\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano2.jpg\" alt=\"Distintos pasos del coloreado de Gala en la ilustraci\u00f3n de portada\" width=\"522\" height=\"471\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano2.jpg 522w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/03Color-plano2-300x271.jpg 300w\" sizes=\"auto, (max-width: 522px) 100vw, 522px\" \/><\/a><\/p>\n<p>Y una vez coloreada la ilustraci\u00f3n me dedico a retocar los ajustes de color. Aqu\u00ed pruebo con colores m\u00e1s fr\u00edos para ver si el contraste es suficiente, cambio los degradados, oscurezco cosas, etc.<\/p>\n<p data-pm-slice=\"1 1 []\">S\u00e9 que quiero que la ilustraci\u00f3n sea naranja, pero cambiar el color de fondo me ayuda a <strong>ver si me estoy pasando por alguna parte<\/strong>.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2103\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes-1024x614.jpg\" alt=\"Ilustraci\u00f3n de portada con distintas versiones de color del fondo\" width=\"525\" height=\"315\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes-1024x614.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes-300x180.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes-768x460.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/04Ajustes.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>El resultado es el dibujo que hab\u00e9is visto arriba del todo. Pero claro, eso es s\u00f3lo la ilustraci\u00f3n de la parte superior de la tapa. Luego hay que dise\u00f1ar el logo (que mejor\u00f3 much\u00edsimo con unos cuantos consejos de <a href=\"https:\/\/x.com\/menhdel\/status\/1581568901632008192\">Rub\u00e9n Solas<\/a>, gracias Rub\u00e9n), montar los laterales y la parte de atr\u00e1s&#8230;<\/p>\n<p>Eso lo hago en Affinity Designer. <strong>Usar programas de dise\u00f1o es algo relativamente reciente para m\u00ed<\/strong>, ya que antes hac\u00eda todo lo que pod\u00eda con programas de dibujo o maquetaci\u00f3n, pero puedo decir con total sinceridad que me ha mejorado la calidad de vida un mont\u00f3n.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2102\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja-1024x518.jpg\" alt=\"Maqueta de la caja de Villacolmillo, con la parte de abajo a la izquierda y la parte de arriba a la derecha\" width=\"525\" height=\"266\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja-1024x518.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja-300x152.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja-768x388.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Maqueta-caja_baja.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>\u00a1Y ya est\u00e1 la caja hecha! Pero para estar segura la imprimo en tama\u00f1o peque\u00f1o (menos de la mitad de como quedar\u00e1 de verdad) y la monto en plan tarde de manualidades. Verla en 3D ayuda a hacerse una idea de los m\u00e1rgenes y de si los elementos quedan apelotonados que es imposible cuando lo ves en 2D.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2105\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja-1024x768.jpg\" alt=\"Foto de la miniatura de la caja montada en papel\" width=\"525\" height=\"394\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja-1024x768.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja-300x225.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja-768x576.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/10\/Caja3_baja.jpg 1200w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Por ejemplo, tras hacer esta foto me fui al archivo y lo edit\u00e9 para bajar un poquito los elementos de las solapas y que quedaran m\u00e1s equilibradas.<\/p>\n<p>\u00a1Espero que os haya gustado este repaso al dise\u00f1o de la caja de un juego de mesa! Si quer\u00e9is leer m\u00e1s, <a href=\"https:\/\/mailchi.mp\/ca4d41d1d6db\/newsletter-laurielle\">tengo una newsletter<\/a> donde hablo de ilustraci\u00f3n, hacer c\u00f3mics y otras movidas creativas. \u00a1Es gratis y hay regalitos por apuntarse!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para celebrar que la imprenta le ha dado el visto bueno al juego, vamos a hablar un poco de c\u00f3mo es ilustrar la caja de un juego de mesa. Dej\u00e9 el dise\u00f1o de la caja de Carteros de Villacolmillo para el final, cuando ya ten\u00eda todos los dem\u00e1s elementos del juego hechos. Esto es por &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/laurielle.net\/en\/2024\/10\/14\/disenando-un-juego-de-mesa-la-caja-de-carteros-de-villacolmillo\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dise\u00f1ando un juego de mesa: la caja de Carteros de Villacolmillo&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[158],"tags":[33,65,134],"class_list":["post-2095","post","type-post","status-publish","format-standard","hentry","category-carteros-de-villacolmillo","tag-ilustracion","tag-juegos-de-mesa","tag-villacolmillo-del-zarzal"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"en","enabled_languages":["es","en"],"languages":{"es":{"title":true,"content":true,"excerpt":false},"en":{"title":false,"content":false,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/2095","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/comments?post=2095"}],"version-history":[{"count":5,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/2095\/revisions"}],"predecessor-version":[{"id":2313,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/2095\/revisions\/2313"}],"wp:attachment":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/media?parent=2095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/categories?post=2095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/tags?post=2095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}