Directrices de arte de mapas

Como se explica en el artículo Tipos y categorías de artículos del mercado, los mapas se clasifican en el mercado como paquetes de mapas, conjuntos de baldosas, mapas del mundo, mapas con iluminación dinámica y paneles de control, y se puede acceder a ellos en desde la pestaña Biblioteca de arte del tablero de Roll20 o desde la página "Mis artículos del mercado" del cliente en el caso de los complementos con iluminación dinámica.

Este artículo te guiará a través de las mejores prácticas para crear arte de mapas.

Revise el artículo Directrices sobre fichas y otros activos artísticos ajenos al mapa para obtener orientación sobre la creación de otros activos artísticos.  

Mapa Tipos de archivo y Dimensiones 

Al crear cualquier mapa para Roll20, ten en cuenta nuestras Especificaciones de imagen además de cualquier información que se encuentre a continuación, prestando especial atención a las recomendaciones de resolución de imagen. 

Recomendamos crear arte de mapas a una escala 2 veces mayor para evitar la pixelación de la imagen al hacer zoom en una página más allá del 100%. (Ejemplo: un mapa de batalla de 25 unidades de celda cuadrada de ancho por 30 de alto tendría una dimensión final de imagen de 3.500px de ancho por 4.200px de alto).

La siguiente tabla muestra las dimensiones de píxeles recomendadas para crear mapas según el tipo de cuadrícula. Las cuadrículas no cuadradas tienen aproximaciones de píxeles para algunos de sus valores de altura y ancho de celda, ya que la cuadrícula se dibuja matemáticamente. A menos que estés creando específicamente arte hexagonal o isométrico/diamétrico, utiliza las dimensiones de la cuadrícula cuadrada.

Dimensiones de imagen para mapas

Tipo de cuadrícula Dimensiones de píxeles de la celda de la cuadrícula Escala de píxeles para el arte del Mapa (por celda de la cuadrícula)
Cuadrícula cuadrada 70px de ancho por 70px de alto 140px de ancho por 140px de alto
Cuadrícula de hexágonos verticales 81 píxeles de ancho por 94 píxeles de alto 162px de ancho por 188px de alto
Cuadrícula de hexágonos horizontales 94 píxeles de ancho por 81 píxeles de alto 188px de ancho por 162px de alto
Cuadrícula isométrica ~121 píxeles de ancho por 70 píxeles de alto 242px de ancho por 140px de alto
Cuadrícula diamétrica 140 píxeles de ancho por 70 píxeles de alto 280px de ancho por 70px de alto

Nota: Estas dimensiones de imagen son para activos de arte estático (no animados). El arte animado para los mapas debe intentar utilizar las dimensiones en píxeles y la resolución de imagen más pequeñas posibles para evitar la degradación del rendimiento/largos tiempos de procesamiento de la carga.

Tipos de archivos

Recomendamos crear JPGs siempre que sea posible. Los PNG solo deben usarse si se requiere transparencia o translucidez en su mapa. Para activos de mapa animados, crea GIFs o archivos WEBM.

No recomendamos incluir un gráfico de mapa completo como un archivo animado. Aísle los elementos del mapa que serán animados como sus propios activos artísticos animados más pequeños, donde el comprador podrá superponer las piezas animadas sobre un JPG del mapa a tamaño completo. Los mapas totalmente animados deben tener una resolución total inferior a 2k.

Recomendaciones generales de diseño de mapas

Aquí hay recomendaciones generales para optimizar el rendimiento de los mapas en Roll20.

Mapas cuadriculados frente a mapas sin cuadrícula

Puede que se pregunte si debe incluir una cuadrícula dibujada en su Map art. Esto depende de su discreción basada en su tema de arte y tipo de mapa. 

Si incluye una cuadrícula en su ilustración, deberá asegurarse de que la cuadrícula de la ilustración coincide con la cuadrícula de Roll20 y de que encaja correctamente en su sitio cuando se arrastra la imagen al tablero. Querrá evitar frustrar al comprador obligándole a hacer un montón de escalados manuales personalizados para alinear sus ilustraciones de modo que las dos cuadrículas coincidan.

También recomendamos incluir una versión sin cuadrícula de cada Mapa en sus Packs del Mercado para ofrecer una elección basada en la preferencia de los compradores.

Colocación de los muros de la mazmorra

Cuando cree salas y puertas para mapas de batalla descendentes, una buena regla general es evitar que las líneas de sus muros y barreras terminen justo contra una línea de cuadrícula. En cambio, desea que la línea de cuadrícula corte la pared para que los elementos de la pared se puedan ver desde ambos lados de una celda de cuadrícula. Esto permite a los jugadores hacerse una mejor idea de dónde están las paredes y las puertas cuando navegan por un lugar con Iluminación dinámica.

Las dos imágenes siguientes mostrarán la diferencia en la vista del jugador con la iluminación dinámica activada. Hemos utilizado uno de Meditating Munky's Modular Mansions Maps con una ficha de Devin Night's Heroic Characters 2 collection.

BUENO: En esta primera imagen, en la que las líneas de la cuadrícula atraviesan las paredes del mapa, el jugador aún podrá ver indicios del perímetro de la habitación, así como fijarse en la ubicación de elementos como puertas y ventanas.

Barreras_de_iluminacion_dinamica_ejemplo_donde_la_barrera_se_traza_por_el_medio_del_muro_de_arte.jpg

MAL: En la segunda imagen, hemos desplazado el arte del mapa para que las líneas de la cuadrícula se sitúen en el borde perimetral de la pared. Con la iluminación dinámica activada, observará que la única parte visible de la puerta es el extremo derecho del pomo. Es probable que al Jugador le resulte muy difícil encontrar esta puerta a menos que el GM la señale manualmente en el Tablero. Si esto hubiera sido una entrada abierta sin gráfico de puerta en absoluto, el Jugador no habría visto ninguna indicación de su ubicación.

Barreras_de_iluminacion_dinamica_ejemplo_donde_la_barrera_se_dibuja_sobre_el_perimetro_de_la_pared_de_arte.jpg

Mapas enteros frente a habitaciones individuales. ¿Mapas amueblados o sin amueblar?

Al construir una campaña, el diseño de los mapas está sujeto a la preferencia del DJ. Algunos pueden querer armar su mapa ideal, habitación por habitación, añadiendo accesorios y muebles con cuidado deliberado. Otros pueden preferir utilizar un mapa completamente construido que se ajuste mejor al tema de un encuentro.

Puede que encuentres que tienes un mayor éxito creando Packs de Mapas que satisfacen las necesidades visuales de ambos tipos de DJs. Le recomendamos que incluya en su pack versiones sin amueblar de los mapas completamente montados/amueblados, así como recursos artísticos adicionales que permitan a los GM añadir o bloquear entradas, ventanas, etc., además del mobiliario que desee proporcionar.

Catering hacia los valores predeterminados de la página

La configuración de página predeterminada para todos los juegos nuevos en Roll20 muestra una cuadrícula cuadrada de 25x25 unidades. Es posible que desees adaptar parte de tu arte de mapas para que se ajuste a esas dimensiones exactas para los GM que están apurados y necesitan construir rápidamente una página durante la preparación de último momento o tener que armar una en medio de la sesión.

Mantén un registro de las dimensiones de tus imágenes

Cubierto en profundidad en el artículo Cómo enviar productos al mercado , El cargador masivo de Roll20 proporciona propiedades de dimensiones para asignar la altura y anchura predeterminadas de todos los activos, de modo que puedan redimensionarse automáticamente cuando se arrastren desde la Biblioteca de Arte al Tablero.

A_screenshot_of_Image_Properties_of_several_map_images_within_an_Art_Pack.png

Si no se actualizan estos campos de Anchura y Altura, Roll20 redimensionará la imagen a unidades de cuadrícula de 1x1 cuando los activos se arrastren a la Mesa, obligando al comprador a redimensionar y escalar manualmente sus imágenes. Lleve un registro de cuántas unidades de cuadrícula debe ocupar cada activo de imagen en el tablero para que pueda añadir esas propiedades de imagen cuando cargue los activos de imagen en su Art Pack.

Mantén los títulos de mapa, símbolos, etiquetas y leyendas como activos de arte separados

Para hacer que tu arte sea lo más versátil posible, considera evitar incorporar estos elementos en el propio Mapa. Proporciónalos como recursos de arte más pequeños que se puedan colocar encima de la imagen del mapa, o incluye variantes etiquetadas y sin etiquetar en tu Paquete de Arte. El Comprador puede querer usar sus propios símbolos y convenciones de nomenclatura o ignorar todos esos elementos por completo. 

Tipos de Mapa

Para optimizar los resultados de búsqueda del Marketplace, los Socios deben elegir la categorización de Mapa correcta durante la creación. Puedes revisar todos los tipos y categorías de ítems del Marketplace

En resumen, las Categorías para Mapas son:

  • Conjuntos de fichas: Activos artísticos que son ensamblados por el comprador para construir un mapa completo.
  • Paquetes de Mapa: Mapas completos listos para usar
    • Algunos incluyen una cuadrícula, otros no tienen cuadrícula; muchos paquetes ofrecen ambas versiones 
  • Mapas del mundo: Mapas terrestres, de ciudad, del mundo, del universo
  • Mapas con iluminación dinámica:Instalados como complementos de juego con iluminación dinámica
  • Paneles de control: Bordes del mapa y paneles de juego

A continuación, veamos las especificaciones y casos de uso de cada uno: 

Conjuntos de fichas

Animatd_GIF_mostrando_cómo_se_suelta_y_se_organiza_en_la_mesa_una_ficha_de_mapa_personalizado.gif

(crédito al socio: Modular Dungeon Craft)

Los conjuntos de fichas son una colección de imágenes modulares que sirven como bloques de construcción para que los compradores construyan sus propios mapas. Es crucial que, al construir un conjunto de fichas, las dimensiones de las imágenes de tus recursos estén correctamente dimensionadas para que se ajusten al tipo de cuadrícula que estás creando. De lo contrario, el comprador va a tener una experiencia frustrante al reconstruir su contenido en el tablero. Sin un cuidado adecuado durante la fase de creación del arte, el escalado y el ajuste de las imágenes de las fichas podrían no funcionar correctamente, lo que resultaría en elementos modulares que no se alinean perfectamente cuando se colocan juntos. Antes de lanzar tu conjunto de fichas, dedica suficiente tiempo a probar tus imágenes en la mesa para asegurarte de que se alineen y se ajusten a la cuadrícula de la manera que esperas.

Para los activos de imágenes de mobiliario y accesorios, asegúrate de que sigan la misma proporción rectangular de dimensiones de imagen que tus gráficos de mapa. De esa manera, se ajustarán perfectamente a la cuadrícula sin deformar la relación de aspecto.

Packs de mapas

Map_Pack_Art_Examples_from_several_MP_Partners.png

(crédito a los socios: Gabriel Pickard, The MAD Cartographer, NovemberRush)

Los paquetes de mapas suelen incluir mapas de batalla completamente montados y dibujados desde varias perspectivas, y pueden o no presentar una cuadrícula dibujada en la ilustración. Las variantes comunes incluidas en los paquetes de mapas son:

  • opciones de color o estilo (ejemplo: azul, verde, rojo, a todo color, pergamino, negro & blanco)
  • opciones situacionales(ejemplo: día, noche, verano, invierno, lluvia, nieve)

También suelen incluir versiones amuebladas y sin amueblar como mapas separados en el mismo paquete, así como elementos de decoración para superponer.

Mapas del mundo

World_Map_Pack_Art_Examples_from_several_MP_Partners.png

(crédito a Partners: Misjay Maps, Mythic Portal Games, Deven Rue)

Los mapas del mundo son mapas terrestres, de ciudades, del mundo, del universo o de otro tipo que no están pensados para ser utilizados con la colocación precisa de fichas. A pesar de la nomenclatura, no tienen que incorporar un mundo entero y a menudo presentan un continente, reino, ciudad o pueblo singular. Los mapas mundiales también pueden incluir leyendas, claves, etiquetas o iconos estilizados adicionales.

Dimensionar su mapa mundial

Cuando se configura un mapa mundial en su juego, el DM probablemente habilitará la cuadrícula brevemente en la página para ajustar la imagen en su lugar. Luego, en la configuración de la página, el DM puede ajustar la escala para que cada celda de la cuadrícula pueda ser cualquier incremento de la distancia que deseen definir (por ejemplo, pies, millas, kilómetros, etc.). Una vez establecido eso, pueden deshabilitar la cuadrícula para que el contenido en la página ya no se ajuste a ella, pero la herramienta de regla aún podrá medir con la escala que el DM haya estipulado en la configuración de la página.

Mapas con iluminación dinámica

An_animated_GIF_of_Dynamic_Lighting_in_action_within_a_Dynamically_Lit_Map_Addon.gif

(crédito al socio: Meditating Munky)

Los mapas con iluminación dinámica se instalan como complementos del juego con Iluminación dinámica. Incluyen mapas ya añadidos a las páginas, alineados con la cuadrícula y con Iluminación dinámica totalmente preparada.

Cuándo crear un mapa con iluminación dinámica

No todos los mapas necesitan Iluminación dinámica. Los mapas de batallas al aire libre en los que no haya edificios ni ningún otro tipo de obstrucción en la línea de visión utilizarán el modo de luz diurna (si es que se utiliza Iluminación dinámica) y no necesitarán que se dibujen líneas de obstrucción en la capa de Iluminación dinámica.

Ejemplos de planos más adecuados para la Iluminación dinámica son los espacios interiores o exteriores con paredes, pasillos, calles concurridas, etc. Si existe la posibilidad de que un jugador o un PNJ se pierdan o si un GM puede querer utilizar muros y otros obstáculos para tender emboscadas, el mapa es un buen candidato para la Iluminación dinámica. Cuanto más compleja sea la mazmorra, más beneficioso le resultará a un comprador su producto si se lo ofrece con todo el trabajo de Iluminación dinámica hecho para él de antemano.

Los socios suelen agrupar los paquetes de mapas con versiones del mismo arte iluminadas dinámicamente. 

¿Cuántos mapas debo incluir en un complemento de mapas con iluminación dinámica?

Un ejemplo de un elemento de mapa iluminado dinámicamente que puede salirse con la suya siendo una única página (y un único mapa de batalla) sería una gran mazmorra en expansión. En el caso de espacios más pequeños, puede incluir distintas variaciones de la ubicación en páginas separadas. Si tiene un local de varias plantas con mucha complejidad, quizá le convenga separar los planos individuales en sus propias páginas. Los compradores van a juzgar el valor de lo que obtienen con el precio que usted fije para el artículo. Lo que atraerá a un comprador a un mapa con iluminación dinámica es el tiempo que le ahorrará el producto y la calidad/contenido de la obra.

Elementos adicionales para mapas con iluminación dinámica

Si no está familiarizado con la función de Iluminación dinámica, puede leer cómo funciona y cómo configurarla en el artículo de ayuda ¿Qué es la Iluminación dinámica?

Iluminación dinámica Colores de línea

Capa_de_iluminación_dinámica_mostrando_los_diferentes_colores_utilizados_para_diferenciar_puertas_y_paredes..jpg

Al trazar las líneas de obstrucción para la Iluminación dinámica, utilizamos los siguientes pesos y colores de línea para nuestras conversiones internas.

  • Utilice la selección de peso de línea "Regular
  • Utiliza Azul (Hex #0000ff, RGB: 0,0,255) para paredes y objetos inamovibles como líneas de árboles.
  • Utilice el naranja (#ff9900, RGB: 255,153,0) para puertas, puertas secretas, cortinas y otras interrupciones móviles de la línea de visión que el DM quiera poder mover/quitar manualmente.
    • Ahora también puede añadir Puertas (incluidas las cerradas y las secretas) como sus propios elementos de Iluminación dinámica. ¡Lea este artículo para saber más!
  • Usa Rosa (Hex #ff00ff, RGB: 255, 0, 255) para líneas unidireccionales
  • Usa Cian (Hex #00FFFF, RGB: 0, 255, 255) para barreras transparentes como ventanas, barrotes de celda y rastrillos.
    • Ahora puede Windows como sus propios elementos de Iluminación dinámica. ¡Lea este artículo para saber más!

Los colores elegidos son aquellos que son más accesibles para un usuario que podría ser daltónico. 

Añadiendo Fuentes de Luz

Animated_Gif_where_the_Place_Light_tool_is_used_to_adds_Light_Tokens_to_light_up_a_room.gif

Si el arte de su mapa de batalla utiliza elementos de iluminación como braseros, llamas abiertas y otros elementos luminosos, deberá incluir fichas emisoras de luz en el mapa. Utilice su propia ilustración para la ficha y defina su Configuración de ficha de Iluminación dinámica para que emita luz o utilice la herramienta Colocar luz de la barra de herramientas de la mesa para añadir fichas de antorcha predeterminadas que emitan luz automáticamente.

Utilizando Otras Características del Tablero

A_Rollable_Table_Token_being_used_to_change_the_room_arrangement_of_a_dungeon_floor_in_WotCs_Tomb_of_Annihilation_Adventure.gif

(Un ejemplo de uso de un Token de Tabla Enrollable para una parte de un mapa de mazmorra que puede transformarse de Wizards of the Coast's Tomb of Annihilation adventure) 

Solo porque estás creando un complemento de juego de mapa iluminado dinámicamente no significa que estés restringido solo a Páginas y al Tablero. Si otros elementos del tablero Roll20, como los folletos o las fichas de tablero enrollables, pueden añadir más funcionalidad a sus mapas, ¡utilícelos! Casi todo lo que añada al juego que se utilizará como plantilla para su artículo del mercado de mapas con iluminación dinámica se trasladará al juego del cliente.

Paneles de control

Dashboard_Art_Examples_from_several_MP_Partners.png

(crédito a Partners: Martin Pedersen, Domille, y 2D Storyteller)

Los tableros crean un tablón de anuncios de tu progreso en un juego TTRPG. Este contenido se ve a menudo cuando un jugador se une por primera vez a un juego, por lo que el arte establece el tema y el ambiente de lo que se está jugando. Los GMs generalmente agregan su propio arte y texto a la página del tablero que representa eventos significativos que han ocurrido en su historia colectiva entre las sesiones de juego.

Dimensionando activos del tablero

Similar a cómo se escalan los mapas del mundo, es probable que una página de inicio cubierta por un tablero se haga lo suficientemente pequeña como para que un GM o jugador no tenga que desplazarse demasiado por la página para verla en su totalidad. Dependiendo de lo que estés diseñando, espera que tu arte se coloque en una página que no sea mucho más grande de lo que se puede ver a simple vista en una ventana del navegador.

 

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 1 de 1