Maske Animasyonları

Profesyonel oluşturmak animasyon maskeleri kullanarak etkileri ortaya çıkarır. Maskeler video içeriği ve zaman içinde öğeleri ortaya çıkarmak için bir araya gelebilir - başlık dizileri, geçişler ve sinematik etkiler için mükemmel.

Mevcut Maske Animasyonları

Animation Etkisi En iyisi için
Wipe Up /Down Content üst veya alttan ortaya çıkıyor Metin başlıkları, alıntılar
Wipe Left/Right Yatay ortaya çıktı Geçişler, ortaya çıkıyor
Iris Circle merkezden genişliyor Dramatik ortaya çıkar, odaklanma
Iris Out Çember merkeze küçülür Fade outs, geçişler
Star Maske Star şekli içerik açığa çıkarır Playful Exp
Kalp Maskesi Kalp şekli içerik ortaya çıkarır Valentine, romantizm temaları
Perde Merkezden Açıklar Aşama / tiyatro etkileri
Diagonal Wipe Lanet ortaya çıktı Dinamik geçişler
Sinema Letterbox barlar animate Film tarzı intros

Maske Şablonları Kullanımı

Maske animasyonlarını kullanmanın en kolay yolu şablonlar aracılığıyla:

  1. Templates Panel (Use Template or press T)
  2. Kategori: Maskeleme
  3. Önizlemek için bir şablon tıklayın
  4. Click Use Template to apply it

Mevcut Maskeleme Şablonları

Şablon Açıklama
Text Turn Up Up Up Up Hatlar bir tane kaydırarak
Text Explain Down Down Down Hatları aşağı kaydırın
Yatay Wipe İçerik soldan silinir
Iris Explain Circle, ortaya çıkarmak için genişletiyor
Star Maske Star şekli ortaya çıkıyor
Kalp Maskesi Kalp şekli ortaya çıkıyor
Diagonal Wipe Açılan geçiş
Cinematic Intro Film tarzı mektupbox

Maske Animasyonları Nasıl Çalışıyor

Hareketli maskeler, zaman içinde değişen bir formla içerik kliple çalışır:

  1. Mask Şekil - The klip sınırı (düze, çember, yıldız, kalp)
  2. Animation Type - Maske nasıl hareket eder (wipe, iris, ölçek)
  3. Timing - Başlangıç zamanı, süresi ve kiralama
  4. Direction - Bu şekilde ortaya çıkan şey

Timing Parametreleri

  • Başlangıç Zaman - Açıklama başladığında ( saniyeler)
  • Durasyon - Gösterinin ne kadar sürer
  • Easing - Animation eğrisi (linear, EasyIn, EasyOut, EasyInOut)

Staggered Text Açıklıyor

Multi-line metin için, bir cascading etkisi için başlangıç zamanını kesin:

Line Başlangıç Zaman Başlangıç Etkisi
Line 1 0.2s İlk önce ortaya çıkıyor
Line 2 0.35s İkincisi ortaya çıkıyor
Line 3 0.5s Üçüncüsü ortaya çıkarır

Bu, profesyonel hareket grafiklerinde görülen klasik “line-by-line ortaya” yaratır.

Diğer Etkileri ile Combining

Maske animasyonları iyi çalışır:

  • Keyframe animasyonları - ortaya çıktığında öğeleri hareket edin
  • Simple Animations - Add nabız veya ortaya çıktıktan sonra kaybolur
  • Background jeneratörleri - animasyon arka planlarının üzerindeki içeriği ortaya çıkarmak

Görüntü Maskesi (Stat)

Görüntülerde statik şekil maskeleme:

  1. Ithal edilmiş bir görüntü seçin
  2. Özellikler Panelinde, tıklayın Mask
  3. Bir şekil seçin (circle, star, heart, hexagon, vs.)
  4. Maske boyutunu ve pozisyonu ayarlayın
  5. Click Apply Maske

Bu, şekle kalıcı bir ek oluşturur ( animasyon değil).

En İyi Sonuçlar için İpuçları

  1. kısa ortaya çıkar - 0.4-0.8 saniye en iyi şekilde çalışır
  2. Use easyOut - Feels more natural for Explain
  3. Stagger sürekli olarak - hatlar arasındaki 0.1-0.2
  4. Match your content - Profesyonelleri dramatik olarak kullanın, profesyonel olarak silin
  5. tam hıza göz atın Test zamanlaması doğru hissettiriyor

Maske Mods

Maske şeklinin içeriğinizle nasıl etkileşime girdiğini kontrol edin:

Mode Etkisi Vaka Kullanımı
Clip (default) İçerik yalnızca maske şeklinde görünür Standart ortaya çıkar, framing
Subtract İçerik her yerde görünür * Maske şekli hariç Cutout efektleri, delikler
Intersect İçerik yalnızca maskenin çakıştığı yerde görünür Venn diyagram etkileri

Maske modunu değiştirmek için:

  1. Maskeli öğeyi seçin
  2. Özellikler panelinde, maske modu düşüş bulur
  3. Clip, Subtract veya Intersect

Maske

Karmaşık maskeleme etkileri için tek bir öğeye birden fazla maske uygulayın:

  1. İlk bir maske uygulayın (örneğin, çember)
  2. Farklı bir modla ikinci bir maske katmanı ekleyin:
    • Add - Birimler her iki maske şekilleri (hem de geçerli)
    • Subtract - İlk şekli ilk olarak kes
    • Intersect - Sadece çakışma alanı görünür

Örnek: Star Cutoutout

  1. Bir circle maskesi (clip modu) uygulayın
  2. Bir star maske katmanı (subtract mode)
  3. Sonuç: Merkezdeki bir yıldız şeklinde delik ile dairesel çerçeve
Multiple masks stacked
Multiple maskeler bir araya geldi: bir yıldızla bir çember maskesi

Gerekli olduğu kadar birçok maske katmanı olarak yığabilirsiniz. Başkalarını etkilemeden bireysel tabakaları çıkarın.

Vertex Animation Animation

Maskenin kendisini iki devlet arasında morfize ederek şekillendirdi:

  1. Başlangıç maske şekli (vertex pozisyonları) tanımlayın
  2. Son maske şeklini (vertex pozisyonları) tanımlar
  3. Maske, oyun gerisi sırasında şekillerin arasında sorunsuz morflar

Bu organik, basit ölçek ve pozisyon animasyonlarının ötesine geçen maske geçişleri yaratır.

Mask modes comparison
The same item with Clip, Subtract, and Intersect Maske modları
1Q

Teknik Notlar Teknik Notlar

  • Maskeler Paper.js kliplü gruplar iç içe
  • Ölçek tabanlı maskeler (yıldız, kalp) merkezi ölçek
  • Durak maskeleri silinmiş etkiler için değişir
  • Maskeler, yükleme şablonları tamamlandığında yeniden inşa edilir
  • Tam programmatik kontrol için, API belgeleri applyCustomMask()0Q için bakınız

Related: Animations | Keyframe Editor | Şablonlar