Effetti
Aggiungi effetti visivi per migliorare i tuoi disegni. PinePaper include 15 effetti integrati che vanno dai sistemi di particelle alle simulazioni ambientali.
Effetti disponibili
Scintilla
Una particella luminosa che segue il profilo del vostro articolo, lasciando una scia di scintille.
Il meglio per… Logos, testo evidenziato, temi magici
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore scintillante/glow | #fbbf24 (oro) |
| Velocità | Moltiplicatore di velocità di animazione | 1.0 |
| Dimensione | Raggio di particelle | 2 |
Blast
Un’esplosione di particelle dal centro di un oggetto. One-shot per impostazione predefinita, o impostare un intervallo per ripetere le esplosioni.
Il meglio per… Rivelamenti, enfasi, celebrazioni
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore particella | #ef4444 (red) |
| Raggio | Distanza di diffusione dell’esplosione | 100 |
| Conte | Numero di particelle | 20 |
| Intervallo | Ripetere l’intervallo in secondi (0 = uno-shot) | 0 |
| Ripeto | Numero di ripetizioni (0 = solo un colpo) | 0 |
Fuoco
Forme di fiamma organiche con colorazione sfumata, animazione sinusoidale e turbolenza. Fiamme pre-riscaldamento automaticamente in modo che non c’è un gap di avviamento a freddo.
Il meglio per… Torche, incendi, enfasi drammatica
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore base per gradiente autogenerato | #fbbf24 |
| Colori | Il gradiente personalizzato blocca l’array (colore overrides) | giallo → arancione → rosso |
| Conte | Tasso di cambio | 12 |
| Velocità | Moltiplicatore di tasso | 1.5 |
| Spread | Spazzola orizzontale | 0 |
| Dimensione | Dimensioni base della fiamma | 3 |
| Altezza | Altezza massima di salita (0 = auto da limiti di prodotto) | 0 |
| Vita parziale | Durata della fiamma in secondi | 1.5 |
| La turbolenza | Moltiplicatore di ampiezza d’onda | 1.0 |
| Particelle Max | Max fiamme simultanee | 30 |
Fumo
Rising fumo o particelle di vapore con deriva orizzontale sinusoidale. Pre-riscaldi automaticamente per la visibilità istantanea.
Il meglio per… Camini, vapore, labirinto atmosferico
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore del fumo | #888888 |
| Conte | Tasso di cambio | 15 |
| Velocità | Moltiplicatore di tasso | 1.0 |
| Spread | Spazzola orizzontale | 0 |
| Dimensione | Raggio di particella iniziale | 3 |
| Drift | Distanza di deriva sinusoidale orizzontale | 8 |
| Altezza | Altezza massima di salita (0 = auto) | 0 |
| Vita parziale | Durata parziale in secondi | 1.5 |
| Tasso di crescita | Crescita della scala come aumento della particella | 0.3 |
| Particelle Max | Max particelle simultanee | 18 |
Pioggia
Strisce di pioggia verso il basso con angolo vento configurabile e dimensione di goccia.
Il meglio per… Scene meteo, umore, sfondi ambientali
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore della pioggia | #93c5fd (blu blu) |
| Conte | Fattore di tasso | 15 |
| Velocità | Moltiplicatore di velocità di caduta | 2.0 |
| Angolo | Angolo del vento (affetti deriva orizzontale) | 0 |
| Spread | Fattore di diffusione delle uova orizzontali | 1.0 |
| Dimensione | Lunghezza goccia e moltiplicatore di larghezza | 1.0 |
Neve
Lentamente caduta fiocchi di neve con leggera deriva orizzontale e rotazione.
Il meglio per… Scene invernali, temi di vacanza, atmosfera dolce
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore del fiocco di neve | #e2e8f0 (grigio chiaro) |
| Conte | Fattore di tasso | 10 |
| Velocità | Moltiplicatore di velocità di caduta | 0.5 |
| Spread | Fattore di diffusione delle uova orizzontali | 1.5 |
| Vita parziale | Durata della fiamma in secondi | 4.0 |
Confetti
L’incisione variopinta si ricrea con la gravità fisica. One-shot per impostazione predefinita, o impostare un intervallo per ripetere le esplosioni.
Il meglio per… Celebrazioni, realizzazioni, temi di partito
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colori | Array di colori coriandoli | rosso, giallo, verde, blu, viola |
| Conte | Particelle per scoppio | 30 |
| Raggio | Gamma di velocità di esplosione | 150 |
| Gravità | Accelerazione verso il basso | 200 |
| Dimensione | Dimensione del rettangolo | 6 |
| Spread | Area spalmata | 0 |
| Offset X/Y | Interruttore centrale | 0 |
| Intervallo | Ripetere l’intervallo in secondi (0 = uno-shot) | 0 |
| Ripeto | Numero di ripetizioni (0 = solo un colpo) | 0 |
Ondulazione
Espansione cerchi concentrici che sbiadiscono dal centro dell’oggetto.
Il meglio per… Gocce d’acqua, punti di impatto, sonar/radar
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore dell’anello | #60a5fa (blu blu) |
| Velocità | Moltiplicatore di velocità di espansione | 1.0 |
| Max Radius | Dimensione massima dell’anello | 150 |
| Contatore d’anello | Numero di anelli da deporre | 3 |
| Stroke Larghezza | Larghezza della linea | 2 |
Glow
Un’aura pulsante dietro l’oggetto che oscilla in scala.
Il meglio per… In evidenza, power-up, attenzione-drawing
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore rosso | #fbbf24 (oro) |
| Velocità | Moltiplicatore di frequenza di impulso | 1.0 |
| Intensità | Opacità massima | 0.6 |
| Dimensione | Gamma di oscillazione scala (1.0 → questo valore) | 1.5 |
Elettricità
Flickering fulmini frastagliati intorno all’oggetto.
Il meglio per… Energia, energia, temi fantascienza
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore del bullone | #67e8f9 (cyan) |
| Velocità | Moltiplicatore di tasso Flicker | 1.0 |
| Conteggio di bullone | Numero di bulloni simultanei | 3 |
| Lunghezza | Lunghezza del bullone in pixel | 60 |
| Tasso di cambio | Frequenza Flicker in Hz | 8 |
Bolle
Rising bolle trasparenti con punte speculari e wobble orizzontale delicato.
Il meglio per… Scene subacquee, temi whimsical, bevande
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore del cerchio della bolla | #93c5fd (blu blu) |
| Conte | Tasso di cambio | 6 |
| Velocità | Moltiplicatore di velocità | 1.0 |
| Dimensione | Raggio di bolla | 5 |
| Spread | Spazzola orizzontale | 1.0 |
La polvere
La polvere galleggiante si inumidisce dolcemente nell’aria con movimento sottile.
Il meglio per… Scene atmosferiche, look vintage/vintage, raggi del sole
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore della polvere | #d4c5a9 ( beige caldo) |
| Conte | Numero di moti | 15 |
| Velocità | Moltiplicatore di velocità a secco | 1.0 |
| Dimensione | Dimensione Mote | 2 |
| Spread | Area di diffusione | 1.0 |
Fuochi
Punti luminosi che vagano organicamente con un comportamento di guida liscio.
Il meglio per… Scene notturne, foreste magiche, sfondi ambientali
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore rosso brillante | #fde68a (giallo caldo) |
| Conte | Numero di fireflies | 8 |
| Velocità | Moltiplicatore di velocità del movimento | 1.0 |
| Dimensione | Raggio d’azione | 4 |
Shockwave
Un unico anello in espansione che spara fuori dal centro dell’oggetto. Effetto a colpo unico.
Il meglio per… momenti di impatto, power-up, rivela drammatici
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore dell’anello | #f97316 (arancione) |
| Raggio | Max raggio di espansione | 150 |
Sentiero
Un percorso persistente di particelle che seguono l’oggetto mentre si muove.
Il meglio per… Oggetti in movimento, visualizzazione del percorso, code di cometa
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Colore | Colore del sentiero | #fbbf24 (oro) |
| Velocità | Velocità del fascio | 1.0 |
| Dimensione | Dimensione della particella del sentiero | 3 |
Effetti Shader (silhouette-clipped)
Una nuova famiglia di effetti di GPU-rendered aggiunti in v0.5. A differenza degli effetti delle particelle, gli effetti dell’ombrellone sono ombreggianti animati continui compositi contro la silhouette del vostro articolo — pensare “testo riempito di fuoco” o “colmo di cromo su un logo”. Tre tipi di nave oggi:
Calore
Un amuleto termico luminoso con turbolenza animata. Legge come fuoco quando si riempie il testo, e come un bagliore caldo quando alora una forma.
Il meglio per… Titoli di testo, effetti energetici, enfasi sull’attenzione
| Proprietà | Descrizione | Predefinito |
|---|---|---|
| Modalità | Dove appare il paralume: Fill item / Halo around item / Overlay (blend on item) | Elemento di riempimento |
| Intensità | Moltiplicatore di luminosità (0–1,5) | 1.0 |
| Raggio | Distanza di caduta di Glow (0.2–1.5) | 0.85 |
| Palette | Caldo (rosso/giallo), fresco (blu/ciano), viola | Caldo |
| Imbottitura Halo | Espansione di bovini per alogeno esterno (0–1,5) | 0.4 |
| Offset X / Y | Maiusc il centro di pattern shader all’interno dei limiti (-1 a 1) | 0 |
| Suggerimento | Colore picker — biasima la tavolozza verso questo colore (bianco = no bias) | #ffffff |
Metallo liquido
Superficie riflettente di flusso cromato con striature a bande e riflessi speculari. Tre palette metalliche: Chrome, Gold, Copper.
Il meglio per… Logos, caratteristiche premium, tipografia metallica
Gemma fumo
Morbida ghirlanda volumetrica con movimento curling e scintille interne. Tre colori: White, Rose, Smeraldo.
Il meglio per… Atmosfera mistica, sfondi sognanti, rivela magici
Canali di animazione
Ogni effetto shader ha due canali di animazione indipendenti (A e B) che guidano aspetti visivi distinti. Per Heatmap che è Flow (turbo sul retro) + Shimmer (particolare ad alta frequenza). Per Liquid Metal è Streaks (drift) + Bands (oscillazione di riflessione). Per Gem Smoke è Drift (direzione curva) + Sparkle (accento interno).
Ogni canale espone:
- Speed — 0× congela il canale, 1× = predefinito, fino a 5×
- Curve — come si trasforma il tempo grezzo:
| Curva | Che cosa fa |
|---|---|
| Lineare | Flusso continuo stabile (default - consigliato per canali di tipo “Flow”) |
| Sine | Polso liscio |
| Triangolo | Impulso acuto |
| Pulsante | Onda quadrata |
| Facilità | Slow → veloce → lento |
| Segatura | Ramp + reset |
| Bounce | Oscillazione di decadimento |
| Rumore | Passeggiata casuale |
È possibile mescolare le curve tra A e B per il movimento a strati — ad esempio, Heatmap con Flow on Linear e Shimmer on Pulse dà un bagliore costante con un dettaglio strobing.
Stacking Shader Effetti
È possibile applicare più di un effetto shader a un singolo elemento. Heatmap + Gem Smoke sulla stessa immagine ti dà un alone di fuoco con wisps fumo che passa attraverso di esso. Ogni effetto funziona indipendentemente con i propri param e canali. Il pulsante Clear Effects li rimuove tutti contemporaneamente.
Modalità compositi
Il dropdown Mode decide come l’output del shader si fonde con l’elemento:
- Fill item — shader appare solo all’interno della silhouette dell’oggetto. Predefinito per testo e forme.
- Halo intorno all’oggetto — il paralume appare solo al di fuori del bordo dell’oggetto. Meglio per forme opache che vogliono un bagliore.
- Overlay (blend on item) — shader stilizza i pixel esistenti dell’elemento tramite miscela moltiplicata. Predefinito per le immagini.
Applicare gli effetti
- Selezionare un elemento con lo strumento di selezione (V)
- Nel Pannello Proprietà, trovare Effects
- Fare clic su Aggiungi effetto
- Scegli un tipo di effetto
- Regolare le impostazioni come desiderato
Rimozione degli effetti
- Selezionare l’elemento con l’effetto
- Nel Pannello Proprietà, trovare l’effetto
- Fare clic sul pulsante × per rimuoverlo
Effetti multipli
È possibile applicare più effetti alla stessa voce. Tutti giocheranno contemporaneamente.
Tipi di effetto
| Categoria | Effetti | Comportamento |
|---|---|---|
| Continuo (particella) | Scintilla, Fumo, Fuoco, Pioggia, Neve, Ripple, Glow, Electric, Bubbles, Polvere, Fireflies, Trail | Correre fino a rimuovere |
| One-Shot Burst | Blast, Confetti, Shockwave (senza intervallo) | Gioca una volta e sparisci |
| Ripeto Burst | Blast, Confetti (con intervallo) | Re-trigger all’intervallo impostato |
| Shader (silhouette-clipped) | Heatmap, Metallo liquido, Gem Smoke | Eseguire fino a rimuovere; più stack per articolo |
Effetti vs. Animazione
| Caratteristica | Animazione | Effetto |
|---|---|---|
| Che cosa fa | Trasforma l’elemento (mova, scala, ruota) | Aggiunge elementi visivi intorno al prodotto |
| Esempi | Pulsante, rimbalzo, dissolvenza | Sentiero scintillante, esplosione di particelle |
| Combinare? | Uno per articolo | Multiplo per articolo |
Compatibilità di esportazione
| Effetto | MP4 | GIF | SVG |
|---|---|---|---|
| Scintilla | ✅ | ✅ | ⚠️ Statico |
| Blast | ✅ | ✅ | ❌ |
| Fuoco | ✅ | ✅ | ❌ |
| Fumo | ✅ | ✅ | ❌ |
| Pioggia | ✅ | ✅ | ❌ |
| Neve | ✅ | ✅ | ❌ |
| Confetti | ✅ | ✅ | ❌ |
| Ondulazione | ✅ | ✅ | ❌ |
| Glow | ✅ | ✅ | ⚠️ Statico |
| Elettricità | ✅ | ✅ | ❌ |
| Heatmap (shader) | ✅ | ✅ | ❌ |
| Metallo liquido (shader) | ✅ | ✅ | ❌ |
| Gem Smoke (shader) | ✅ | ✅ | ❌ |
SVG Limitazioni: Gli effetti sono sistemi di particelle a struttura e superfici paralume-rendered — né mappe in modo pulito a SVG statico. Per animazioni a pieno effetto, esportare come MP4 o GIF.
Consigli
Punte di effetto:
- Gli effetti scintillanti funzionano meglio su oggetti con contorni chiari
- Fuoco e fumo pre-riscaldato automaticamente — le fiamme appaiono istantaneamente senza ritardo di avvio
- Utilizzare l’esplosione e i confetti con parsimonia per i momenti di impatto
- Pioggia e neve funzionano meglio su oggetti più grandi o elementi full-canvas
- Combina il bagliore con le modalità di miscela per l’illuminazione drammatica
- Abbina colori effetto alla tua tavolozza di design
Punte di effetto Shader:
- Per il testo, Fill item mode produce un look “fire-text” / “smoky-text”. Per le forme, prova Alo intorno all’oggetto. Per le immagini, Overlay conserva l’immagine mentre lo intinge con il shader.
- Effettuare più ombreggiatori su un unico elemento: Heatmap su Fill + gem smoke su Halo intorno strati un nucleo luminoso sotto un alone fumoso.
- Utilizzare Offset X/Y per spingere il punto luminoso della mappa di calore verso un angolo invece di centro — utile per gli sguardi asimmetrici “hot edge”.
- Il raccoglitore di colore Tint si distinguono per la tavolozza senza perdere la struttura. Tienilo bianco per l’aspetto naturale del preset.
- Le curve del canale consentono di mescolare il flusso costante con il dettaglio strobing. Prova Heatmap con Flow=Linear e Shimmer=Pulse per un effetto flickering candela.
- Prestazioni auto-tunes in base al dispositivo. Su macchine più lente l’editor tranquillamente cadere la risoluzione prima del frame rate; è possibile bloccare un livello di qualità tramite la console di sviluppo (
PinePaper.itemAuraSystem.setQualityTier(N)).
Relato: Animations | Blending | Masking