Packs de interfaz
Dusk Marcos de carta
11 componentes de cartas y notificaciones (pixel art) para interfaces de tema oscuro — paleta violeta nocturno, acento ámbar. SVG y PNG transparente en 1x/2x/4x.

Sobre este pack
Dusk Marcos de carta es un conjunto de 11 componentes de cartas y notificaciones dibujados en estilo pixel art, donde cada esquina es una escalera de píxeles enteros y nada tiene suavizado. Contiene cuatro marcos de carta por rareza, tres contadores de moneda, una insignia de notificación y tres banners emergentes.
La rareza casi siempre se codifica como un color de borde, y eso falla dos veces: desaparece en escala de grises y compite con el arte del objeto, que ya es de por sí de color. Este conjunto codifica la rareza como estructura.
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.
Cada rareza añade un rasgo contable — la común no tiene ninguno, la rara suma dos escuadras, la épica una línea interior y cuatro escuadras, y la legendaria una banda de corona. Las distingues a tamaño de miniatura, en una captura y con el color quitado. Los banners emergentes limitan el color a una franja de borde de 6px para que el texto del mensaje quede al mismo contraste en los tres tonos.
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
- Aplica nine-slice a los marcos de carta solo en sus bordes rectos; las escuadras de esquina y la banda de corona deben quedarse en las esquinas fijas o la señal de rareza se estira.
- Pon el icono del objeto en el área rehundida y el nombre en las dos barras de etiqueta de debajo — el marco está dimensionado para un icono en proporción 1:1.
- Usa la insignia como superposición anclada a la esquina superior derecha de un botón de inventario o de menú, y dibuja el número con tu propia fuente.
Licencia
Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica
"Dusk Marcos de carta" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-card-frames


