Packs de interfaz

Sumi Hoja de personaje

12 elementos de ficha y estadísticas (cel-shading) para interfaces de tema oscuro — paleta aguada de carbón, acento rojo lacre. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • hoja de personaje
  • estadísticas
  • equipo
  • atributos
  • rpg
  • celshading
  • cel-shading
  • cel shading
  • tinta
  • interfaz oscura
  • acción
Hoja con 12 elementos de ficha y estadísticas (cel-shading) de la familia Sumi, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×824la transparencia se muestra como damero

Sobre este pack

Sumi Hoja de personaje es un conjunto de 12 elementos de ficha y estadísticas dibujados en estilo cel-shading, donde un contorno grueso de tinta envuelve dos tonos planos separados por un terminador diagonal duro. 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.

La sombra es una única forma de borde duro sin caída — la propiedad que define el cel shading y lo que un degradado nunca puede imitar. El contorno usa el tono más oscuro de la paleta y no el tono de borde, o se lee como un marco gris grueso en vez de como tinta.

Dentro de ese estilo, esta es la lectura de Sumi: una interfaz de tema oscuro sobre una paleta aguada de carbón con acentos en rojo lacre, construida en torno a dos marcos concéntricos, botones con forma de pestaña de 120x48, barras brillantes divididas en 9 segmentos e iconos de contorno sobre una rejilla de 32px. 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 Sumi, lo que significa que este kit y el kit de paneles de Sumi encajan sin redimensionar ninguno. Encaja bien en juegos cel-shading y con render toon.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP183 kB

Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readmeZIP183 kB Obtener →
Fila de estadística, SVG editableSVG653 B Obtener →

Cómo se usa

  1. 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.
  2. Usa las tres marcas de comparación, también la de sin cambio. La ausencia de flecha no significa igual.
  3. 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.
  4. 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

Línea de crédito para copiar
"Sumi Hoja de personaje" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-character-sheet