Efectos de impacto

Efectos de impacto Carbon

12 sprites de impacto y efecto (realista) para interfaces de tema oscuro — paleta casi negro, acento ámbar de aviso. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • VFX
  • efecto de impacto
  • impacto
  • partícula
  • realista
  • realista
  • realista
  • cabina
  • simulación
  • carreras
Hoja con 12 sprites de impacto y efecto (realista) de la familia Carbon, 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 Carbon es un conjunto de 12 sprites de impacto y efecto dibujados en estilo realista, donde un degradado especular de cinco paradas recorre una cara de metal cepillado con remaches en las esquinas. 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.

La textura de pincel es un patrón de líneas de 3px y no ruido real: el ruido triplica el peso del PNG por una textura que nadie ve a 1x. La sombra está por capas en vez de desenfocada para que aguante a 4x.

Dentro de ese estilo, esta es la lectura de Carbon: una interfaz de tema oscuro sobre una paleta casi negro con acentos en ámbar de aviso, construida en torno a cuatro escuadras en las esquinas en lugar de un borde cerrado, botones biselados de 152x44, barras de núcleo hueco divididas en 14 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 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 Carbon, lo que significa que este kit y el kit de paneles de Carbon encajan sin redimensionar ninguno. Encaja bien en interfaces realista y de simulación.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP205 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 readmeZIP205 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 Carbon" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/vfx/carbon-hit-effects