Animasi Topeng

Menciptakan efek pengungkapan profesional menggunakan topeng animasi. Konten klip topeng dan dapat animasi untuk mengungkapkan item dari waktu ke waktu - cocok untuk urutan judul, transisi, dan efek sinematik.

Animasi Topeng yang Ada

Animasi Kesan Terbaik Untuk
Lap Ke Atas/Turun Konten Ubin mengungkapkan dari atas atau bawah Judul teks, kutipan
Lupa Lap Kiri/Kanan Pengungkapan horizontal Transisi, ungkap
Iris Bulatan aneksasi dari tengah Dramatis mengungkapkan, fokus
Iris Keluar Pusat penyusutan lingkaran Pudar keluar, transisi
Topeng Bintang Bentuk bintang ufuk mengungkapkan isi Terungkap Bersukacita
Topeng Jantung Bentuk hati Maria mengungkapkan isi Valentine, tema percintaan
♪ Tirai ♪ Buka dari tengah Efek panggung/teater
Lapan pepenjuru Tersingkap secara bersudut Peralihan Dinamis
Cinematic Peti surat di bar pembantu Intros gaya-film

Gunakan Templat Topeng

Cara termudah untuk menggunakan animasi topeng adalah melalui templat:

  1. Buka Templat Panel (klik tab templat atau tekan **)
  2. Filter oleh Category: Masking
  3. Klik sebuah templat untuk pralihat
  4. Klik Gunakan Templat untuk menerapkannya

Templat Topeng yang Ada

Template Keterangan
Teks Kemunculan Garis- Garisan meluncur satu per satu
Teks Keturunkan Garis ufuk turun
Lap Mendatar Konten pembuangan dari kiri
Pengungkapan Iris Lingkaran Kisi mengembang untuk mengungkapkan
Topeng Bintang Bentuk bintang mengungkapkan
Topeng Jantung Terungkap bentuk hati
Lapan pepenjuru Peralihan bersudut
Intro Sinematik Kotak surat bergaya film

Coklat Cara Kerja Animasi Topeng

Animated topeng bekerja dengan mengklip konten dengan bentuk yang berubah dari waktu ke waktu:

  1. ********** - Batas klip (sudut, lingkaran, bintang, jantung)
  2. *Animasi Tipe - Bagaimana topeng bergerak (wipe, iris, skala)
  3. ******** - Waktu mulai, durasi, dan kemudahan
  4. *Direction - Arah mana pengungkapan terjadi

Parameter Waktu

  • *Mulai Waktu - Ketika pengungkapan dimulai (dalam detik)
  • Berapa lama waktu yang dibutuhkan untuk mengungkapkan
  • ****** - Kurva animasi (linear, easyIn, easyOut, easyInOut)

Pengungkapan Teks Tertagger

Untuk teks multi-baris, mengejutkan waktu awal untuk efek cascading:

Jalur Waktu Mula Kesan
Jalur 1 0.2s Terungkap pertama
Jalur 2 0.35s Kemunculan kedua
Jalur 3 0.5s Ke-3

Ini menciptakan klasik “line-by-line mengungkapkan” terlihat dalam grafik gerakan profesional.

Beriman dengan Efek Lainnya

Animasi topeng bekerja baik dengan:

  • *Animasi bingkai kunci - Pindahkan item ketika mereka mengungkapkan
  • *Animasi sederhana - Tambahkan pulsa atau pudar setelah terungkap
  • Generator latar belakang - Perlihatkan konten di atas latar belakang animasi

Topeng Gambar (Statis)

Untuk bentuk statik yang menutupi gambar:

  1. Pilih gambar yang diimport
  2. Di Panel Properti, klik Mask
  3. Pilihlah bentuk (lingkaran, bintang, jantung, heksagon, dll.)
  4. Laraskan ukuran dan posisi topeng
  5. Terapkan Topeng

Ini menciptakan tanaman permanen untuk bentuk (bukan animasi).

Tips untuk Hasil Terbaik

  1. *Keep ungkap short - 0.4-0.8 detik yang terbaik
  2. Gunakan kemudahanKeluar - Merasa lebih alami untuk disingkapkan
  3. Stagger konsisten - 0.1-0.2s antar baris
    • Gunakan iris untuk dramatis, hapus untuk profesional
  4. ******** ***** Pengujian waktu terasa tepat

Mod Topeng

Sia-sia bagaimana bentuk topeng berinteraksi dengan konten Anda:

Mode Kesan Bahasa Perancis
Clip (baku) Kandungan ketak kelihatan hanya di dalam bentuk topeng Standarnya mengungkapkan, menjebak
Tolak Kandungan ke segala kecuali di dalam bentuk topeng Efek pemotongan, lubang
Intersect Kontensi trionaus hanya terlihat dimana topeng saling tumpang tindih Efek diagram Venn

Untuk mengubah mode topeng:

  1. Pilihlah benda bertopeng itu
  2. Dalam panel Properti, temukan mode topeng dropdown
  3. Pilih Clip, Subtract, atau Intersect

Staking Topeng

Terapkan topeng ganda untuk satu item untuk efek topeng kompleks:

  1. Terapkan topeng awal (mis., lingkaran)
  2. Undo-type
    • ******* - Satuankan kedua bentuk topeng (tampak juga)
      • Potong bentuk kedua dari yang pertama
    • Intersect - Hanya area tumpang tindih yang terlihat

Contoh: Lingkaran dengan Bintang Cutout

  1. Terapkan topeng lingkaran (mod klip)
  2. Tambah lapisan topeng star (mod subtrak)
  3. Hasil: rangka melingkar dengan lubang berbentuk bintang di tengah
Multiple masks stacked Topeng ganda gabungan: topeng lingkaran dengan bintang ditolak: ♪ 1 ♪

Anda dapat menumpuk lapisan topeng sebanyak yang diperlukan. Acodond Buang lapisan individu tanpa mempengaruhi orang lain.

Animasi Verteks Kilat

Animasikan bentuk topeng itu sendiri dengan mengubah vertiknya antara dua keadaan:

  1. Definisikan bentuk topeng awal (posisivertex)
  2. Definisikan bentuk topeng akhir (posisivertex)
  3. Topeng halus berubah antara bentuk selama pemutaran

Ini menciptakan transisi topeng organik yang mengalir yang melampaui skala sederhana dan posisi animasi.

Mask modes comparison Barang yang sama dengan Klip, Subtrak, dan mode topeng berpotongan

Catatan Teknikal

  • Topeng menggunakan grup klip Paper.js secara internal
  • Topeng berbasis skala skala (bintang, jantung) skala dari pusat
  • Mask Segi Empat Tepat Segiempat dimensi untuk efek lap
  • Topeng dibangun kembali ketika memuat templat
  • Untuk pengontrol programmatik penuh, lihat dokumentasi API untuk PU0

*Direlatkan: Animasi âGH [Kunciframe Editor] () â(*) ât [Templat] â(=2 â()