Trim Paths

3 min read

Trim yolları, bir vuruşun ne kadar görünür olduğunu, satırların gerçek zamanlı olarak çekildiği “draw-on” etkiler yaratmanızı sağlar. Bu, metin, resimler ve diyagramlar için hareket grafiklerdeki en popüler tekniklerden biridir.

Path with partial trim visible
A yolu, sadece vuruş
1Q0Q1Q1Q

Nasıl çalışır

Her yol üç trim özelliği vardır:

Emlak Range Açıklama
cutStart 0 - 1 Görünen kısım (0 = yol başlangıç)
cutBit 0 - 1 Görünür kısım sona erdiğinde (1 = yol sonu)
cutOffset 0 - 1 Yol boyunca görünür pencereyi değiştiriyor

trimStart = 0 ve trimEnd = 1, tam yol görünür (default). Bu değerleri değiştirmek ya da vuruşun porsiyonlarını gizler.

Çizim-On Etkisi

En yaygın kullanım: kendini çizmek görünen bir vuruş.

  1. Bir yol oluşturun veya görünür bir vuruşla şekil oluşturun
  2. Anahtarlama animasyonu ekleyin:
    • Saat 0: trimEnd = 0 (görünmez)
    • Zaman 2: trimEnd = 1 (muhtemelen çizildi)
  3. Yolu görmek için zaman çizelgesi kendini çizin

Bu özellikle iyi çalışır:

  • Cursive text Cursive Font sistemi ile yaratıldı
  • Hand-drawn resimler Çizim aracı ile yapılır
  • Diagram konektörleri animasyon akışları için

Partisel Açı

Sadece bir yolun bir kısmını gösterin:

  • trimStart = 0.2 ve trimEnd = 0.8’yu orta% 60 göstermek için ayarlayın
  • Anarşizm, görünür bölümü genişletmek ya da sözleşmek için her iki değere sahiptir
  • Gizli porsiyonlar tamamen görünmez (sadece şeffaf değil)

Pencere

Yol boyunca hareket eden bir segment oluşturun:

  1. Sabit bir pencere boyutunu ayarlayın: trimStart = 0, trimEnd = 0.3
  2. Animate trimOffset 0 ila 1
  3. Tüm yol uzunluğu boyunca görünür segment kaydırıyor

Bu gibi etkiler yaratır:

  • Yükleniyor göstergeler
  • Tarama / hareketli animasyonlar
  • Yarış pisti veya ilerleme hattı etkileri

Uyumlu Maddeler

Trim yolları ile çalışır:

Item Türü Notlar
Yollar Hatlar, eğriler, ücretsiz el çizimleri
Bileşik Paths Birden fazla sub-paths ile karmaşık şekiller
Grup Grup Grupları Grup içindeki tüm yollara uygun
Maskeli Gruplar Maskeleri uygulanan öğelerle çalışır

Tip: Metin ile en iyi çizen etkiler için, Cursive Font sistemini kullanın. Kesme yol animasyonu için ideal olan tek-stroke metin yolları yaratır.

Diğer Özelliklerle Yanmak

  • Keyframe Editor - özel kiralama ile zaman içinde anlık kesme özellikleri
  • Relations - driven_by’yu diğer öğe özellikleriyle bağlantı kurmak için kullanın
  • Time Expressions - Karmaşık kesme kalıpları oluşturmak için matematik ifadelerini kullanın

İpuçları

  1. **Hazır etkileri için kolaylığı kullanın - sonunda doğal bir decelerasyon verir
  2. **Görüntüleri görünür tutun - Trim yolları sadece vuruş yollarını etkiler, doldurmaz
  3. Check vuruş genişliği - Enverer vuruşları çizim animasyonlar için daha iyi görünüyor
  4. Stagger çoklu yolları - sıra sıralarda yollar çizmek için zaman ayırın
  5. Tam hıza göre yorum - Trim animasyonlar yavaş vs. normal hızda farklı hissedebilirler

Related: Keyframe Editor | Font Studio | Animations