מסיכות אנימציה
ליצור אפקטים מקצועיים לחשוף באמצעות מסכות אנימציה. מסכות תוכן וניתן לשתף פעולה כדי לחשוף פריטים לאורך זמן - מושלם עבור רצפי כותרת, מעברים ואפקטים קולנועיים.
זמין Mask Animations
| אנימציה Animation | אפקט | הטוב ביותר |
|---|---|---|
| Wipe Up/Down | התוכן חושף מלמעלה או למטה | כותרות טקסט, ציטוטים |
| שמאל / ימין | גילוי Horizontal | מעברים, חושף |
| איריס | המעגל מתרחב ממרכז | גילוי דרמטי, מיקוד |
| איריס בחוץ | המעגל מתכווץ למרכז | פאדה, מעברים |
| מסכה כוכבים | צורת כוכבים מגלה תוכן | תגית: Playful |
| מסכה לב | צורת הלב חושפת את התוכן | ולנטיין, נושאים רומנטיים |
| מסך | פתוח ממרכז | אפקט שלב / Theater |
| תגית: Wipe | המונחים: | שינויים דינמיים |
| קולנוע | האותיות הקטנות של Letterbox Animate | סרטים בסגנון Intros |
שימוש בתבניות מסכות
הדרך הקלה ביותר להשתמש בהנפשות מסיכות היא באמצעות תבניות:
- פתח את לוח הTemplates Panel** (קליק תבניות או הקש
T) - שם הסרטון: Category: Masking
- לחץ על תבנית לתצוגה מקדימה
- לחץ *Use Format כדי ליישם אותו
תבנית מסיכה זמינה
| תבנית | תיאור |
|---|---|
| טקסט חושף | קווים עולים אחד על אחד |
| טקסט חושף למטה | קווים יורדים |
| Horizontal Wipe | מחיקת תוכן משמאל |
| אייריס מגלה | המעגל מתרחב כדי לחשוף |
| מסכה כוכבים | צורת הכוכבים חושפת |
| מסכה לב | צורת הלב חושפת |
| תגית: Wipe | שינוי זווית |
| Intro | צילום: Film-style Letterbox |
איך המסכה עובדת
מסיכות אנימציה עובדות על ידי לחיצה על תוכן עם צורה המשתנה לאורך זמן:
- Mask Shape - הגבול קליפ (מעגל, מעגל, כוכב, לב)
- Animation Type - כיצד המסיכה נעה (wipe, iris, scale)
- ** להתחיל זמן, משך והפסקת
- *הופנה מהדף What Way The Reveal Happens
תזמון Parameters
- *הזמן מתחיל (תוך שניות)
- *תרגום חופשי: כמה זמן לוקח הגילוי
- Easing - עקומת אנימציה (לינארית, קלות, קלות, קלות
הודעות טקסט מרשימות
עבור טקסט רב-ליין, להטריד את זמני ההתחלה לאפקט קלקה:
| קו | התחל זמן | אפקט |
|---|---|---|
| קו 1 | 0.2s | גילוי ראשון |
| קו 2 | 0.35s | גילוי שני |
| קו 3 | 0.5s | גילוי שלישי |
זה יוצר את הקלאסי “line-by-line לחשוף” שנראה בגרפיקה תנועה מקצועית.
שילוב עם אפקטים אחרים
אנימציה מסיכה עובדת היטב עם:
- Keyframe Animations - להעביר פריטים בזמן שהם חושפים
- Simple Animations - הוסף דופק או דואט לאחר גילוי
- גנרטורים אחוריים - לחשוף תוכן על רקע אנימציה
מסכה (Static)
לצורה סטטית המסיימת על תמונות:
- בחר תמונה מיובאת
- בלוח הנכסים, לחץ על Mask
- בחר צורה (קריירה, כוכב, לב, hexagon וכו ')
- התאמת גודל המסכה ומיקום
- לחץ על Apply Mask
זה יוצר יבול קבוע בצורת (לא אנימציה).
טיפים לתוצאות הטובות ביותר
- **המשך מגלה 0.4-0.8 שניות עובד הכי טוב
- *הקללה הקלה בחוץ - מרגיש טבעי יותר להתגלות
- Stagger באופן עקבי 0-0.2s בין קווים
- הטמעת התוכן שלך - השתמש iris עבור דרמטי, למחוק עבור מקצועי
- סקירה על מהירות מלאה תזמון המבחן מרגיש נכון
מצבי מסכות
לשלוט כיצד צורת המסיכה אינטראקציה עם התוכן שלך:
| מצב | אפקט | שימוש במקרה |
|---|---|---|
| Clip (default) | תוכן גלוי רק בצורת מסכה | תגית: framing |
| המונחים | תוכן גלוי בכל מקום * למעט* בתוך צורת המסכה | אפקטים חותכים, חורים |
| Intersect | תוכן גלוי רק כאשר המסכה חופפת | אפקטים של |
לשנות את מצב המסכה:
- בחר את הפריט המסומן
- בחלונית Properties, מצא את מצב המסיכה יורד
- בחר Clip, Subtract, או Intersect
מסכה
החל מסכות מרובות למוצר יחיד לאפקטי מסיכה מורכבים:
- החל מסיכה ראשונית (למשל מעגל)
- הוסף שכבת מסיכה שנייה עם מצב אחר:
- Add - Units Both Mask shape in)
- Subtract - לחתוך את הצורה השנייה מתוך הראשון
- ** ניתן לראות רק אזור החפיפה
תגית: Circle with Star Cutout
- שימוש במסיכה circle (מצב משולש)
- הוסף שכבת מסכה star (מצב מורכב)
- התוצאה: מסגרת מעגלית עם חור בצורת כוכבים במרכז
אתה יכול לערעור כמה שכבות מסכה צריך. להסיר שכבות בודדות מבלי להשפיע על אחרים.
המונחים Animation
לשמור על צורת המסיכה עצמה על ידי שיפור אמיתותיה בין שתי מדינות:
- Define the Start Mask shape (ביצועים)
- Define the End Mask shape (ביצועים)
- המסכה משתנה בצורה חלקה בין צורות במהלך משחק
זה יוצר מעברי מסיכה אורגניים, זורמים מעבר בקנה מידה פשוט ואנימציה מיקום.
הערות טכניות
- מסכות משתמשות ב- Paper.js קבוצות מותאמות פנימית
- מסכות מבוססות משקל (כוכב, לב) גודל ממרכז
- מסכות ctangles לשנות ממדים לאפקטי מגב
- מסכות נבנות כאשר תבניות טעינה
- לקבלת בקרה מתודולוגית מלאה, ראה את תיעוד API עבור
applyCustomMask()
**הופנה מהדף [Animations](/features/animations>[עריכת קוד מקור | עריכה]