BDNHOST · AE SCRIPTS LAB
מדריך 16 · Phase 4 · Motion Graphics

Transitions —
החיבור החלק בין סצנה לסצנה.

Cut קלאסי הוא תקף, אבל לא תמיד מספיק. Transition טוב מחבר שתי סצנות בצורה שמרגישה אורגנית, מובילה את העין, ומוסיפה רגש. זו הטכניקה שמפרידה בין editor של תוכן יוטיוב לבין מי שיודע מה זה motion design. במדריך הזה — 6 סוגי transitions, כולל וידאו דוגמאות מעשיות, ותרגול בניית 3 transitions שתשתמשו בכל פרויקט.

זמן קריאהכ-18 דקות רמהבינוני דרישות קדם03, 07, 08, 14 תוצר3 transitions מוכנים
פרק 01 · ההיגיון

למה לא Cut

Cut הוא ברירת המחדל, וזה בסדר ב-90% מהמקרים. אבל יש מצבים שבהם cut מרגיש "חבטה" שלא מתאים לסיפור. שם נכנסים transitions.

Transitions טוב מתעלם מעצמו. הצופה לא חושב "וואו, transition!" — הוא פשוט מקבל את המעבר כטבעי. זה ההבדל בין transition מקצועי לבין effect שמפריע לעין.

מתי להשתמש בכל אחד

הכלל הזהב

Transition לוקח 15-30 פריימים (חצי שנייה עד שנייה ב-30fps). פחות מזה — לא מורגש. יותר מזה — מתחיל להיות מסיח. הזמן הזה הוא הקסם.

פרק 02 · Built-in Transitions

אפטר מגיעה עם 30+ transitions מוכנים

Effects → Transition יש קטגוריה שלמה של transitions מובנים. רובם בסיסיים, אבל יודעים מה הם נותנים — וזה התחלה מהירה.

החשובים מהקטגוריה

Cross Dissolve הקלאסי

פשוט במיוחד: שתי שכבות שנמצאות באותו זמן בטיימליין. השכבה העליונה Opacity 100% → 0%, השכבה התחתונה אופציונלית עם Opacity 0% → 100%. תמיד עובד, תמיד נראה מקצועי לתוכן רגשי.

הטריק עם Built-in

Built-in Transitions הם נקודת התחלה — לא נקודת סוף. השתמשו בהם, אבל תמיד תוסיפו Feather, Easy Ease, ו-Motion Blur. זה הופך כל transition בסיסי למקצועי.

פרק 03 · Mask Transitions

השליטה האמיתית — מסכה מותאמת

כל מסכה היא transition פוטנציאלי. במקום להשתמש ב-Linear Wipe המובנה, מציירים מסכה ספציפית — צורה אורגנית, גל, סלילה — ומנפישים את ה-path שלה.

הזרימה

  1. שכבה A (יוצאת) ושכבה B (נכנסת) חופפות בטיימליין למשך 1 שנייה.
  2. על שכבה A — מסכה שמכסה את כל השכבה.
  3. הנפישו את ה-Mask Path מ-100% כיסוי ל-0% (השכבה נחתכת בהדרגה).
  4. תחתיה — שכבה B נחשפת אוטומטית.
  5. Feather של 30-50px על המסכה — מעבר חלק.

צורות יעילות למסכה

המוקש של מסכה מורכבת

אנימציה של Mask Path מורכבת היא רנדור איטי. אפטר חייב לחשב את הצורה בכל פריים. אם המסכה מאוד מסובכת ואתם רואים lag — שקלו להמיר אותה ל-Shape Layer ולהשתמש בה כ-Track Matte (יותר מהיר).

פרק 04 · Shape Transitions

צורות שמתפשטות — Brand-style

מותגים גדולים משתמשים ב-Shape Transitions — צורה גיאומטרית מצבע המותג שעוברת על המסך וחושפת את הסצנה הבאה. זה המראה של פרסומות יוקרתיות.

איך בונים

  1. בין שכבה A (יוצאת) ושכבה B (נכנסת) — מוסיפים שכבה אמצעית.
  2. השכבה האמצעית: Shape Layer בצבע (כמו צבע המותג).
  3. Shape Path: מתחיל מחוץ למסך, עובר על כל המסך, יוצא מהצד השני.
  4. הנפישו את Position או Scale של השכבה.
  5. שכבה B מופיעה אחרי שהצורה כיסתה את הכל.

הוריאציות הקלאסיות

Trim Paths — הקסם

אם משתמשים ב-Shape Layer מורכבת (קו ארוך, ספירלה), Trim Paths מאפשר "לצייר" את הצורה בהדרגה. זה הופך את ה-transition ממעבר למיני-אנימציה. ראו מדריך 14 — Shape Layers לפירוט.

פרק 05 · Match Cuts

החיבור הוויזואלי החכם

Match cut הוא transition שעובד על דמיון ויזואלי בין שתי סצנות — צורה דומה, תנועה דומה, צבע דומה. זה לא effect — זה decision של עריכה.

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

מה צריך כדי שיעבוד

איך עושים באפטר

  1. שתי הסצנות בטיימליין, אחת אחרי השנייה.
  2. בודקים את הפריים האחרון של A ואת הפריים הראשון של B.
  3. אם המעבר ויזואלית "עובד" (האובייקטים באותו מקום) — לא צריך אפקט. רק cut.
  4. אם דרושה התאמה קלה — Position/Scale keyframes על אחת מהשכבות.
Match cut + Motion Blur

הוסיפו Motion Blur לשתי השכבות. אם יש תנועה — הבלור מטשטש את המעבר ועושה אותו עוד פחות נראה. הצופה רק "מרגיש" שהיה מעבר חלק.

פרק 06 · Luma Fade

מעבר דרך אור

Luma fade הוא transition דרך פלאש של אור — לבן או צבעוני. הצופה רואה את הפלאש, ובסיומו השכבה השתנתה. זה המראה של "פיצוץ", "זריחה", או רגע דרמטי.

הזרימה הפשוטה

  1. שתי הסצנות בטיימליין, חופפות ב-0.3 שניות.
  2. בין שתיהן, Solid Layer לבן.
  3. הנפישו את ה-Opacity של ה-Solid: 0% → 100% → 0% במשך החצי שנייה.
  4. המסך נהיה לבן באמצע, וכשהאור דועך — הסצנה החדשה כבר שם.

וריאציות

Luma fade עם סאונד

Luma fade בלי סאונד נראה חלש. הוסיפו "whoosh" או "impact" sound effect בדיוק על רגע ה-flash. הסאונד עושה 50% מהאפקט. Freesound.org להורדה חינמית.

פרק 07 · התרגיל

3 Transitions מאפס

בונים 3 transitions שונים שתוכלו להשתמש בהם בכל פרויקט. שמירה כ-presets בסיום.

EXERCISE A · MASK SWIPE
01
הכנה
2 Solid Layers — אדום ושחור. מניחים זה מעל זו, חופפים 1 שנייה.
02
מסכה
על השכבה האדומה (העליונה), Rectangle Mask בכל גודל השכבה.
03
אנימציה
Mask Path: keyframe 1 — המסכה בכל הגודל. keyframe 2 — המסכה מחוץ לשכבה (נע שמאלה).
04
Feather
Mask Feather = 50px. הקצה מתרכך — נראה אורגני.
05
Easy Ease + Motion Blur
F9 על ה-keyframes. Motion Blur על השכבה. תוצאה: המסכה מחליקה החוצה והשכבה השחורה נחשפת.
EXERCISE B · LUMA FADE
01
הכנה
2 Solid Layers (כל צבע). חופפים 0.3 שניות.
02
Solid לבן
Solid Layer חדש לבן. ב-In/Out: ב-Out המסכים — מתחיל ונגמר באזור הקצר של החפיפה.
03
Opacity Spike
Opacity keyframes: 0% → 100% (אמצע) → 0%. עקומה V-shape.
04
Easy Ease + Glow
F9 על Opacity. הוסיפו Effect → Stylize → Glow על השכבה הלבנה. עוצמת glow גבוהה.
EXERCISE C · SHAPE WIPE
01
Shape Layer
בין שתי השכבות — Rectangle Shape בצבע מותג (כתום). גודל: 1.5× רוחב המסך.
02
תנועה
Position: keyframe 1 — מחוץ למסך מימין. keyframe 2 — מרכז המסך. keyframe 3 — מחוץ למסך משמאל. (משך כולל 0.6 שניות).
03
Skew קל
סובבו את השכבה ב-15° (מקנה תחושת מהירות). Anchor Point במרכז.
04
Easy Ease + Motion Blur
F9. Motion Blur. תוצאה: צורה כתומה זורמת על המסך, חושפת את הסצנה השנייה.
שמירה כ-Presets

על כל transition — בחרו את כל השכבות וה-keyframes הקשורים, Animation → Save Animation Preset. שמרו ב-3 שמות: "BDNHOST_MaskSwipe.ffx", "BDNHOST_LumaFade.ffx", "BDNHOST_ShapeWipe.ffx". בכל פרויקט עתידי — גרירה אחת.

סיכום

מה עכשיו יודעים

Transitions הם 6 משפחות עיקריות — Cut, Fade, Wipe, Shape, Match cut, Luma fade. כל אחד מתאים למצבים שונים. הכלל הזהב — 15-30 פריימים, Easy Ease, Motion Blur. הוסיפו סאונד אפקט לפלאשים, ושימרו את ה-transitions שאתם בונים כ-presets לשימוש חוזר.

מקצוענים בונים ספרייה אישית של 10-20 transitions שלהם. בכל פרויקט — בחירה מהספרייה במקום בנייה מאפס. זה ההבדל בין סטודיו שגוזל זמן לעיצוב לבין סטודיו שמייצר תוצרת מהירה ועקבית.

פרויקטים גדולים

יש לכם סדרת סרטונים עם אותו סגנון transitions? כתיבת script שמחיל אוטומטית transitions מסוימים על שכבות נבחרות יכולה להיות פתרון. הסקריפטים שלנו ב-ae.bdnhost.net מכסים patterns כאלה לחיסכון בזמן בפרויקטים סדרתיים.