{"id":2891,"date":"2026-03-11T10:48:10","date_gmt":"2026-03-11T10:48:10","guid":{"rendered":"https:\/\/laurielle.net\/?p=2891"},"modified":"2026-03-11T10:48:10","modified_gmt":"2026-03-11T10:48:10","slug":"como-se-hace-un-comic-juego","status":"publish","type":"post","link":"https:\/\/laurielle.net\/en\/2026\/03\/11\/como-se-hace-un-comic-juego\/","title":{"rendered":"\u00bfC\u00f3mo se hace un c\u00f3mic juego?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2894\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible-1024x713.jpg\" alt=\"Captura de pantalla de Affinity Publisher con la maqueta le\u00edble de Pizza goblin\" width=\"525\" height=\"366\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible-1024x713.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible-300x209.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible-768x535.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible-1536x1070.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-leible.jpg 1550w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Cuando hablo de <a href=\"https:\/\/www.grafitoeditorial.com\/producto\/pizza-goblin\/\">Pizza Goblin<\/a>, el \u00faltimo c\u00f3mic que he dibujado, lo que m\u00e1s le llama la atenci\u00f3n a la gente es que <strong>es un c\u00f3mic-juego.<\/strong> Es decir, que no se lee del tir\u00f3n, sino que dependiendo de tus decisiones vas a ir a una p\u00e1gina o a otra.<\/p>\n<p>Hacer un c\u00f3mic as\u00ed tiene su miga: evidentemente la parte del guion es complicada y obliga a hacerse un mont\u00f3n de esquemas -eso lo podr\u00e1 explicar mejor Mor\u00e1n, el guionista- pero una vez que el guion est\u00e1 claro hay que <em>testear<\/em> el c\u00f3mic. Como dibujante, <strong>tengo que comprobar que lo que el guionista ha planteado es dibujable &#8230;<em>y jugable<\/em>.<\/strong><\/p>\n<h3>Primer paso: la &#8216;beta&#8217; del c\u00f3mic<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2901\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-1024x715.jpg\" alt=\"Esquema con los distintos elementos de navegaci\u00f3n de las p\u00e1ginas de Pizza Goblin \" width=\"525\" height=\"367\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-1024x715.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-300x210.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-768x536.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-1536x1073.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Layout_Goblin-2048x1431.jpg 2048w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Todas las p\u00e1ginas en el c\u00f3mic final tienen <strong>un n\u00famero que las identifica<\/strong>\u00a0y <strong>las opciones de a qu\u00e9 p\u00e1gina ir luego<\/strong> (que puede ser una opci\u00f3n, dos, fin del juego&#8230;). Es decir, que antes de dibujar nada tuve que pensar c\u00f3mo integrar esa numeraci\u00f3n\/navegaci\u00f3n con las p\u00e1ginas.<\/p>\n<p><!--more--><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2893\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas-1024x576.jpg\" alt=\"Captura de pantalla de los nemus de Pizza Goblin en Clip Studio, con recuadros de colores marcando las diferentes escenas\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Nemus-por-escenas.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Luego, para poder trabajar mejor y no hacernos la picha un l\u00edo, el guionista escribi\u00f3 todo <strong>escena a escena<\/strong>. Las p\u00e1ginas que suceden en un mismo escenario est\u00e1n juntas, por orden, y ya las moveremos a su posici\u00f3n final luego. As\u00ed puedo permitirme dibujar todo lo que ocurre en un sitio del tir\u00f3n, y es m\u00e1s c\u00f3modo para m\u00ed no tener que ir cambiando completamente de contexto entre una p\u00e1gina y la siguiente.<\/p>\n<p>Eso nos oblig\u00f3 a trabajar &#8216;en beta&#8217;: las p\u00e1ginas ten\u00edan <strong>un c\u00f3digo identificativo<\/strong> (Escena B, p\u00e1gina 3 &gt; B3). Adem\u00e1s, todav\u00eda no sab\u00edamos si iban a ser p\u00e1ginas pares o impares en el c\u00f3mic final. Dibuj\u00e9 todas las p\u00e1ginas esquem\u00e1ticas pero con sus textos &#8211;<a href=\"https:\/\/www.patreon.com\/posts\/colocando-o-una-98830212\">mis queridos <em>nemus<\/em><\/a>&#8211; dejando hueco para el marcador de p\u00e1gina a ambos lados.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2895\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion-1024x576.jpg\" alt=\"Captura de pantalla del nemu de una p\u00e1gina con dos banderolas de numeraci\u00f3n, una a cada lado\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Marcadores-de-navegacion.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Luego agarr\u00e9 todos los <em>nemus<\/em> y los puse en un PDF navegable, enlazando cada p\u00e1gina con sus posibles caminos. Eso se lo pas\u00e9 al guionista y a los editores, y los cuatro estuvimos jugando para <strong>comprobar que no hubiera ning\u00fan camino roto o incoherente.<\/strong><\/p>\n<p>Aqu\u00ed pillamos los errores gordos, que por suerte hubo muy pocos. Por ejemplo, sobraba media p\u00e1gina y decidimos convertirla en una p\u00e1gina completa. Tambi\u00e9n retocamos cositas de las vi\u00f1etas, qu\u00e9 elementos deb\u00edan verse para que tuviera sentido&#8230;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2896\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz-1024x576.jpg\" alt=\"Dos im\u00e1genes de una misma p\u00e1gina, en un lado es media p\u00e1gina en nemu, en el otro es ya el l\u00e1piz pero p\u00e1gina completa\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/De-maqueta-a-lapiz.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Una vez dimos por buena la beta, el guionista reorden\u00f3 todas las p\u00e1ginas para colocarlas seg\u00fan su orden final. As\u00ed yo pod\u00eda saber si estaba trabajando en una p\u00e1gina con la banderola a la izquierda o a la derecha, y hacer el\u00a0 boceto teni\u00e9ndolo en cuenta. En esta fase mantuve los elementos de navegaci\u00f3n (n\u00famero, a d\u00f3nde ir&#8230;) en naranja para que no me distrajeran.<\/p>\n<h3>Segundo paso: esto es un c\u00f3mic normal<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2897\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion-1024x576.jpg\" alt=\"Dos im\u00e1genes, a la izquierda el l\u00e1piz de una p\u00e1gina de pizza goblin y a la derecha la p\u00e1gina acabada pero sin textos ni elementos de navegaci\u00f3n\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Trabajo-sin-navegacion.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Cuando toc\u00f3 hacer el dibujo limpio y el color, hice como que no estaba trabajando en un c\u00f3mic-juego: las p\u00e1ginas est\u00e1n hechas <strong>dejando hueco para la navegaci\u00f3n, pero sin integrarla.<\/strong> As\u00ed, si luego por un despiste hay que convertir una p\u00e1gina par en impar es menos trabajo.<\/p>\n<h3>Tercer paso: montaje seg\u00fan instrucciones<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2898\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar-1024x576.jpg\" alt=\"Captura de pantalla de una hoja de c\u00e1lculo con los n\u00fameros definitivos y detalle de la navegaci\u00f3n de una p\u00e1gina.\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Renumerar.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Entramos en <strong>terreno peligroso:<\/strong> con todas las p\u00e1ginas hechas, las export\u00e9 y me las llev\u00e9 a un programa de maquetaci\u00f3n -Affinity Publisher-. All\u00ed las reorden\u00e9 seg\u00fan el orden definitivo que hab\u00eda marcado el guionista. La 5 era la 38, la 6 era la 5&#8230; Y no s\u00f3lo hab\u00eda que cambiar los n\u00fameros de p\u00e1gina, sino renumerar cada decisi\u00f3n,<strong> \u00a1una fiesta!<\/strong><\/p>\n<p>En esta fase met\u00ed tambi\u00e9n los bocadillos, onomatopeyas, etc, porque ya que estoy, pues aprovecho.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2899\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar-1024x576.jpg\" alt=\"Dos im\u00e1genes, a la izquierda una p\u00e1gina de Pizza Goblin sin textos y a la derecha con textos\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Reordenar.jpg 1920w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>Con todas las p\u00e1ginas maquetadas export\u00e9 otro PDF para la revisi\u00f3n final. Aqu\u00ed otra vez el guionista, los editores y servidora de ustedes estuvimos venga a revisar cada decisi\u00f3n <em>-pillamos varios n\u00fameros mal puestos, que casi fenezco del susto-<\/em> y a pulir detalles, como intentar que dos p\u00e1ginas de una misma escena no estuvieran seguidas para que no sepas qu\u00e9 va a pasar cuando tomas una decisi\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2900\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-a-revisar-1024x562.jpg\" alt=\"Captura de pantalla de Affinity Publisher con varias p\u00e1ginas maquetadas\" width=\"525\" height=\"288\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-a-revisar-1024x562.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-a-revisar-300x165.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-a-revisar-768x422.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2026\/03\/Maqueta-a-revisar.jpg 1078w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>\u00a1Un viaje, el c\u00f3mic-juego este! Era la primera vez que lo hac\u00eda y comet\u00ed muchos errores, pero aprend\u00ed un huevo. Me record\u00f3 un mont\u00f3n al proceso de desarrollo de un videojuego, desde la idea inicial y prototipo hasta la versi\u00f3n apta para el lanzamiento. Pero est\u00e1 siendo un gustazo ver que gusta, y ahora que ha llegado a librer\u00edas espero que m\u00e1s gente le d\u00e9 una oportunidad \ud83d\ude42<\/p>\n<p>Si te ha gustado este post <a href=\"https:\/\/mailchi.mp\/ca4d41d1d6db\/newsletter-laurielle\">puedes apuntarte a mi newsletter (es gratis)<\/a> y cada dos semanas m\u00e1s o menos te escribir\u00e9 para hablarte de c\u00f3mics, t\u00e9 y dibujos cuquis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando hablo de Pizza Goblin, el \u00faltimo c\u00f3mic que he dibujado, lo que m\u00e1s le llama la atenci\u00f3n a la gente es que es un c\u00f3mic-juego. Es decir, que no se lee del tir\u00f3n, sino que dependiendo de tus decisiones vas a ir a una p\u00e1gina o a otra. Hacer un c\u00f3mic as\u00ed tiene su &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/laurielle.net\/en\/2026\/03\/11\/como-se-hace-un-comic-juego\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;\u00bfC\u00f3mo se hace un c\u00f3mic juego?&#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":[54,196],"tags":[198,19,6,167,183,145],"class_list":["post-2891","post","type-post","status-publish","format-standard","hentry","category-entre-bambalinas","category-pizza-goblin","tag-affinity-publisher","tag-clip-studio-paint","tag-comic","tag-comic-juego","tag-grafito","tag-nemus"],"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\/2891","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=2891"}],"version-history":[{"count":3,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/2891\/revisions"}],"predecessor-version":[{"id":2903,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/2891\/revisions\/2903"}],"wp:attachment":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/media?parent=2891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/categories?post=2891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/tags?post=2891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}