Effetti d’impatto

Effetti d’impatto Hyperlane

12 sprite d’impatto ed effetto (arcade) per interfacce in modalità scuro — viola profondo, accento arancio del tramonto. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • VFX
  • effetto d’impatto
  • impatto
  • particella
  • arcade
  • arcade
  • arcade
  • corse
  • sfumatura
  • hud
Foglio con 12 sprite d’impatto ed effetto (arcade) della famiglia Hyperlane, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×1960la trasparenza è mostrata a scacchiera

Su questo pack

Effetti d’impatto Hyperlane è un set di 12 sprite d’impatto ed effetto disegnati nello stile arcade, dove il colore è il corpo e non il bordo — lastre sature con estremità appuntite. Contiene una scintilla d’impatto e un’esplosione critica, un anello d’impatto e un’onda d’urto al suolo, un arco di fendente, una sfera luminosa e uno scintillio, un segno di cura e una bolla di scudo, una nuvola di polvere, un fulmine e braci che salgono.

Tutti gli altri kit di questo catalogo disegnano l’interfaccia. Nessuno disegna il momento in cui una cosa ne colpisce un’altra, che è la prima cosa di cui ha bisogno un sistema di combattimento e l’ultima a cui arriva chi sviluppa da solo. Uno sprite d’effetto non ha nemmeno un contorno dietro cui nascondersi: vive sopra il gioco per pochi fotogrammi e poi non c’è più.

Ogni lastra è riempita con una sfumatura a due passaggi lungo l'asse maggiore, e i segni sono disegnati scuri sopra il colore invece che chiari sopra il nero. Le estremità appuntite fanno parte della silhouette, quindi sopravvivono alla scalatura invece di essere un effetto di contorno.

Dentro quello stile, questa è la lettura Hyperlane: un'interfaccia in modalità scuro su una palette viola profondo con accenti arancio del tramonto, costruita attorno a due cornici concentriche, pulsanti a pillola completamente arrotondati da 192x48, barre lucide divise in 6 segmenti e icone in bicromia su una griglia da 32px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

Ogni sprite è centrato su una tela quadrata e simmetrico rispetto a quel centro, così al motore basta scalare e dissolvere: un effetto ancorato fuori centro scivola di lato mentre cresce, e questo si legge come un errore e non come uno scoppio. I corpi sono di un solo colore e senza contorno, perché una scintilla contornata si legge come un pezzo di interfaccia e non come luce. La sfera luminosa è fatta di dischi sovrapposti a opacità calante invece che di una sfocatura: un filtro viene rasterizzato in modo diverso dai vari motori e a 4x diventa poltiglia.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Hyperlane, il che significa che questo kit e il kit di pannelli Hyperlane si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce di corse, arcade e basate sul punteggio.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP196 kB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP196 kB Ottieni →
Scintilla d’impatto, ancoraggio al centro, SVG modificabileSVG410 B Ottieni →

Come si usa

  1. Ancora ogni effetto al centro del suo sprite e scala da lì; sono disegnati simmetrici perché scalare e dissolvere sia tutta l’animazione.
  2. Riproduci la scintilla d’impatto per due o tre fotogrammi al massimo. Un impatto che si attarda smette di leggersi come impatto.
  3. Tingi moltiplicando invece che sostituendo il colore: gli sprite portano la propria caduta dal chiaro allo scuro, e una sostituzione piatta la butta via.
  4. Usa la fusione additiva per scintilla, esplosione, sfera e scintillio, e la fusione normale per la nuvola di polvere e le braci, che sono materia e non luce.

Licenza

Creative Commons Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Effetti d’impatto Hyperlane" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/vfx/hyperlane-hit-effects