Packs de interfaz

Marcadores de mapa Redline

12 marcadores de mapa e indicadores de mundo (cyberpunk) para interfaces de tema oscuro — paleta negro sangre, acento ámbar de aviso. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • marcador de mapa
  • punto de ruta
  • marcador de misión
  • minimapa
  • cyberpunk
  • cyberpunk
  • cyberpunk
  • alerta
  • hud
  • rojo
Hoja con 12 marcadores de mapa e indicadores de mundo (cyberpunk) de la familia Redline, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1219la transparencia se muestra como damero

Sobre este pack

Marcadores de mapa Redline es un conjunto de 12 marcadores de mapa e indicadores de mundo dibujados en estilo cyberpunk, donde cada marco tiene su propio contorno asimétrico — una muesca en una esquina, un raíl en un borde. Contiene cinco chinchetas de mapa —simple, misión, tienda, peligro y hogar—, galones de punto de ruta, una flecha de orientación del jugador, un nodo de ruta y una marca de brújula, un anillo de objetivo, anillos de ping y un área de efecto.

Los kits de interfaz cubren los bordes de la pantalla. Estos se sitúan en el medio, sobre el juego, donde el kit no tiene ni idea de lo que hay debajo: hierba, nieve, noche. Un marcador que depende de un fondo para leerse desaparecerá en la mitad de tus niveles.

La silueta está compuesta y no escalada: cada una de las cuatro esquinas y cada uno de los cuatro bordes recibe su propio tratamiento, así que no hay dos marcos del conjunto que compartan contorno. El resplandor de neón es una pila de trazos de opacidad decreciente, no un filtro de desenfoque — algunos rasterizadores de SVG aplican los filtros de otra manera y convierten el halo en una mancha a 4x.

Dentro de ese estilo, esta es la lectura de Redline: una interfaz de tema oscuro sobre una paleta negro sangre con acentos en ámbar de aviso, construida en torno a un marco de borde único, botones biselados de 140x36, barras de núcleo hueco divididas en 10 segmentos e iconos a dos tintas 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.

Cada marcador lleva su propio contorno y un cuerpo de un solo color, de modo que el trabajo lo hace la silueta y no el relleno. El anclaje va nombrado en el título de cada sprite y no es el centro: una chincheta señala su objetivo con la punta, así que ancla abajo al centro, mientras que un anillo y la flecha de orientación anclan en el medio. Colocar una chincheta por su centro la pone media chincheta por encima de lo que debía marcar. El área y el anillo de objetivo van discontinuos y no continuos porque describen una región y no un borde: un anillo continuo se lee como un muro.

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 Redline, lo que significa que este kit y el kit de paneles de Redline encajan sin redimensionar ninguno. Encaja bien en interfaces cyberpunk, de ciencia ficción y de futuro cercano.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP165 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 readmeZIP165 kB Obtener →
Chincheta de mapa, anclaje abajo al centro, SVG editableSVG401 B Obtener →

Cómo se usa

  1. Ancla cada sprite por el punto que nombra su título: abajo al centro en las chinchetas, al centro en los anillos y en la flecha de orientación.
  2. Mantén los marcadores a un tamaño de pantalla fijo en vez de escalarlos con la distancia; una chincheta que encoge con el mundo deja de leerse justo a la distancia en que la necesitabas.
  3. Usa los anillos de ping como tres fotogramas de una animación —dibujarlos hacia fuera y desvanecerlos— y no como tres marcadores separados.
  4. Tiñe el cuerpo de la chincheta por facción pero deja el contorno en paz; el contorno es lo que mantiene el marcador legible sobre un fondo desconocido.

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
"Marcadores de mapa Redline" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/redline-map-markers