Jalur Trim

3 min read

Jalur Trim couple memungkinkan Anda menganalisis seberapa banyak stroke yang terlihat, menciptakan “draw-on” efek di mana garis tampak ditarik dalam waktu nyata. Ini adalah salah satu teknik paling populer dalam grafik gerak untuk mengungkapkan teks, ilustrasi, dan diagram.

Path with partial trim visible Jalur
A dengan trimEnd set ke 0.5, menunjukkan hanya paruh pertama dari stroke

Cara Kerjanya

Setiap jalur memiliki tiga sifat trim:

Ciri-ciri Range Keterangan
trimStart 0 - 1 Di mana porsi tampak dimulai (0 = awal jalur)
trimEnd 0 - 1 Di mana bagian yang terlihat berakhir (1 = akhir jalur)
trimoffset 0 - 1 Anjakkan jendela tampak di sepanjang jalur

Saat trimStart = 0 dan trimEnd = 1, jalur penuh terlihat (default). Perubahan nilai - nilai ini menyingkapkan atau menyembunyikan bagian - bagian stroke.

Efek Digambar-On

Penggunaan yang paling umum: stroke yang tampaknya menggambar dirinya sendiri.

  1. Kekangan membuat tapak atau bentuk dengan goresan tampak
  2. Tambahkan animasi bingkai kunci:
    • Pada waktu 0: trimEnd = 0 (tidak terlihat)
    • Pada waktu 2: trimEnd = 1 (digambar dengan baik)
  3. Mainkan garis waktu untuk melihat jalurnya sendiri

Ini bekerja sangat baik dengan:

  • *Teks dibuat dengan sistem Fon Kursor
  • ****** Gambar-gambar gambar dengan alat Lukisan
  • Diagram penyambung untuk bagan aliran animasi

Pengungkapan Sebagian Sebagian

Hanya menunjukkan sebagian dari jalan:

  • OFIN Set trimStart = 0.2 dan trimEnd = 0.8 untuk menunjukkan pertengahan 60%
  • Animasikan kedua nilai untuk dikembangkan atau kontrakkan bagian yang terlihat
  • Bagian tersembunyi tidak terlihat sepenuhnya (bukan hanya transparan)

Jendela Berdampingan

Buat segmen yang bergerak sepanjang jalur:

  1. Tetapkan ukuran jendela tetap: trimStart = 0, trimEnd = 0.3
  2. Animasi Animasi trimOffset dari 0 ke 1
  3. Segmen tampak corong sepanjang seluruh panjang jalur

Ini menciptakan efek seperti:

  • Memuat indikator
  • Animasi pengimbasan/petualangan
  • Efek lintasan balap atau garis kemajuan

Item Serasi

Jalur Trim untuk:

Jenis Item Nota Peribadi
Path Garis, lengkung, gambar tangan bebas
Jalan - Jalan Kompound Bentuk kompleks dengan beberapa sub-jalur
Kumpulan Mengaplikasikan semua jalan dalam kelompok
Kumpulan Topeng Berkarya dengan item yang memiliki masker diterapkan

Tip: Untuk efek draw-on terbaik dengan teks, gunakan Cursive Font system. Ia menciptakan jalur teks gaya tunggal yang ideal untuk animasi jalur trim.

Kepaduan dengan Fitur Lain

  • *Keyframe Editor - Animasikan sifat trim dari waktu ke waktu dengan easing suai
  • *Relations - Gunakan driven_by untuk menghubungkan nilai trim ke sifat item lain
  • *Waktu Ekspresi - Gunakan ekspresi matematika untuk membuat pola trim kompleks

Tips

  1. *Gunakan easyOut untuk efek draw-on - ini memberikan penurunan alami di akhir
  2. *Jaga goresan tampak - Jalur trim hanya mempengaruhi jalur yang digores, bukan isi
  3. ******** Lebar lejang - stroke yang lebih tebal terlihat lebih baik untuk animasi menggambar
  4. *Stagger multiple path - Gunakan ofset waktu untuk menggambar jalur dalam urutan
  5. *Preview pada kecepatan penuh - Animasi trim dapat merasa berbeda pada kecepatan lambat vs kecepatan normal

***Diterbitkan: Penyunting Bingkai Kunci [3] Font Studio || [ [ [ [ [ [ [ [ [ [ [ [||||||||||||||||||||||||| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||******ReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReReRe