{"id":1630,"date":"2024-01-09T16:55:40","date_gmt":"2024-01-09T16:55:40","guid":{"rendered":"https:\/\/laurielle.net\/?p=1630"},"modified":"2024-01-09T16:55:40","modified_gmt":"2024-01-09T16:55:40","slug":"disenando-una-portada-modular","status":"publish","type":"post","link":"https:\/\/laurielle.net\/en\/2024\/01\/09\/disenando-una-portada-modular\/","title":{"rendered":"Dise\u00f1ando una portada modular"},"content":{"rendered":"

Hace poco la buena gente de Scalions Studios<\/a> me pidi\u00f3 que les hiciera la portada de su nuevo juego, Doors & Loot<\/a>, en Steam.\u00a0 El tono que quer\u00edan era aventura cozy (pero claramente aventura), as\u00ed que me puse manos a la obra preparando distintas opciones. M\u00e1s protagonismo a la torre, al protagonista, al interior de la torre, al tesoro…<\/p>\n

\"Varios<\/a><\/p>\n

Se decidieron enseguida por un t\u00e9rmino medio, a partes iguales de importancia entre el personaje y la torre, as\u00ed que el siguiente paso fue hacer pruebas de color. O sea, sin tocar el dise\u00f1o ver qu\u00e9 paleta da el tono que mejor pega con el juego:<\/p>\n

<\/p>\n

\"Varias<\/a><\/p>\n

Lo bueno de trabajar con una plataforma de distribuci\u00f3n como Steam es que tienes bastante claro qu\u00e9 tama\u00f1os de imagen necesitas y hasta plantillas descargables<\/a>. Lo malo, que hay que hacer la imagen de forma que funcione para todos los tama\u00f1os y ratios, o sea que hay que trabajar teniendo siempre eso en mente. Dibuj\u00e9 la imagen completa y defin\u00ed los distintos planos con los que iba a trabajar (y que luego iba a mover a lo loquer):<\/p>\n

\"Imagen<\/a><\/p>\n

Para una ilustraci\u00f3n de libro, o una p\u00e1gina de c\u00f3mic, suelo hacer toda la tinta en una capa, todo el color en otra… pero en este caso me esforc\u00e9 en separar los distintos elementos para que fuera f\u00e1cil moverlos:<\/p>\n

\"Captura<\/a><\/p>\n

Eso quiere decir que en vez de hacer todo el color plano, todas las sombras… fui coloreando plano a plano. Primero, el protagonista, que para algo es el foco de la imagen.<\/p>\n

\"Imagen<\/a><\/p>\n

Luego pas\u00e9 a los enemigos. Si os fij\u00e1is hay enemigos m\u00e1s cerca que el prota (que est\u00e1 en lo que ser\u00eda un tercer plano) pero uso unos colores m\u00e1s apagados o incluso los difumino para no robar protagonismo pero dar sensaci\u00f3n de profundidad.<\/p>\n

\"Imagen<\/a><\/p>\n

 <\/p>\n

Una vez lista la parte m\u00e1s cercana (enemigos + protagonista) me puse con la torre y el fondo. La torre tiene colores muy apagados (porque est\u00e1 lejos y porque si no se comer\u00eda al protagonista) pero las nubes envolvi\u00e9ndola llevan la mirada hacia la estructura, y la luz de la parte superior, que es el \u00fanico rojo vivo de la imagen, sirve para que capte la atenci\u00f3n.<\/p>\n

Unos cuantos ajustes m\u00e1s, a\u00f1adir el logo y \u00a1hop! \u00a1Una portada!<\/p>\n

\"Portada<\/a><\/p>\n

Es m\u00e1s: una portada que, al tener los distintos elementos en capas separadas me permite adaptarla a horizontal…<\/p>\n

\"Portada<\/a><\/p>\n

O cambiarla de ratio sin problema:<\/p>\n

\"Imagen<\/a><\/p>\n

(En realidad me estoy tirando el pisto: fui un poco desordenada y algunos ajustes los hice en una sola capa , con lo que al cambiar de sitio los elementos tuve que mover las cosas y ajustar a manija. La versatilidad final ser\u00eda de un 8\/10, puede mejorar).<\/p>\n

Espero que os haya gustado este viaje por el dise\u00f1o de una portada de juego indie. Doors & Loot est\u00e1 en acceso anticipado, as\u00ed que si os gustan los roguelike y la fantas\u00eda de patada en la puerta y espadazo echadle un ojo, la gente de Scalions Studios le est\u00e1 poniendo mucho cari\u00f1o y est\u00e1n recogiendo feedback para hacer el juego cada d\u00eda un poquito mejor.<\/p>\n","protected":false},"excerpt":{"rendered":"

Hace poco la buena gente de Scalions Studios me pidi\u00f3 que les hiciera la portada de su nuevo juego, Doors & Loot, en Steam.\u00a0 El tono que quer\u00edan era aventura cozy (pero claramente aventura), as\u00ed que me puse manos a la obra preparando distintas opciones. M\u00e1s protagonismo a la torre, al protagonista, al interior de … <\/p>\n

Continue reading “Dise\u00f1ando una portada modular”<\/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":[139,67,138,58],"class_list":["post-1630","post","type-post","status-publish","format-standard","hentry","category-ilustraciones","tag-doorsloot","tag-portadas","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\/1630","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=1630"}],"version-history":[{"count":2,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/1630\/revisions"}],"predecessor-version":[{"id":1643,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/posts\/1630\/revisions\/1643"}],"wp:attachment":[{"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/media?parent=1630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/categories?post=1630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laurielle.net\/en\/wp-json\/wp\/v2\/tags?post=1630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}