{"id":1900,"date":"2024-05-15T06:50:23","date_gmt":"2024-05-15T06:50:23","guid":{"rendered":"https:\/\/laurielle.net\/?p=1900"},"modified":"2024-05-15T07:11:35","modified_gmt":"2024-05-15T07:11:35","slug":"dibujando-la-intro-de-un-videojuego","status":"publish","type":"post","link":"https:\/\/laurielle.net\/en\/2024\/05\/15\/dibujando-la-intro-de-un-videojuego\/","title":{"rendered":"Dibujando la intro de un videojuego"},"content":{"rendered":"<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1903\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1024x576.jpg\" alt=\"Ilustraci\u00f3n en tonos amarillos y morados donde un chico en armadura y una alpaca de batalla levantan la vista de un mapa para mirar a una torre ominosa en un valle\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Hace unos meses la gente de <a href=\"https:\/\/scalions-studios.itch.io\/\">Scalions Studios<\/a> me encarg\u00f3 la portada de su juego <a href=\"https:\/\/store.steampowered.com\/app\/2456160\/Doors__Loot\/\">Doors &#038; Loot<\/a> y <a href=\"https:\/\/laurielle.net\/2024\/01\/09\/disenando-una-portada-modular\/\">os cont\u00e9 el proceso<\/a>. Para celebrar que el juego ha salido <strong>me han encargado las ilustraciones para la intro<\/strong> (y para el final, pero de ese no hablar\u00e9 para no hacer spoilers), as\u00ed que me gustar\u00eda contaros otro poco.<\/p>\n<p><!--more--><\/p>\n<p>Lo primero fue decidir qu\u00e9 ilustraciones har\u00edan falta. Quer\u00edan mostrar c\u00f3mo el protagonista llega a la torre en la que sucede el juego y dar una idea del entorno -y lo pocho que est\u00e1 todo- y de su determinaci\u00f3n por llegar a lo m\u00e1s alto. As\u00ed que <strong>hice un storyboard con algunas opciones<\/strong>:<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1904\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0-1024x482.jpg\" alt=\"Varias vi\u00f1etas con esquemas en blanco y negro de la persona llegando a la torre, abriendo la puerta y subiendo las escaleras\" width=\"525\" height=\"247\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0-1024x482.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0-300x141.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0-768x361.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0-1536x723.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post0.jpg 2000w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p><em>(Como detalle, el casco que el protagonista lleva en el juego no tiene visera, pero eso no es un impedimento si le echas morro y haces que la pieza de la frente se pueda abrir).<\/em><\/p>\n<p>Tambi\u00e9n hice varias pruebas de paleta, siempre dentro del morado+gris que ya hab\u00eda usado para la portada del juego, para no romper con lo anterior.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1905\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1-1024x548.jpg\" alt=\"Los esquemas de la imagen anterior coloreados en gris, morado, negro y amarillo\" width=\"525\" height=\"281\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1-1024x548.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1-300x161.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1-768x411.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1-1536x823.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post1.jpg 2000w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Con las escenas y los colores claros me puse con la l\u00ednea. Es un buen momento para mencionar que la idea era <strong>darle un poco de vidilla a la intro moviendo ciertos elementos con el motor del juego<\/strong>. As\u00ed que hice la l\u00ednea por capas, entintando en color negro lo que estar\u00eda fijo y en otros colores las cosas que se podr\u00edan mover.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1906\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2-1024x462.jpg\" alt=\"Dibujo a tinta negra y roja sobre fondo blanco donde los elementos fijos est\u00e1n en negro y los m\u00f3viles en color\" width=\"525\" height=\"237\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2-1024x462.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2-300x135.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2-768x346.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2-1536x693.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post2.jpg 2000w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Al acabar este paso habl\u00e9 con la gente de Scalions para <strong>asegurar que el tipo de movimiento que ten\u00eda en mente era factible<\/strong> y que no ve\u00edan nada raro, y ellos se lo revisaron con toda la paciencia del mundo y me hicieron un pulgar parriba.<\/p>\n<p>Voy a usar s\u00f3lo una de las im\u00e1genes de la intro para explicar el proceso, pero fue lo mismo para las 12 im\u00e1genes que hice: primero rellenar los colores planos, las sombras y las luces m\u00e1s fuertes&#8230;<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1907\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3-1024x342.jpg\" alt=\"Imagen del chico llegando a la torre por duplicado, a la izquierda con color plano y a la derecha con luces y sombras\" width=\"525\" height=\"175\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3-1024x342.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3-300x100.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3-768x257.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3-1536x513.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3.jpg 2000w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Y luego afinar los detalles, dando contraste con colores m\u00e1s oscuros. Llegado este paso tambi\u00e9n a\u00f1ado cierta iluminaci\u00f3n amarilla para hacer contraste con lo apagado de la paleta y llamar la atenci\u00f3n hacia la torre y hacia el protagonista y su montura.<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1908\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b-1024x342.jpg\" alt=\"Imagen del chico llegando a la torre por duplicado, a la izquierda con algunas luces amarillas y a la derecha con correcciones de color\" width=\"525\" height=\"175\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b-1024x342.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b-300x100.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b-768x257.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b-1536x513.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3b.jpg 2000w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Para rematar y darle ese rollo de epopeya \u00e9pica le a\u00f1ado las nubes rodeando la torre y una textura de acuarela. Y as\u00ed queda la imagen acabada:<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1903\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1024x576.jpg\" alt=\"Ilustraci\u00f3n en tonos amarillos y morados donde un chico en armadura y una alpaca de batalla levantan la vista de un mapa para mirar a una torre ominosa en un valle\" width=\"525\" height=\"295\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1024x576.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-300x169.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-768x432.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-1536x864.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post3_5-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Pero claro, esto es la imagen &#8216;planchada&#8217;. A la gente de Scalions se la pas\u00e9 por partes, con lo que tuve que asegurarme de pintar detr\u00e1s de los elementos m\u00f3viles para que no quedaran huecos raros:<\/p>\n<p><a href=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-1910\" src=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5-1024x439.jpg\" alt=\"Imagen de la torre descompuesta en dos partes, el fondo y el protagonista\" width=\"525\" height=\"225\" srcset=\"https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5-1024x439.jpg 1024w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5-300x129.jpg 300w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5-768x329.jpg 768w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5-1536x659.jpg 1536w, https:\/\/laurielle.net\/wp-content\/uploads\/2024\/05\/Post5.jpg 1558w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/a><\/p>\n<p>Si quer\u00e9is echarle un vistazo al juego ten\u00e9is la demo en steam (o en el perfil de itchio de Scalions), le est\u00e1n poniendo muchas ganas y agradecer\u00e1n cualquier feedback que pod\u00e1is darles \ud83d\ude09<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/store.steampowered.com\/widget\/2456160\/\" width=\"646\" height=\"190\" frameborder=\"0\"><\/iframe><\/p>\n<p>\u00a1Espero que os haya gustado el vistazo entre bambalinas!\u00a0 Si es que s\u00ed os recomiendo much\u00edsimo <a href=\"https:\/\/mailchi.mp\/ca4d41d1d6db\/newsletter-laurielle\">apuntaros a la newsletter<\/a> y as\u00ed os voy compartiendo proyectos, dibujos y detalles del proceso como este.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hace unos meses la gente de Scalions Studios me encarg\u00f3 la portada de su juego Doors &#038; Loot y os cont\u00e9 el proceso. Para celebrar que el juego ha salido me han encargado las ilustraciones para la intro (y para el final, pero de ese no hablar\u00e9 para no hacer spoilers), as\u00ed que me gustar\u00eda &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/laurielle.net\/en\/2024\/05\/15\/dibujando-la-intro-de-un-videojuego\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Dibujando la intro de un videojuego&#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":[79],"tags":[151,33,75,138,58],"class_list":["post-1900","post","type-post","status-publish","format-standard","hentry","category-ilustraciones","tag-doorsamploot","tag-ilustracion","tag-proceso","tag-steam","tag-videojuegos"],"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\/1900","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=1900"}],"version-history":[{"count":8,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/1900\/revisions"}],"predecessor-version":[{"id":1918,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/1900\/revisions\/1918"}],"wp:attachment":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/media?parent=1900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/categories?post=1900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/tags?post=1900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}