Účinky

13 min read

Přidejte vizuální efekty pro zlepšení vašich návrhů. PinePaper obsahuje 15 built- in efekty sahající od částicových systémů po environmentální simulace.

Dostupné účinky

Sparkle

Zářící částice, která sleduje obrys vašeho předmětu, zanechává stopu jisker.

Nejlepší pro: Loga, zvýrazněný text, magické motivy

Vlastnost Popis Výchozí
Barva Svítící barva #fbbf24 (zlato)
Rychlost Name 1.0
Velikost Poloměr částic 2

Výbuch

Exploze částic ze středu prvku. One- shot ve výchozím nastavení, nebo nastavit interval pro opakování výboje.

Nejlepší pro: Ozvěny, důraz, oslavy

Vlastnost Popis Výchozí
Barva Barva částic #ef4444 (red)
Poloměr Rozšířená vzdálenost výbuchu 100
Počet Počet částic 20
Interval Opakovací interval v sekundách (0 = jeden výstřel) 0
Opakuji Počet opakování (0 = pouze jeden výstřel) 0

Oheň

Organické plamen tvary s gradient zbarvení, sinusové vlny animace, a turbulence. Plameny se automaticky zahřívají, takže není žádná chladná mezera.

Nejlepší pro: Torches, táboráky, dramatický důraz

Vlastnost Popis Výchozí
Barva Základní barva pro automaticky generovaný gradient #fbbf24
Barvy Vlastní gradient zastaví pole (přepíná barvu) žlutá → oranžová → červená
Počet Výběrová rychlost 12
Rychlost Multiplikátor rychlosti propagace 1.5
Rozšíření Horizontální rozptylové sklo 0
Velikost Velikost základního plamene 3
Výška Maximální stoupající výška (0 = auto z hran položky) 0
Život částic Plamen doživotí v sekundách 1.5
Turbulence Multiplikátor amplitudové vlny 1.0
Max částice Maximální souběžné plameny 30

Kouř

Rostoucí kouřové nebo parní částice se sinusovým vodorovným posuvem. Pro okamžitou viditelnost se automaticky zahřívá.

Nejlepší pro: Komíny, pára, atmosférický opar

Vlastnost Popis Výchozí
Barva Barva kouře #888888
Počet Výběrová rychlost 15
Rychlost Multiplikátor rychlosti propagace 1.0
Rozšíření Horizontální rozptylové sklo 0
Velikost Počáteční poloměr částic 3
Drift Vodorovná sinusová vzdálenost posunu 8
Výška Maximální výška stoupání (0 = auto) 0
Život částic Životnost částic v sekundách 1.5
Růst Růst měřítka při vzestupu částic 0.3
Max částice Maximální souběžné částice 18

Déšť

Spodní dešťové pruhy s konfigurovatelným úhlem větru a velikostí pádu.

Nejlepší pro: Představení počasí, nálada, prostředí

Vlastnost Popis Výchozí
Barva Barva deště #93c5fd (světle modrá)
Počet Faktor zlomu 15
Rychlost Násobitel rychlosti pádu 2.0
Úhel Úhel větru (ovlivňuje horizontální posun) 0
Rozšíření Vodorovný rozptylový faktor vzorku 1.0
Velikost Násobitel délky a šířky deště 1.0

Sníh

Pomalu padající sněhové vločky s jemným horizontálním posuvem a rotací.

Nejlepší pro: Zimní scény, rekreační témata, jemná atmosféra

Vlastnost Popis Výchozí
Barva Barva vločky #e2e8f0 (světle šedá)
Počet Faktor zlomu 10
Rychlost Násobitel rychlosti pádu 0.5
Rozšíření Vodorovný rozptylový faktor vzorku 1.5
Život částic Plovoucí životnost v sekundách 4.0

Confetti

Barevné hroutící obdélníky s gravitací na bázi fyziky. One- shot ve výchozím nastavení, nebo nastavit interval pro opakování výboje.

Nejlepší pro: Oslavy, úspěchy, párty témata

Vlastnost Popis Výchozí
Barvy Pole barev konfet červená, žlutá, zelená, modrá, fialová
Počet Částice na roztržení 30
Poloměr Rozsah rychlosti výbuchu 150
Gravitace Zrychlení směrem dolů 200
Velikost Velikost obdélníku 6
Rozšíření Rozšíření mezery 0
Offset X / Y Offset středu 0
Interval Opakovací interval v sekundách (0 = jeden výstřel) 0
Opakuji Počet opakování (0 = pouze jeden výstřel) 0

Ripple

Rozšiřování soustředných kruhů, které vyblednou ze středu prvku.

Nejlepší pro: Kapky vody, body nárazu, sonar / radar

Vlastnost Popis Výchozí
Barva Barva prstenu #60a5fa (světle modrá)
Rychlost Násobitel rychlosti rozšíření 1.0
Max Radius Maximální velikost prstence 150
Počet prstenců Počet kroužků pro sperma 3
Šířka zdvihu Šířka kruhové čáry 2

Záře

Pulzující aura za prvkem, který osciluje v měřítku.

Nejlepší pro: Highlights, power- ups, attention- drawing

Vlastnost Popis Výchozí
Barva Barva záře #fbbf24 (zlato)
Rychlost Multiplikátor frekvence impulsů 1.0
Intenzita Maximální neprůhlednost 0.6
Velikost Rozsah oscilace stupnice (1.0 → tato hodnota) 1.5

Elektrické

Blikající jagged blesky kolem položky.

Nejlepší pro: Energie, energie, sci-fi témata

Vlastnost Popis Výchozí
Barva Barva šroubu #67e8f9 (kyan)
Rychlost Multiplikátor sazby Flicker 1.0
Počet boltů Počet simultánních šroubů 3
Délka Délka boltu v pixelech 60
Flicker rate Frekvence blikání v Hz 8

Bublinky

Rostoucí průhledné bubliny s jasnými světly a jemným horizontálním kýváním.

Nejlepší pro: Podvodní scény, rozmary, nápoje

Vlastnost Popis Výchozí
Barva Barva bublinkového ráfku #93c5fd (světle modrá)
Počet Výběrová rychlost 6
Rychlost Násobitel rychlosti zdvihu 1.0
Velikost Poloměr bubliny 5
Rozšíření Horizontální rozptylové sklo 1.0

Prach

Plovoucí prachové moly, které se jemně pohybují ve vzduchu.

Nejlepší pro: Atmosférické scény, staré / staré pohledy, sluneční paprsky

Vlastnost Popis Výchozí
Barva Barva prachu #d4c5a9 (teplé béžové)
Počet Počet molů 15
Rychlost Násobitel rychlosti driftu 1.0
Velikost Velikost motu 2
Rozšíření Rozšíření oblasti 1.0

Světlušky

Zářící tečky, které se organicky toulají s hladkým řízením.

Nejlepší pro: Noční scény, magické lesy, okolní prostředí

Vlastnost Popis Výchozí
Barva Světluška zářící barva #fde68a (teplá žlutá)
Počet Počet světlušek 8
Rychlost Násobitel rychlosti pohybu 1.0
Velikost Poloměr záře 4

Shockwave

Jediný rozšiřující se kruh, který střílí ven z centra. Prasklý efekt.

Nejlepší pro: Okamžiky dopadu, power- ups, dramatické odhalení

Vlastnost Popis Výchozí
Barva Barva prstenu #f97316 (oranžový)
Poloměr Maximální poloměr expanze 150

Trail

Trvalá cesta částic, které sledují předmět, jak se pohybuje.

Nejlepší pro: Pohybující se objekty, cesta vizualizace, kometa ocasy

Vlastnost Popis Výchozí
Barva Barva stopy #fbbf24 (zlato)
Rychlost Rychlost větru 1.0
Velikost Velikost stopových částic 3

Efekty stínů (silhouette- cropped)

Nová rodina GPU- vyvolaných efektů přidána v0.5 Na rozdíl od efektů částic, shaderové efekty jsou kontinuální animované shadery složené proti siluetě vaší položky - mysli “ohnivzdorný text” nebo “roztavený chrom na logu”. Tři typy lodí dnes:

Heatmap

Zářící termální halo s animovanou turbulencí. Čte jako oheň při vyplňování textu, a jako horká záře při haló tvar.

Nejlepší pro: Textové tituly, energetické efekty, důraz na pozornost

Vlastnost Popis Výchozí
Režim Tam, kde se objeví stínidlo: * * Naplňte položku * * / * * Halo kolem položky * * / * * Překrytí (směs na položku) * * Vyplňte položku
Intenzita Násobitel jasu (0- 1.5) 1.0
Poloměr Svislá vzdálenost (0.2-1.5) 0.85
Paleta Horké (červené / žluté), Cool (modré / kyanové), Violet Horké
Haló vycpávka Rozšíření pout pro vnější svatozář (0-1.5) 0.4
Offset X / Y Přemisťuje stínový vzor v mezích (-1 až 1) 0
Tint Barevný picker - podváže paletu směrem k této barvě (bílá = bez předsudky) #ffffff

Tekutý kov

Reflexní chrom tekoucí povrch s pásovými proužky a spektrální zvýraznění. Tři kovové palety: * * Chrome * *, * * Gold * * *, * * Copper * *.

Nejlepší pro: Loga, premium-cítit zvýraznění, kovová typografie

Gem Smoke

Měkký odměrný kouřový věnec s vlnitým pohybem a vnitřní jiskrou. Tři barevné palety: * * White * *, * * Rose * * * * * Smaragd * *.

Nejlepší pro: Mystická atmosféra, snové pozadí, magické objevy

Animační programy

Každý efekt shader má dva nezávislé animační kanály (A a B), které řídí odlišné vizuální aspekty. Pro Heatmap, který je * * Flow * * (turbulence pozadí) + * * Shimmer * * (vysokofrekvenční detail). Pro tekutý kov je to * * Streaks * * (drift) + * * Bands * * (reflexní oscilace). Pro Gem Smoke je to * * Drift * * (směr vlnění) + * * Sparkle * * (vnitřní přízvuk).

Každý kanál odhaluje:

      • Speed * * - 0 × zmrazí kanál, 1 × = přednastavený výchozí, až 5 ×
      • Curve * * - how raw time gets transformed:
Křivka Co to dělá
Lineární Plynulý průtok (výchozí - doporučuje se pro kanály typu “Flow”)
Sine Hladký puls
Trojúhelník Ostrý puls
Puls Zapnout / vypnout čtvercovou vlnu
Pomaleji Pomalu → rychle → pomalu
Sawtooth Ramp + reset
Bounce Pokles oscilace
Hluk Náhodná procházka

Můžete míchat křivky mezi A a B pro vrstvený pohyb - např., Heatmap s Flow na lineární a Shimmer na Pulse dává stabilní záře s strobing detail.

Stacking Shader Effects

Můžete použít více než jeden efekt shader na jednu položku. Heatmap + Gem Smoke na stejném obrázku vám dává ohnivý svatozář s kouřovými bzučáky driftující přes něj. Každý efekt běží nezávisle na svých vlastních paramech a kanálů. Tlačítko Clear Effects odstraní všechny najednou.

Kombinované režimy

    • Mode * * dropdown rozhodne, jak se výstup stínítka smíchá s položkou:
      • Naplňte položku * * - shader se objeví pouze uvnitř siluety položky. Výchozí pro text a tvary.
      • Halo kolem položky * * - shader se objevuje pouze mimo hranu položky. Nejlepší pro neprůhledné tvary, které chtějí zářit.
      • Overlay (směs na položku) * * - shader stylizuje stávající pixely položky pomocí násobení směsi. Výchozí pro obrázky.

Uplatňování účinků

  1. Vyberte položku s výběrovým nástrojem (V)
  2. V panelu Vlastnosti najdete * * Účinky * *
  3. Klikněte na * * Add Effect * *
  4. Vyberte typ efektu
  5. Nastavení podle potřeby

Odstranění účinků

  1. Vyberte položku s účinkem
  2. V panelu Vlastnosti naleznete efekt
  3. Kliknutím na tlačítko * * × * * jej odstraníte

Mnohočetné účinky

Můžete použít více efektů na stejnou položku. Všichni budou hrát současně.

Typy účinků

Kategorie Účinky Chování
Kontinuální (částice) Sparkle, Smoke, Fire, Rain, Snow, Ripple, Glow, Electric, Bublinky, Prach, Světlušky, Trail Spustit až do odstranění
One- Shot Burst Blast, Confetti, Shockwave (bez intervalu) Zahraj jednou a zmiz
Opakovací trhlina Blast, Confetti (s odstupem) Znovu spustit v nastaveném intervalu
Stínidlo (silhouette- cropped) Heatmap, tekutý kov, Gem Smoke Spustit do odstranění; více stack na položku

Efekt vs. animace

Funkce Animace Účinek
Co to dělá Mění položku (pohyb, měřítko, otáčení) Přidá vizuální prvky kolem prvku
Příklady Puls, odrazit, vyblednout Jiskřivá stopa, exploze částic
Kombinovat? 1 za položku Vícečetné na položku

Vývozní kompatibilita

Účinek MP4 GIF SVG
Sparkle ✅ ✅ Name
Výbuch ✅ ✅ ❌
Oheň ✅ ✅ ❌
Kouř ✅ ✅ ❌
Déšť ✅ ✅ ❌
Sníh ✅ ✅ ❌
Confetti ✅ ✅ ❌
Ripple ✅ ✅ ❌
Záře ✅ ✅ Name
Elektrické ✅ ✅ ❌
Heatmap (shader) ✅ ✅ ❌
Tekutý kov (stínidlo) ✅ ✅ ❌
Gem Smoke (shader) Name ✅ ✅ ❌
    • SVG Omezení: * * Efekty jsou frame- based částicové systémy a shader- tažené povrchy - ani mapy čistě na statické SVG. Pro plné efekty animace, export jako MP4 nebo GIF.

Tipy

Tipy efektu:

  • Sparkle efekty fungují nejlépe na položky s jasnými obrysy
  • Požár a kouř před-teplý automaticky - plameny se objeví okamžitě bez zpoždění spuštění
  • Použít výbuch a konfety šetrně pro nárazové okamžiky
  • Déšť a sníh pracují nejlépe na větších předmětech nebo celotělových prvků
  • Kombinovat záře s režimy mix pro dramatické osvětlení
  • Zápas efektu barvy na vaši paletu designu

Tipy efektu shader:

  • Pro text, * * Vyplňte položku * * režim produkuje “fire- text” / “smoky- text” vzhled. Pro tvary, zkuste * * Halo kolem položky * *. Pro obrázky, * * Overlay * * uchovává obraz při tónování s shader.
  • Stack multiple shader efekty na jednu položku: heatmap na * * Naplňte * * + gem _ smoke na * * Halo kolem * * vrstvy zářící jádro pod smoky halo.
  • Použijte * * Offset X / Y * * k posunutí světlé mapy směrem k rohu místo centra - užitečné pro asymetrické “horké hrany” vzhled.
      • Tint * * barevný picker podmiňuje paletu bez ztráty struktury. Nech si to bílé, aby to vypadalo přirozeně.
  • Kanál křivky vám umožní míchat stálý tok s strobing detail. Zkuste Heatmap s Flow = lineární a Shimmer = Pulse pro blikající svíčka efekt.
  • Výkonnostní automelodie založené na vašem zařízení. Na pomalejších strojích editor tiše sníží rozlišení před frekvencí snímku; pomocí vývojářské konzole (PinePaper.itemAuraSystem.setQualityTier(N)) můžete zamknout úroveň kvality.
    • Související: * * [Animace] (/features/animations)