Efectos de impacto

Efectos de impacto Scanline

12 sprites de impacto y efecto (holograma) para interfaces de tema oscuro — paleta negro océano, acento naranja brasa. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • VFX
  • efecto de impacto
  • impacto
  • partícula
  • holograma
  • holograma
  • holograma
  • escáner
  • sónar
  • hud
Hoja con 12 sprites de impacto y efecto (holograma) de la familia Scanline, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×1960la transparencia se muestra como damero

Sobre este pack

Efectos de impacto Scanline es un conjunto de 12 sprites de impacto y efecto dibujados en estilo holograma, donde un trazo fino lleva un halo ancho y la mayor parte del marco es espacio vacío. Contiene una chispa de impacto y un estallido crítico, un anillo de impacto y una onda de choque, un arco de tajo, un orbe de luz y un destello, una marca de curación y una burbuja de escudo, una nube de polvo, un rayo y brasas ascendentes.

Todos los demás kits de este catálogo dibujan la interfaz. Ninguno dibuja el momento en que una cosa golpea a otra, que es lo primero que necesita un sistema de combate y lo último a lo que llega quien desarrolla en solitario. Un sprite de efecto tampoco tiene un contorno tras el que esconderse: vive sobre el juego unos pocos fotogramas y desaparece.

El halo es una pila de trazos de opacidad decreciente y no un filtro de desenfoque — algunos rasterizadores de SVG aplican los filtros de otra manera y lo emborronan a 4x. El trazo es fino a propósito: una interfaz proyectada se lee como luz, y una línea gruesa se lee como pintura.

Dentro de ese estilo, esta es la lectura de Scanline: una interfaz de tema oscuro sobre una paleta negro océano con acentos en naranja brasa, construida en torno a un marco de borde único, botones biselados de 120x34, barras de núcleo hueco divididas en 24 segmentos e iconos a dos tintas 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 sprite está centrado en un lienzo cuadrado y es simétrico respecto a ese centro, así el motor solo tiene que escalar y desvanecer: un efecto anclado fuera del centro se desplaza de lado al crecer, y eso se lee como un fallo y no como un estallido. Los cuerpos son de un solo color y sin contorno, porque una chispa con contorno se lee como una pieza de interfaz y no como luz. El orbe de luz se construye con discos apilados de opacidad decreciente en vez de un desenfoque: un filtro se rasteriza distinto en cada motor y se convierte en papilla a 4x.

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 Scanline, lo que significa que este kit y el kit de paneles de Scanline encajan sin redimensionar ninguno. Encaja bien en proyecciones de ciencia ficción, escáneres y superposiciones de futuro cercano.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP197 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 readmeZIP197 kB Obtener →
Chispa de impacto, anclaje al centro, SVG editableSVG410 B Obtener →

Cómo se usa

  1. Ancla cada efecto en el centro de su sprite y escala desde ahí; están dibujados simétricos para que escalar y desvanecer sea toda la animación.
  2. Reproduce la chispa de impacto dos o tres fotogramas como mucho. Un impacto que se queda deja de leerse como impacto.
  3. Tiñe multiplicando en vez de reemplazando el color: los sprites llevan su propia caída de claro a oscuro, y un reemplazo plano la tira a la basura.
  4. Usa mezcla aditiva para la chispa, el estallido, el orbe y el destello, y mezcla normal para la nube de polvo y las brasas, que son materia y no luz.

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
"Efectos de impacto Scanline" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/vfx/scanline-hit-effects