Packs de interfaz

Neon Fondos

7 piezas de fondo y superposición (low-poly) para interfaces de tema oscuro — paleta azul del espacio profundo, acento cian. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • imagen de fondo
  • fondo
  • repetible
  • pantalla de menú
  • lowpoly
  • low-poly
  • ciencia ficción
  • hud
  • cyberpunk
Hoja con 7 piezas de fondo y superposición (low-poly) de la familia Neon, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1341la transparencia se muestra como damero

Sobre este pack

Neon Fondos es un conjunto de 7 piezas de fondo y superposición dibujados en estilo low-poly, donde la silueta es un polígono angular y la cara se divide en triángulos planos. Contiene un fondo de menú a pantalla completa, una baldosa de patrón sin costuras, una capa de oscurecido para modales, un banner de título, un separador de sección y la guía y el relleno de una barra de carga.

Esta es la pieza que la mayoría de los kits de interfaz gratuitos se dejan por completo. Un kit que te da paneles y botones pero nada sobre lo que ponerlos deja de ser útil en la primera pantalla que montes, y el fondo es lo único que no puedes fingir con un color plano sin que todo el menú parezca a medio hacer.

Cuatro triángulos se encuentran fuera del centro y cada uno lleva su propio tono plano, que es exactamente como sombrea una malla facetada. En todo el kit no hay ni una curva ni un degradado en ninguna faceta.

Dentro de ese estilo, esta es la lectura de Neon: una interfaz de tema oscuro sobre una paleta azul del espacio profundo con acentos en cian, construida en torno a cuatro escuadras en las esquinas en lugar de un borde cerrado, botones biselados de 144x36, barras de núcleo hueco divididas en 12 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.

El fondo es donde un estilo artístico tiene más sitio para mostrarse, así que está dibujado distinto en cada uno: bandas con dithering, un mosaico triangulado, papel rayado, una rejilla isométrica, un horizonte de borde duro. Viene a 640x360 y se exporta a 2560x1440 en 4x, lo que cubre 1080p manteniendo la proporción, así que se estira a cualquier resolución con un solo ajuste de cobertura. La baldosa de patrón cierra cada motivo dentro de sus propios límites, así que al repetir no aparece ninguna costura.

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 Neon, lo que significa que este kit y el kit de paneles de Neon encajan sin redimensionar ninguno. Encaja bien en juegos low-poly.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP245 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 readmeZIP245 kB Obtener →
Fondo de menú a pantalla completa, low-poly, SVG editableSVG10 kB Obtener →

Cómo se usa

  1. Usa el fondo con ajuste de cobertura en vez de estirarlo — la proporción 16:9 es deliberada y deformarla se nota al instante en un degradado.
  2. Repite el patrón detrás de listas y rejillas de inventario a 1x para una textura fina o a 2x para una gruesa; no tiene costuras en ninguna dirección.
  3. Dibuja el oscurecido entre el juego y el modal a pantalla completa. Usa la paleta del estilo en vez de negro plano, así que no vuelve gris un juego con color.

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