Efek

Tambahkan efek visual untuk meningkatkan desain Anda. PinePaper termasuk 15 built-in efek berkisar dari sistem partikel untuk simulasi lingkungan.

Efek Tersedia

Sparkle

Sebuah partikel bersinar yang mengikuti garis luar item Anda, meninggalkan jejak berkilau.

Terbaik untuk: Logo, teks yang disorot, tema magis

Properti Deskripsi Baku
Warna Warna berkilau / bercahaya #fbbf24 (emas)
Kecepatan Pengganda kecepatan animasi 1.0
Ukuran Radius partikel 2

Ledakan

Sebuah ledakan partikel dari pusat item. Satu tembakan secara baku, atau set interval untuk ledakan berulang.

Terbaik untuk: Mengungkapkan, menekankan, perayaan

Properti Deskripsi Baku
Warna Warna partikel #ef4444 (red)
Radius Ledakan menyebar jarak 100
Cacah Jumlah partikel 20
Interval Interval pengulangan dalam detik (0 = one-shot) 0
Ulangi Cacah pengulangan (0 = hanya satu tembakan) 0

Tembak

Bentuk api organik dengan warna gradien, animasi gelombang sinusoidal, dan turbulensi. Flame pr- hangat otomatis sehingga tidak ada warna - mulai kesenjangan.

Terbaik untuk: Obor, api unggun, penekanan dramatis

Properti Deskripsi Baku
Warna Warna dasar untuk gradien yang dihasilkan otomatis #fbbf24
Warna Gradien gubahan stop array (warna overrides) warna kuning (yellow grene)
Cacah Laju spawn 12
Kecepatan Pengganda tingkat Spawn 1.5
Menyebar Tersebar horisontal 0
Ukuran Ukuran api dasar 3
Tinggi Max naik tinggi (0 = auto dari batas butir) 0
Kehidupan Partikel Flame lifetime dalam detik 1.5
Turbulensi Gelombang amplitudo perkalian 1.0
Partikel Max Max simultan api 30

Asap

Membesarkan asap atau partikel uap dengan pergeseran horizontal sinusoidal. Pemanasan otomatis untuk visibilitas instan.

Terbaik untuk: Chimneys, uap, kabut atmosfer

Properti Deskripsi Baku
Warna Warna asap #888888
Cacah Laju spawn 15
Kecepatan Pengganda tingkat Spawn 1.0
Menyebar Tersebar horisontal 0
Ukuran Radius partikel awal 3
Drift Jarak drift sinusoidal horisontal 8
Tinggi Tinggi maksimum (0 = otomatis) 0
Kehidupan Partikel Partikel seumur hidup dalam detik 1.5
Laju Pertumbuhan Skala pertumbuhan sebagai kenaikan partikel 0.3
Partikel Max Max partikel simultan 18

Hujan

Garis hujan bawah dengan sudut angin yang dapat diatur dan ukuran drop.

Terbaik untuk: Cuaca, suasana hati, latar belakang lingkungan

Properti Deskripsi Baku
Warna Warna curah hujan #93c5fd (biru muda)
Cacah Faktor laju spawn 15
Kecepatan Pengganda kecepatan musim gugur 2.0
Sudut Sudut angin (mempengaruhi drift horisontal) 0
Menyebar Faktor penyebaran spawn horisontal 1.0
Ukuran Panjang curah hujan dan pengganda lebar 1.0

Salju

Perlahan jatuh kepingan salju dengan lembut horizontal drift dan rotasi.

Terbaik untuk: Musim dingin, tema liburan, suasana lembut

Properti Deskripsi Baku
Warna Warna Snowflake #e2e8f0 (abu-abu ringan)
Cacah Faktor laju spawn 10
Kecepatan Pengganda kecepatan musim gugur 0.5
Menyebar Faktor penyebaran spawn horisontal 1.5
Kehidupan Partikel Flake seumur hidup dalam detik 4.0

Confetti

Berwarna-warni persegi panjang dengan gravitasi berbasis fisik. Satu tembakan secara baku, atau set interval untuk ledakan berulang.

Terbaik untuk: Perayaan, prestasi, tema partai

Properti Deskripsi Baku
Warna Array warna confetti merah, kuning, hijau, biru, ungu
Cacah Partikel per letupan 30
Radius Jarak kecepatan ledakan 150
Gravitasi Percepatan bawah 200
Ukuran Ukuran persegi 6
Menyebar Daerah spawn menyebar 0
Ofset X / Y Ofset pusat 0
Interval Interval pengulangan dalam detik (0 = one-shot) 0
Ulangi Cacah pengulangan (0 = hanya satu tembakan) 0

Riak

Memperluas lingkaran konsentris yang memudar dari pusat item.

Terbaik untuk: Air tetes, titik dampak, sonar / radar

Properti Deskripsi Baku
Warna Warna cincin #60a5fa (biru muda)
Kecepatan Pengganda kecepatan ekspansi 1.0
Radius Max Ukuran cincin maksimum 150
Cacah Cincin Jumlah cincin untuk spawn 3
Lebar Stroke Lebar garis cincin 2

Glow

Sebuah aura berdenyut di belakang item yang berosilasi dalam skala.

Terbaik untuk: Sorot, power- up, perhatian - gambar

Properti Deskripsi Baku
Warna Warna bersinar #fbbf24 (emas)
Kecepatan Perkalian frekuensi pulsa 1.0
Intensitas Opasitas maksimum 0.6
Ukuran Jangkauan osilasi skala (1.0 nilai ini) 1.5

Electric

Berkedip bergerigi petir di sekitar item.

Terbaik untuk: Energi, kekuatan, tema sains

Properti Deskripsi Baku
Warna Warna Bolt #67e8f9 (cyan)
Kecepatan Tingkat pengganda Flicker 1.0
Cacah Bolt Jumlah baut simultan 3
Panjang Panjang Bolt dalam piksel 60
Laju Flicker Frekuensi Flicker dalam Hz 8

Bubbles

Meningkatnya gelembung transparan dengan sorot spekular dan bergetar horisontal lembut.

Terbaik untuk: Bawah air adegan, aneh tema, minuman

Properti Deskripsi Baku
Warna Warna pinggiran bubble #93c5fd (biru muda)
Cacah Laju spawn 6
Kecepatan Naikkan pengganda kecepatan 1.0
Ukuran Radius bubble 5
Menyebar Tersebar horisontal 1.0

Debu

Motor debu mengambang yang melayang lembut di udara dengan gerakan halus.

Terbaik untuk: Adegan Atmosfer, usia / vintage terlihat, sinar matahari

Properti Deskripsi Baku
Warna Warna debu #d4c5a9 (krem hangat)
Cacah Jumlah motor 15
Kecepatan Pengganda kecepatan Drift 1.0
Ukuran Pilih ukuran 2
Menyebar Area menyebar 1.0

Kunang-kunang

Titik bersinar yang mengembara secara organik dengan perilaku kemudi yang halus.

Terbaik untuk: Adegan malam, hutan ajaib, latar belakang ambien

Properti Deskripsi Baku
Warna Warna glow kunang-kunang #fde68a (kuning hangat)
Cacah Jumlah kunang-kunang 8
Kecepatan Pengganda kecepatan gerakan 1.0
Ukuran Radius cahaya 4

Shockwave

Sebuah cincin tunggal memperluas yang tunas keluar dari pusat item. Satu-tembakan meledak efek.

Terbaik untuk: Momen tabrakan, kekuatan, dramatis mengungkapkan

Properti Deskripsi Baku
Warna Warna cincin #f97316 (oranye)
Radius Radius ekspansi maksimum 150

Jejak

Sebuah jalur yang gigih partikel yang mengikuti item saat bergerak.

Terbaik untuk: Memindahkan obyek, visualisasi jalur, ekor komet

Properti Deskripsi Baku
Warna Warna trek #fbbf24 (emas)
Kecepatan Kecepatan fade 1.0
Ukuran Ukuran partikel trail 3

Efek Shader (siluet - dipotong)

Sebuah keluarga baru GPU- memberikan efek ditambahkan dalam v0.5. Tidak seperti efek partikel, efek shader yang terus-menerus dibalut dengan shaders animasi item Anda - berpikir β€œteks berisi api” atau β€œkrom cair pada logo”. Tiga jenis kapal hari ini:

Heatmap

Sebuah lingkaran termal bersinar dengan turbulensi animasi. Dibaca sebagai api ketika mengisi teks, dan sebagai cahaya panas ketika haloing bentuk.

Terbaik untuk: Judul teks, efek energi, penekanan perhatian

Properti Deskripsi Baku
Mode Dimana shader muncul: * * Isi item * * * Halo di sekitar item * * * Overlay (campuran pada item) * * Isi butir
Intensitas Pengganda kecerahan (0- 1,5) 1.0
Radius Jarak falloff glow (0.2-1.5) 0.85
Palet Panas (merah / kuning), Keren (biru / cyan), Violet Panas
Pengganjal Halo Bounds expansion for outside halo (0- 1.5) 0.4
Ofset X / Y Pindahkan pusat pola shader dalam batas (-1 ke 1) 0
Tint Picker warna - bias palet terhadap warna ini (white = no bias) #ffffff

Logam Liquid

Krom reflektif mengalir permukaan dengan garis-garis banded dan spekular highlights. Tiga palet logam: * * Chrome * *, * Emas * * * * Copper * *.

Terbaik untuk: Logo, premium - merasa highlights, metalik typografi

Asap Permata

Hiasan asap volumetrik lembut dengan gerakan lengkungan dan kilau internal. Tiga warna palettes: * * Putih * * * Rose * * *, * * Emerald * *.

Terbaik untuk: Suasana mistik, latar belakang mimpi, sihir mengungkapkan

Kanal Animasi

Setiap efek shader memiliki dua saluran animasi independen (A dan B) mengemudi aspek visual yang berbeda. Untuk Heatmap yang * * Flow * * (turbulensi latar belakang) + * * Shimmer * * (detail frekuensi tinggi). Untuk Logam Liquid itu * * Streaks * * (drift) + * * Bands * (refleksi osilasi). Untuk Gem Smoke itu * * Drift * * (arah curl) + * * Sparkle * * (aksen internal).

Setiap saluran terbuka:

      • Speed * * - 0 Γ— freezes saluran, 1 Γ— = preset baku, hingga 5 Γ—
      • Kurva * * - bagaimana waktu mentah akan berubah:
Kurva Apa yang dilakukannya
Linear Aliran kontinyu stabil (baku - disarankan untuk β€œFlow” -type saluran)
Sine Pulsa halus
Segitiga Pulsa tajam
Pulsa On / off square wave
Kemudahan Pelan-pelan
Sawtooth Ramp + reset
Bounce Decaying osilasi
Bising Berjalan acak

Anda dapat mencampur kurva antara A dan B untuk gerak berlapis - misalnya, Heatmap dengan Flow pada Linear dan Shimmer pada Pulse memberikan cahaya stabil dengan rincian strobing.

Efek Shader Stacking

Anda dapat menerapkan lebih dari satu efek shader ke satu item. Heatmap + Gem Smoke dengan gambar yang sama memberimu lingkaran api dengan gumpalan asap melayang melaluinya. Setiap efek berjalan secara independen dengan param dan saluran sendiri. Tombol Efek Bersih menghapus semua sekaligus.

Mode Komposit

    • Mode * * dropdown memutuskan bagaimana keluaran shader menyatu dengan butir:
      • Isi item * * - shader muncul hanya di dalam butir siluet. Standar bagi teks dan bentuk.
      • Halo di sekitar item * * - shader muncul hanya di luar tepi item itu. Terbaik untuk bentuk buram yang ingin bersinar.
      • Overlay (campuran pada butir) * * - shader stylize item 's piksel yang ada melalui perkalian. Baku untuk gambar.

Menerapkan Efek

  1. Pilih objek dengan Alat Pemilihan (V)
  2. Dalam Panel Properti, menemukan Efek
  3. Klik * * Tambah Efek * *
  4. Pilih tipe efek
  5. Atur pengaturan sesuai yang diinginkan

Menghapus Efek

  1. Pilih objek dengan efek
  2. Dalam Panel Properti, menemukan efek
  3. Klik tombol * * Γ— * * untuk menghapusnya

Efek Ganda

Anda dapat menerapkan beberapa efek ke item yang sama. Mereka semua akan bermain secara bersamaan.

Tipe Efek

Kategori Efek Perilaku
Terus-menerus (partikel) Sparkle, Smoke, Fire, Rain, Snow, Ripple, Glow, Electric, Bubbles, Dust, Fireflies, Trail Jalankan sampai dihapus
Satu-Ditembak Burst Ledakan, Confetti, Shockwave (tanpa interval) Bermain sekali dan menghilang
Mengulang Burst Ledakan, Confetti (dengan interval) Pemicu ulang pada interval set
Shader (siluet - dipotong) Heatmap, Liquid Metal, Gem Smoke Jalankan sampai dihapus; multiple stack per item

Efek vs. Animation

Fitur Animasi Efek
Apa yang dilakukannya Mengubah butir (bergerak, skala, putar) Tambahkan elemen visual di sekitar butir
Contoh Pulsa, memantul, memudar Sparkle jejak, ledakan partikel
Combine? Satu per butir Beberapa per butir

Ekspor kompatibilitas

Efek MP4 GIF SVG
Sparkle βœ… βœ… Statik:
Ledakan βœ… βœ… ❌
Tembak βœ… βœ… ❌
Asap βœ… βœ… ❌
Hujan βœ… βœ… ❌
Salju βœ… βœ… ❌
Confetti βœ… βœ… ❌
Riak βœ… βœ… ❌
Glow βœ… βœ… Statik:
Electric βœ… βœ… ❌
Heatmap (shader) βœ… βœ… ❌
Logam cair (shader) βœ… βœ… ❌
Asap Permata (shader) βœ… βœ… ❌

Limitasi SVG: Efek adalah sistem partikel berbasis dan bayangan - permukaan - tidak peta bersih untuk SVG statis. Untuk animasi efek penuh, ekspor sebagai MP4 atau GIF.

Tips

Tips Efek:

  • Efek Sparkle bekerja terbaik pada item dengan garis besar yang jelas
  • Api dan asap pemanasan secara otomatis - api muncul seketika tanpa penundaan startup
  • Gunakan ledakan dan konfeti untuk momen benturan
  • Hujan dan salju bekerja terbaik pada item yang lebih besar atau elemen kanvas penuh
  • Gabungan cahaya dengan mode campuran untuk pencahayaan dramatis
  • Cocokkan warna efek ke palet desain Anda

Tips Efek Bayang:

  • Untuk teks, * * Isi item * * mode menghasilkan tampilan β€œfire- text” / β€œsmoky-text”. Untuk bentuk-bentuk, cobalah untuk mengelilingi item Halo. Untuk gambar, * * Overlay * * mempertahankan gambar ketika bermain-main dengan shader tersebut.
  • Stack multiple shader effect on one item: heatmap on * * Fill * + gem _ smoke on * * Halo around * * layer a glowing core under a smoky halo.
  • Gunakan * * Offset X / Y * * untuk mendorong titik terang heatmap menuju sudut bukan pusat - berguna untuk asimetris β€œtepi panas” terlihat.
  • Warna warna warna warna warna warna palet tanpa kehilangan struktur. Tetap putih untuk tampilan alami preset ini.
  • Kurva saluran memungkinkan Anda mencampur aliran stabil dengan rincian strobing. Coba Heatmap dengan Flow = Linear dan Shimmer = Pulse untuk efek lilin berkedip.
  • Performance auto- lagu berdasarkan perangkat Anda. Pada mesin yang lebih lambat editor akan diam-diam menurunkan resolusi sebelum laju bingkai; Anda dapat mengunci tingkat kualitas melalui konsol pengembang (PinePaper.itemAuraSystem.setQualityTier(N)).

    • Terkait: * * [Animasi] (/features/animations) Ai14; [Blending] (/features/blending) 14; [Masking] (/features/masking)