Packs de interfaz

Cursores Aetherlab

12 cursores de ratón (magitech) para interfaces de tema oscuro — paleta azul de laboratorio, acento cian etéreo. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • puntero
  • mira
  • ratón
  • magitech
  • magitech
  • magitech
  • alquimia
  • laboratorio
  • hud
Hoja con 12 cursores de ratón (magitech) de la familia Aetherlab, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×739la transparencia se muestra como damero

Sobre este pack

Cursores Aetherlab es un conjunto de 12 cursores de ratón dibujados en estilo magitech, donde las esquinas en punta y una pista de circuito llevan color arcano — fantasía con cableado debajo. Contiene una flecha y una flecha con anillo de espera, una mano señaladora y un cursor de mover, una mira y un fijado de objetivo, cursores de ataque, hablar y saqueo, cursores de ocupado, bloqueado y texto, y un cursor de redimensionar.

Un juego que dibuja su propia interfaz y luego deja encima el cursor del sistema operativo tiene un agujero en mitad de la pantalla, y es justo la parte que el jugador mira constantemente. El cursor es además el único sprite sin control sobre su fondo: pasa por cielo, piedra, fuego e inventario en el mismo segundo.

Las esquinas en punta vienen del vocabulario de formas y no de un marco de fantasía, y es deliberado: este estilo es la mitad tecnológica de magitech, no la mitad tallada. Los degradados y las composiciones de contorno se alternan a lo largo del conjunto para que un panel de hechizos y un panel de instrumentos puedan compartir pantalla.

Dentro de ese estilo, esta es la lectura de Aetherlab: una interfaz de tema oscuro sobre una paleta azul de laboratorio con acentos en cian etéreo, construida en torno a un marco de borde único, botones biselados de 144x36, barras de núcleo hueco divididas en 22 segmentos e iconos a dos tintas sobre una rejilla de 24px. 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 cursor lleva un contorno del extremo opuesto de la paleta a su cuerpo, y eso es lo que lo mantiene legible sobre un fondo del que el kit no sabe nada: un cursor oscuro sobre una cueva oscura desaparece, y ningún estilo lo arregla. El punto activo va nombrado en el título de cada sprite en vez de dejarlo a la adivinación: la flecha pulsa en 0,0 y la mira en su centro, y un punto activo desviado tres píxeles es un juego donde el jugador falla lo que apuntó.

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 Aetherlab, lo que significa que este kit y el kit de paneles de Aetherlab encajan sin redimensionar ninguno. Encaja bien en interfaces magitech, de alquimia y de ciencia arcana.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP52 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 readmeZIP52 kB Obtener →
Cursor de flecha, punto activo 0,0, SVG editableSVG409 B Obtener →

Cómo se usa

  1. Toma el punto activo del título del sprite al registrar el cursor: la flecha y la mano pulsan cerca de su punta, la mira y el objetivo en el centro.
  2. Usa el PNG de 32 px para un cursor por hardware y mantenlo en escalado entero; el sistema operativo compone el cursor por hardware y una escala fraccionaria es donde el contorno se ablanda.
  3. Cambia a los cursores de ataque, hablar y saqueo desde tu raycast de interacción en vez de teñir un solo cursor, porque lo que el jugador lee de un vistazo es la silueta y no el color.
  4. El cursor bloqueado es para una acción rechazada, no para un control desactivado: un botón desactivado ya lo dice con su propio sprite, y usar ambos a la vez lo dice dos veces.

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
"Cursores Aetherlab" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/aetherlab-cursors