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:
- Templates Panel (Use Template or press
T) - Kategori: Maskeleme
- Önizlemek için bir şablon tıklayın
- 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:
- Mask Şekil - The klip sınırı (düze, çember, yıldız, kalp)
- Animation Type - Maske nasıl hareket eder (wipe, iris, ölçek)
- Timing - Başlangıç zamanı, süresi ve kiralama
- 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:
- Ithal edilmiş bir görüntü seçin
- Özellikler Panelinde, tıklayın Mask
- Bir şekil seçin (circle, star, heart, hexagon, vs.)
- Maske boyutunu ve pozisyonu ayarlayın
- Click Apply Maske
Bu, şekle kalıcı bir ek oluşturur ( animasyon değil).
En İyi Sonuçlar için İpuçları
- kısa ortaya çıkar - 0.4-0.8 saniye en iyi şekilde çalışır
- Use easyOut - Feels more natural for Explain
- Stagger sürekli olarak - hatlar arasındaki 0.1-0.2
- Match your content - Profesyonelleri dramatik olarak kullanın, profesyonel olarak silin
- 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:
- Maskeli öğeyi seçin
- Özellikler panelinde, maske modu düşüş bulur
- Clip, Subtract veya Intersect
Maske
Karmaşık maskeleme etkileri için tek bir öğeye birden fazla maske uygulayın:
- İlk bir maske uygulayın (örneğin, çember)
- 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
- Bir circle maskesi (clip modu) uygulayın
- Bir star maske katmanı (subtract mode)
- Sonuç: Merkezdeki bir yıldız şeklinde delik ile dairesel çerçeve
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:
- Başlangıç maske şekli (vertex pozisyonları) tanımlayın
- Son maske şeklini (vertex pozisyonları) tanımlar
- 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.
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