Hatások

13 min read

Adja vizuális hatások, hogy fokozza a tervek. A PinePaper 15 beépített hatást tartalmaz a részecskerendszerektől a környezeti szimulációkig.

Elérhető hatások

Sparkle

Egy fénylő részecske, ami követi a termék körvonalát, és szikrákat hagy maga után.

    • Best for: * * Logók, kiemelt szöveg, mágikus témák
Tulajdonság Leírás Alapértelmezés
Szín Csillogó / fénylő szín #fbbf24 (arany)
Sebesség Animációs sebesség szorzó 1.0
Méret Részecske sugara 2

Robbanás

A részecskék robbanása egy tárgy közepén. Alapértelmezés szerint egy lövés, vagy állítsa be egy intervallumot ismétlődő kitörések.

    • Best for: * * Felfedések, hangsúly, ünnepségek
Tulajdonság Leírás Alapértelmezés
Szín Részecske színe #ef4444 (red)
Radiusz Robbanásterjedési távolság 100
Számolás Részecskék száma 20
Interval Ismételd meg az időt másodpercenként (0 = egy lövés) 0
Ismétlem Az ismétlések száma (0 = csak egy lövés) 0

Tűz

Szerves láng formák gradiens színezés, szinuszoid hullám animáció, és turbulencia. Flames pre- meleg automatikusan így nincs Cold- start rés.

    • Best for: * * Fáklyák, tábortűz, drámai hangsúly
Tulajdonság Leírás Alapértelmezés
Szín Az automatikus gradiens alapszíne #fbbf24
Színek Egyedi gradiens leállítja tömb (felülírja szín) sárga → narancs → piros
Számolás SPANYOLORSZÁG 12
Sebesség A spawrate szorzója 1.5
Szóródás Vízszintes ívnyúlás 0
Méret Alapláng mérete 3
Magasság Maximális emelkedési magasság (0 = auto a tárgykörökből) 0
Részecske élet Láng élete másodpercekben 1.5
Turbulencia Hullámamplitúdó 1.0
Max. részecskék Maximális egyidejű lángok 30

Füst

Felemelő füst vagy gőzrészecskék szinuszos vízszintes sodródással. Az azonnali láthatóság érdekében az előmelegítés automatikusan megtörténik.

    • Best for: * * Kémény, gőz, légköri köd
Tulajdonság Leírás Alapértelmezés
Szín Füstszín #888888
Számolás SPANYOLORSZÁG 15
Sebesség A spawrate szorzója 1.0
Szóródás Vízszintes ívnyúlás 0
Méret Kezdeti részecskeszám 3
Drift Vízszintes sinusoid sodródási távolság 8
Magasság Maximális emelkedési magasság (0 = automata) 0
Részecske élet Részecske élettartama másodpercekben 1.5
Növekedési ráta A részecskeméret növekedése 0.3
Max. részecskék Maximális egyidejű részecskék 18

Eső

Lefelé eső csíkok konfigurálható szélszög és csepp mérete.

    • Best for: * * Időjárási jelenetek, hangulat, környezeti háttér
Tulajdonság Leírás Alapértelmezés
Szín Esőcsepp színe #93c5fd (világoskék)
Számolás SPANYOLORSZÁG 15
Sebesség Eséssebesség szorzó 2.0
Szögek Szél szöge (befolyásolja a vízszintes eltolódás) 0
Szóródás V. melléklet 2. részének 123. pontja 1.0
Méret Esőcsepp hossza és szélessége szorzó 1.0

Hó

Lassan hulló hópelyhek enyhe vízszintes sodródással és forgással.

    • Best for: * * Téli jelenetek, ünnepi témák, kellemes hangulat
Tulajdonság Leírás Alapértelmezés
Szín Hópehely színe #e2e8f0 (világosszürke)
Számolás SPANYOLORSZÁG 10
Sebesség Eséssebesség szorzó 0.5
Szóródás V. melléklet 2. részének 123. pontja 1.5
Részecske élet Flake élettartam másodperc 4.0

Confetti

Színes téglalap, fizikális gravitációval. Alapértelmezés szerint egy lövés, vagy állítsa be egy intervallumot ismétlődő kitörések.

    • Best for: * * Ünnepek, eredmények, párttémák
Tulajdonság Leírás Alapértelmezés
Színek Konfetti színek tömbje piros, sárga, zöld, kék, lila
Számolás Részecskék / kitörések 30
Radiusz Robbanási sebesség tartomány 150
Gravitáció Lefelé irányuló gyorsulás 200
Méret Négyszög mérete 6
Szóródás A terület kiterjedése 0
Offset X / Y Középső eltolódás 0
Interval Ismételd meg az időt másodpercenként (0 = egy lövés) 0
Ismétlem Az ismétlések száma (0 = csak egy lövés) 0

Ripple

Kiterjesztése koncentrikus körök, amelyek elhalványulnak a termék központ.

    • Best for: * * Vízcseppek, ütközési pontok, szonár / radar
Tulajdonság Leírás Alapértelmezés
Szín Gyűrűszín #60a5fa (világoskék)
Sebesség Kiterjedési sebesség szorzó 1.0
Max Radius Legnagyobb gyűrűméret 150
Gyűrűszám Ivadékgyűrűk száma 3
Szélesség Gyűrűvonal szélessége 2

Világosság

Egy lüktető aura a tárgy mögött, ami oszcillálódik a skálán.

    • Best for: * * Kiemelés, teljesítmény-up, figyelem-rajz
Tulajdonság Leírás Alapértelmezés
Szín Fényszín #fbbf24 (arany)
Sebesség Impulzusfrekvencia-szorzó 1.0
Intenzitás Maximális átlátszatlanság 0.6
Méret Mérettartomány (1,0 → ez az érték) 1.5

Elektromos

Villámgyors villámok a tárgy körül.

    • Best for: * * Energia, hatalom, scifi témák
Tulajdonság Leírás Alapértelmezés
Szín Bolt színe #67e8f9 (cián)
Sebesség Flicker kamatszorzó 1.0
Bolt gróf Egyidejű csavarok száma 3
Hossz Bolt hossza pixelben 60
Flicker Rate Flicker frekvencia Hz-ben 8

Buborékok

Átlátszó buborékok felemelkedése, színképi kiemelésekkel és gyengéd vízszintes ingázással.

    • Best for: * * Víz alatti jelenetek, szeszélyes témák, italok
Tulajdonság Leírás Alapértelmezés
Szín Buborékperem színe #93c5fd (világoskék)
Számolás SPANYOLORSZÁG 6
Sebesség Emelési sebesség szorzó 1.0
Méret Buboréksugár 5
Szóródás Vízszintes ívnyúlás 1.0

Por

Lebegő pormotelek, melyek finoman sodródnak a levegőben, finom mozdulatokkal.

    • Best for: * * Atmoszférikus jelenetek, idős / évjárat, napsugarak
Tulajdonság Leírás Alapértelmezés
Szín Porszín #d4c5a9 (meleg bézs)
Számolás Motok száma 15
Sebesség Drift sebesség szorzó 1.0
Méret Lóméret 2
Szóródás Terület terjedése 1.0

Szentjánosbogár

Ragyogó pontok, amik organikusan vándorolnak, sima kormányzással.

    • Best for: * * Éjszakai jelenetek, varázslatos erdők, környezeti háttér
Tulajdonság Leírás Alapértelmezés
Szín Szentjánosbogár színe #fde68a (meleg sárga)
Számolás Szentjánosbogarak száma 8
Sebesség Mozgássebesség-szorzó 1.0
Méret Fénysugár 4

Sokkoló

Egyetlen bővülő gyűrű, ami kifelé lő a termékközpontból. Egylövéses repedés.

    • Best for: * * Impact moments, power-up, dramatic exploses
Tulajdonság Leírás Alapértelmezés
Szín Gyűrűszín #f97316 (narancs)
Radiusz Maximális kiterjedési sugár 150

Nyomvonal

A részecskék állandó útvonala, amelyek a termék mozgását követik.

    • Best for: * * Mozgó tárgyak, útvonal vizualizáció, üstökös írás
Tulajdonság Leírás Alapértelmezés
Szín Szín #fbbf24 (arany)
Sebesség Elhalványulási sebesség 1.0
Méret A nyomvonal részecskemérete 3

Shader effektek (sziluette- nyírás)

Új GPU- kiolvasztott effektek a v0.5-ben Ellentétben a részecske hatásokkal, az árnyékoló hatások folyamatos animációs árnyalók kompozit szemben a termék sziluett - gondolja “tűzzel töltött szöveg” vagy “olvadt króm a logó”. Három típusú hajó ma:

Hőtérkép

Egy izzó termikus glória animált turbulenciával. A szöveg kitöltésekor tűzként olvas, az alakzatban pedig forró fényként.

    • Best for: * * Szöveg címek, energetikai hatások, figyelem hangsúly
Tulajdonság Leírás Alapértelmezés
Mód Ahol az árnyékoló megjelenik: * * * Töltőelem * * / * Halo körül tétel * * / * * Overlay (keverék a tételen) * * Kitöltési tétel
Intenzitás Fényerő-szorzó (0- 1.5) 1.0
Radiusz Fényáteresztési távolság (0.2- 1.5) 0.85
Paletta Forró (piros / sárga), hűvös (kék / cián), Violet Forró
Halo párnázat Kívülről történő tágulás (0- 1.5) 0.4
Offset X / Y Shifts az árnyék minta központ határain belül (-1-1) 0
Tint Színválasztó - eltorzítja a paletta felé ez a szín (fehér = nincs elfogultság) #ffffff

Folyékony fém

Reflektív króm áramló felület kötegelt csíkokkal és specular kiemeli. Három fém paletta: * * Chrome * *, * * Gold * *, * * Copper * *.

    • Best for: * * Logók, premium-feel kiemelések, fémes tipográfia

Gem Smoke

Puha volumetrikus füstkoszorú curling mozgással és belső szikrákkal. Három színes paletta: * * * Fehér * *, * * Rose * *, * * Smaragd * *.

    • Best for: * * Misztikus atmoszféra, álomszerű hátterek, mágikus felfedezések

Animációs csatornák

Minden árnyékoló hatásnak két független animációs csatornája (A és B) van, amelyek egymástól elkülönülő vizuális vetületeket vezetnek. A Heatmap, hogy * * áramlás * * (háttér turbulencia) + * * Shimmer * * (magas frekvenciájú részlet). A Liquid Metal 's * * Streaks * * (drift) + * * Bands * * (reflection oscillation). Gem Smoke-nak ez * * Drift * * (göndör irány) + * * Sparkle * * (belső akcentus).

Minden csatorna bemutatja:

      • Speed * * - 0 × fagy a csatorna, 1 × = előre beállított alapértelmezett, akár 5 ×
      • Curve * * - a nyers idő átalakul:
Kanyar Mit csinál
Lineáris Stabil folyamatos áramlás (alapértelmezés - ajánlott “Áramlás” típusú csatornák)
Sine Sima pulzus
Háromszög Éles pulzus
Pulzus A négyzethullámon / azon kívül
Könnyű Lassú → gyors → lassú
Fűrészfog Rámpa + visszaállítás
Ugrás Az oszcilláció csökkenése
Zaj Véletlenszerű séta

Az A és B közötti íveket réteges mozgáshoz lehet keverni - például a Meatmap a Flow on Linear és a Shimmer on Impulse segítségével állandó ragyogást ad strobing részletességgel.

Shader hatások felhalmozása

Egy tételre egynél több árnyékoló hatás alkalmazható. A Heatmap + Gem Smoke ugyanazon a képen egy tüzes glóriát ad, amin füstöl a víz. Minden hatás egymástól függetlenül fut a saját params és csatornák. A Clear Effects gomb egyszerre távolítja el mindet.

Kompozit módok

A * * Mode * * dropdown dönti el, hogy az árnyékoló kimenete hogyan keveredik a következőkkel:

      • Töltőelem * * - Shader csak a termék sziluettjén belül jelenik meg. A szöveg és a formák alapértelmezett értéke.
      • Halo körül tétel * * - árnyékoló jelenik meg csak kívül a tétel szélén. A legjobb az átlátszatlan formák, hogy akar egy fényt.
      • Overlay (keverés a tételen) * * - Shader stilizes the item 's existing pixels via multiply mixe. Alapértelmezés képekhez.

Alkalmazási hatások

  1. Válassza ki a kijelölt eszközt (V)
  2. A Properties Panel * * Hatások * *
  3. Click * * add Effect * *
  4. Válassza ki a hatás típusát
  5. A beállítások beállítása a kívánt módon

A hatások megszüntetése

  1. Válassza ki az eredményt
  2. A Properties Panel, megtalálja a hatást
  3. Kattintson a * * × * * gombra, ha el szeretné távolítani

Többszörös hatások

Több hatást is alkalmazhat ugyanarra a termékre. Egyszerre fognak játszani.

Hatástípusok

Kategória Hatások Viselkedés
Folyamatos (részecske) Sparkle, Smoke, Fire, Rain, Snow, Ripple, Glow, Electric, Bubbles, Dust, Fireflies, Trail Futtatás eltávolításig
Egy- shot Burst Blast, Confetti, Shockwave (intervallum nélkül) Játssz egyszer és tűnj el
Ismételt égés Blast, Confetti (intervallummal) Újraindítás a beállított intervallumban
Árnyék (sziluette- nyírás) Heatmap, Folyékony fém, Gem Smoke Futtatás eltávolításig; több köteg darabonként

Hatás kontra animáció

Jellemzők Animáció Hatás
Mit csinál Átalakítja a tételt (mozgatás, skála, forgás) Vizuális elemek hozzáadása az elem körül
Példák Pulzus, ugrálás, elhalványulás Sparkle ösvény, részecske robbanás
Kombinálni? Egy tételenként Többszörös darabonként

Exportösszeegyeztethetőség

Hatás MP4 GIF SVG
Sparkle ✅ ✅ - Statikus
Robbanás ✅ ✅ ❌
Tűz ✅ ✅ ❌
Füst ✅ ✅ ❌
Eső ✅ ✅ ❌
Hó ✅ ✅ ❌
Confetti ✅ ✅ ❌
Ripple ✅ ✅ ❌
Világosság ✅ ✅ - Statikus
Elektromos ✅ ✅ ❌
Heatmap (árnyékoló) ✅ ✅ ❌
Folyékony fém (árnyékoló) ✅ ✅ ❌
Gem füst (árnyékoló) ✅ ✅ ❌
    • SVG korlátozások: * * A hatások a framework-based részecskerendszerek és árnyékos felületek - egyik térkép sem tiszta a statikus SVG-re. Teljes hatás animációk, export mint MP4 vagy GIF.

Tippek

Hatási tippek:

  • A szikrázó hatások a legmegfelelőbbek a világos vázlatú elemeken
  • Tűz és füst előmelegítése automatikusan - lángok jelennek meg azonnal indítás nélkül
  • A robbanás és konfetti használata kímélve a becsapódási pillanatokhoz
  • Eső és hó munka a legjobb nagyobb tételek vagy teljes vászon elemek
  • A világítást keverési módokkal kombinálni kell a drámai megvilágításhoz
  • Match hatás színek a design paletta

Árnyékhatás tippek:

  • A szöveg, * * Töltse meg elem * * mód létrehoz egy “tűz-text” / “füst-text” megjelenés. A formák, próbálja * * Halo körül tétel * *. Képek, * * Overlay * * megőrzi a képet, miközben foltozza azt az árnyékoló.
  • Stack több árnyékoló hatások egy tétel: hőtérkép * * töltse ki * * + gem _ füst * * Halo körül * * rétegek egy izzó mag alatt füstös halo.
  • Használja * * Offset X / Y * *, hogy nyomja a hőtérkép fényes pont felé egy sarokban, ahelyett, hogy a központ - hasznos aszimmetrikus “forró él” néz.
  • A * * Tint * * színválasztó előítéletei a paletta anélkül, hogy elveszítené szerkezet. Tartsd fehéren a preset természetes kinézetéhez.
  • Csatorna görbék lehetővé teszi, hogy keverjük az állandó áramlást a strobing részletekkel. Próbáld Heatmap a Flow = Linear és Shimmer = Impulzus a pislákoló gyertyahatás.
  • Teljesítmény auto-tunes alapján a készülék. A lassabb gépeken a szerkesztő a frame sebesség előtt csendben leállítja a felbontást; a fejlesztő konzolon keresztül (PinePaper.itemAuraSystem.setQualityTier(N)) egy minőségi szintet is bezárhat.
    • Kapcsolódó: * * [Animációk] (/features/animations)