Packs de interfaz
Dusk Hoja de personaje
12 elementos de ficha y estadísticas (pixel art) para interfaces de tema oscuro — paleta violeta nocturno, acento ámbar. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Dusk Hoja de personaje es un conjunto de 12 elementos de ficha y estadísticas dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. Contiene una fila de estadística y su versión con banda, tres marcas de comparación, un marco de radar de seis ejes y otro de cinco, un marco de maniquí de equipo, una casilla de equipo vacía y otra ocupada y dos tiras de bonificación de conjunto.
La hoja de personaje existe para responder una pregunta: si esta pieza nueva es mejor que la que ya llevas. Y el dibujo que la responde es el más pequeño del kit. La mayoría de los sets entregan los marcos y dejan las flechas de comparación al motor, que es donde salen como un glifo tipográfico dentro de un set en el que todo lo demás está dibujado a mano.
El contorno avanza en escalones de 4px y el sombreado es un dithering Bayer en vez de un degradado, así que el conjunto sobrevive a escalarse por un factor entero — la única manera de escalar pixel art sin que se convierta en papilla.
Dentro de ese estilo, esta es la lectura de Dusk: una interfaz de tema oscuro sobre una paleta violeta nocturno con acentos en ámbar, construida en torno a una banda de cabecera cruzando la parte superior del marco, botones de esquinas rectas de 96x32, barras con marcas divididas en 6 segmentos e iconos rellenos sobre una rejilla de 16px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.
Las flechas de subida y bajada son sprites distintos y no una flecha volteada, porque las dos aparecen en la misma tabla de comparación y una flecha volteada recibe la luz por el lado equivocado. Hay una tercera marca para «sin cambio», y eso importa más de lo que parece: la ausencia de flecha es ambigua entre igual y no comparable. El marco de radar viene solo como rejilla y ejes, sin polígono de valores, porque los valores los pone el juego. Lo que debe dar el kit es la escala, y la da con cinco y con seis ejes para que un sistema de estadísticas no tenga que llevar tantos atributos como supuso quien lo dibujó.
Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Dusk, lo que significa que este kit y el kit de paneles de Dusk encajan sin redimensionar ninguno. Encaja bien en juegos de pixel art.
Descarga
Enlace directo · sin registro · sin página de esperaConjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme
Cómo se usa
- Dibuja tu polígono de valores sobre el marco de radar en el motor; el marco es una escala fija con anillos en fracciones iguales, así que el polígono se traza directamente sobre él.
- Usa las tres marcas de comparación, también la de sin cambio. La ausencia de flecha no significa igual.
- Alterna la fila simple y la fila con banda a lo largo de una lista larga en lugar de añadir tu propio relleno de cebra; el tono de la banda sobrevive al recoloreado de la familia.
- El maniquí de equipo deja el centro libre para tu propio retrato, y las posiciones de casilla a su alrededor coinciden exactamente con el tamaño de la casilla suelta.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Dusk Hoja de personaje" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-character-sheet


