מסיכות אנימציה

ליצור אפקטים מקצועיים לחשוף באמצעות מסכות אנימציה. מסכות תוכן וניתן לשתף פעולה כדי לחשוף פריטים לאורך זמן - מושלם עבור רצפי כותרת, מעברים ואפקטים קולנועיים.

זמין Mask Animations

אנימציה Animation אפקט הטוב ביותר
Wipe Up/Down התוכן חושף מלמעלה או למטה כותרות טקסט, ציטוטים
שמאל / ימין גילוי Horizontal מעברים, חושף
איריס המעגל מתרחב ממרכז גילוי דרמטי, מיקוד
איריס בחוץ המעגל מתכווץ למרכז פאדה, מעברים
מסכה כוכבים צורת כוכבים מגלה תוכן תגית: Playful
מסכה לב צורת הלב חושפת את התוכן ולנטיין, נושאים רומנטיים
מסך פתוח ממרכז אפקט שלב / Theater
תגית: Wipe המונחים: שינויים דינמיים
קולנוע האותיות הקטנות של Letterbox Animate סרטים בסגנון Intros

שימוש בתבניות מסכות

הדרך הקלה ביותר להשתמש בהנפשות מסיכות היא באמצעות תבניות:

  1. פתח את לוח הTemplates Panel** (קליק תבניות או הקש T)
  2. שם הסרטון: Category: Masking
  3. לחץ על תבנית לתצוגה מקדימה
  4. לחץ *Use Format כדי ליישם אותו

תבנית מסיכה זמינה

תבנית תיאור
טקסט חושף קווים עולים אחד על אחד
טקסט חושף למטה קווים יורדים
Horizontal Wipe מחיקת תוכן משמאל
אייריס מגלה המעגל מתרחב כדי לחשוף
מסכה כוכבים צורת הכוכבים חושפת
מסכה לב צורת הלב חושפת
תגית: Wipe שינוי זווית
Intro צילום: Film-style Letterbox

איך המסכה עובדת

מסיכות אנימציה עובדות על ידי לחיצה על תוכן עם צורה המשתנה לאורך זמן:

  1. Mask Shape - הגבול קליפ (מעגל, מעגל, כוכב, לב)
  2. Animation Type - כיצד המסיכה נעה (wipe, iris, scale)
  3. ** להתחיל זמן, משך והפסקת
  4. *הופנה מהדף What Way The Reveal Happens

תזמון Parameters

  • *הזמן מתחיל (תוך שניות)
  • *תרגום חופשי: כמה זמן לוקח הגילוי
  • Easing - עקומת אנימציה (לינארית, קלות, קלות, קלות

הודעות טקסט מרשימות

עבור טקסט רב-ליין, להטריד את זמני ההתחלה לאפקט קלקה:

קו התחל זמן אפקט
קו 1 0.2s גילוי ראשון
קו 2 0.35s גילוי שני
קו 3 0.5s גילוי שלישי

זה יוצר את הקלאסי “line-by-line לחשוף” שנראה בגרפיקה תנועה מקצועית.

שילוב עם אפקטים אחרים

אנימציה מסיכה עובדת היטב עם:

  • Keyframe Animations - להעביר פריטים בזמן שהם חושפים
  • Simple Animations - הוסף דופק או דואט לאחר גילוי
  • גנרטורים אחוריים - לחשוף תוכן על רקע אנימציה

מסכה (Static)

לצורה סטטית המסיימת על תמונות:

  1. בחר תמונה מיובאת
  2. בלוח הנכסים, לחץ על Mask
  3. בחר צורה (קריירה, כוכב, לב, hexagon וכו ')
  4. התאמת גודל המסכה ומיקום
  5. לחץ על Apply Mask

זה יוצר יבול קבוע בצורת (לא אנימציה).

טיפים לתוצאות הטובות ביותר

  1. **המשך מגלה 0.4-0.8 שניות עובד הכי טוב
  2. *הקללה הקלה בחוץ - מרגיש טבעי יותר להתגלות
  3. Stagger באופן עקבי 0-0.2s בין קווים
  4. הטמעת התוכן שלך - השתמש iris עבור דרמטי, למחוק עבור מקצועי
  5. סקירה על מהירות מלאה תזמון המבחן מרגיש נכון

מצבי מסכות

לשלוט כיצד צורת המסיכה אינטראקציה עם התוכן שלך:

מצב אפקט שימוש במקרה
Clip (default) תוכן גלוי רק בצורת מסכה תגית: framing
המונחים תוכן גלוי בכל מקום * למעט* בתוך צורת המסכה אפקטים חותכים, חורים
Intersect תוכן גלוי רק כאשר המסכה חופפת אפקטים של

לשנות את מצב המסכה:

  1. בחר את הפריט המסומן
  2. בחלונית Properties, מצא את מצב המסיכה יורד
  3. בחר Clip, Subtract, או Intersect

מסכה

החל מסכות מרובות למוצר יחיד לאפקטי מסיכה מורכבים:

  1. החל מסיכה ראשונית (למשל מעגל)
  2. הוסף שכבת מסיכה שנייה עם מצב אחר:
    • Add - Units Both Mask shape in)
    • Subtract - לחתוך את הצורה השנייה מתוך הראשון
    • ** ניתן לראות רק אזור החפיפה

תגית: Circle with Star Cutout

  1. שימוש במסיכה circle (מצב משולש)
  2. הוסף שכבת מסכה star (מצב מורכב)
  3. התוצאה: מסגרת מעגלית עם חור בצורת כוכבים במרכז
Multiple masks stacked
מסכות Multiple משולבות: מסכת מעגל עם כוכב לכת 1

אתה יכול לערעור כמה שכבות מסכה צריך. להסיר שכבות בודדות מבלי להשפיע על אחרים.

המונחים Animation

לשמור על צורת המסיכה עצמה על ידי שיפור אמיתותיה בין שתי מדינות:

  1. Define the Start Mask shape (ביצועים)
  2. Define the End Mask shape (ביצועים)
  3. המסכה משתנה בצורה חלקה בין צורות במהלך משחק

זה יוצר מעברי מסיכה אורגניים, זורמים מעבר בקנה מידה פשוט ואנימציה מיקום.

Mask modes comparison
אותו פריט עם קליפ, תת-קרקעי, ו- Intersect Mask Modes

הערות טכניות

  • מסכות משתמשות ב- Paper.js קבוצות מותאמות פנימית
  • מסכות מבוססות משקל (כוכב, לב) גודל ממרכז
  • מסכות ctangles לשנות ממדים לאפקטי מגב
  • מסכות נבנות כאשר תבניות טעינה
  • לקבלת בקרה מתודולוגית מלאה, ראה את תיעוד API עבור applyCustomMask()

**הופנה מהדף [Animations](/features/animations>[עריכת קוד מקור | עריכה]