אנימציה של טקסט לא מתחילה ב-Position של השכבה. היא מתחילה בתוך השכבה — ברמת האות הבודדת. Text Animators היא המערכת של אפטר לשלוט על כל תו בנפרד: גודל, צבע, סיבוב, שקיפות. מי שמבין את זה — שולט ב-motion typography.
עד היום הנפשנו את השכבה כולה — הזזנו אותה, שינינו את הגודל, וכל האותיות עברו יחד. Animator מאפשר לעשות את אותו דבר — אבל לכל אות בנפרד.
תחשבו על שכבת טקסט כמקהלה. כל פעם שהנפשנו עד כה — כל המקהלה זזה יחד. עם Animator, אפשר להחליט: עכשיו האות הראשונה קופצת, אחריה השנייה, אחריה השלישית. זו המערכת שיוצרת את אנימציות הטקסט שכל סרט הוליוודי משתמש בהן.
בתוך כל שכבת טקסט, מסתתרת קבוצת תכונות מיוחדת. אם תפתחו את השכבה בטיימליין (חץ לחיצה), תראו:
אדובי תיכננה את Text Animators כ"קופסה סגורה" — צריך לחפור אל תוך השכבה כדי למצוא אותה. זה גורם למתחילים רבים לפספס את המערכת הזו לגמרי. אחרי שמכירים אותה — אי אפשר להסתדר בלעדיה.
עוברים מתיאוריה לידיים. 5 שלבים ליצירת האנימציה הראשונה.
T → כתבו "אפטר אפקט". בחרו פונט Heebo Bold, גודל 90px, RTL Composer (מדריך 04).
לחצו על החץ ליד שם השכבה בטיימליין → פותח את Text. לחצו שוב על חץ ליד Text → תראו את הקבוצה הפנימית.
לצד Animate יש כפתור עם חץ קטן. לחצו → תפריט ארוך מופיע. בחרו Scale.
עכשיו נוצר Animator 1 עם תכונת Scale בתוכו, ו-Range Selector 1.
שנו את Scale ל-0%. לכאורה — כל הטקסט נעלם. באמת? תסתכלו טוב — הוא הצטמק ל-0%, כן. אבל זה סטטי. זה עוד לא אנימציה.
כאן הקסם. פתחו את Range Selector 1. יש לו שתי תכונות: Start ו-End. שניהם כעת 100%.
הפעילו keyframe על Start, ושנו אותו מ-0% בזמן 0, ל-100% בזמן 2 שניות. הריצו את הקומפוזיציה. בום. הטקסט נכנס אות-אות עם אנימציית Scale.
גם הנפשת End תעבוד — אבל בכיוון ההפוך. Start מגדיר "מהיכן מתחילים להחיל את האנימציה". בעברית (RTL), האות ה"ראשונה" לוגית היא מימין. הנפשת Start מ-0 ל-100 תגרום לאותיות לצאת מהצד הימני לשמאלי.
Range Selector לא סתם "איפה האנימציה קורית". הוא מכיל 7 תכונות שמאפשרות שליטה מדויקת על איך וכמה כל אות מושפעת.
| תכונה | מה היא עושה | מתי לשנות |
|---|---|---|
| Start | איפה הטווח מתחיל (אחוז מהטקסט) | האנימציה הראשית — הנפשת ה-Start יוצרת תנועה |
| End | איפה הטווח מסתיים | הנפשת End = תנועה הפוכה |
| Offset | הזזה של הטווח השלם | הדרך הפשוטה ביותר להנפיש — פחות שליטה |
| Units | Percentage / Index | Index — מספר ספציפי של אותיות (במקום אחוז) |
| Based On | Characters / Words / Lines | Words — אם רוצים שכל מילה שלמה תזוז יחד |
| Mode | איך הטווח "מצטבר" (Add/Subtract/Intersect) | ברירת מחדל Add. שנו רק לאפקטים מורכבים |
| Amount | עוצמת האפקט (0-100%) | Animation fade-in — מ-100% ל-0% |
מתחת ל-Range Selector יש תת-קבוצה בשם Advanced. פתחו אותה. פה מתחבא הקסם האמיתי:
ברירת מחדל: Square — האנימציה משפיעה מלא או לא-משפיעה כלל. שינוי ל-Ramp Up / Ramp Down / Triangle / Round יוצר מעברים חלקים יותר — האותיות ב"שוליים" של הטווח מושפעות חלקית.
רלוונטי רק עם Shape שאינו Square. שולט על כמה חלק המעבר. 100% = מאוד חלק, 0% = דומה ל-Square.
עדינויות נוספות של הרמפה. Ease High — עד כמה חד המעבר בראש האנימציה. Ease Low — בסוף. שניהם -100 עד +100.
Shape = Ramp Up + Smoothness = 50% + Ease High = 30% = אנימציה חלקה שנראית פרופסיונאלית. זה "הדיסני" של Text Animators.
ליד Range Selector יש אופציה נוספת: Wiggly Selector. זה אקראיות מובנית — כל אות "רועדת" בנפרד, בלי Keyframes.
בלחיצה על Animator → Add → Selector → Wiggly, מוסיפים Wiggly Selector למעלה של ה-Range הקיים. זה יוצר אפקט של אותיות שמתנודדות אקראית — מדמה חיות, עצבנות, או אנרגיה.
Animator → Position. הוסיפו Wiggly:
Max Amount: [15, 15] · Min Amount: [-15, -15] · Wiggles/Sec: 8 · Correlation: 40%
תקבלו טקסט שרוטט ברעידה "אלקטרית" — כמו שהוליווד עושה לסצנות מתח.
Wiggly מוסיף "חיים" לטקסט סטטי. שימושי לאנימציית intro, reveal דרמטי, או טקסטים שצריכים להרגיש "עצבניים" או "מפחידים". לכתוביות רגילות — אל תשתמשו. זה יפזר את תשומת הלב.
אדובי הבינה שלא כולם רוצים לבנות Animator מאפס. ולכן באפטר יש ספרייה עצומה של Presets מוכנים.
פתחו את פאנל Effects & Presets (Ctrl+5). פתחו את הקטגוריה Animation Presets → Text. יש שם עשרות תיקיות: Animate In, Animate Out, Fill and Stroke, Organic, Rotation, ועוד.
בחרו שכבת טקסט בטיימליין. גררו Preset מהפאנל ישירות על השכבה. ה-Preset מיישם את עצמו — יחד עם Range Selector וכל ההגדרות.
Animate In → Typewriter — אותיות מופיעות אחת-אחת כמו מכונת כתיבה.Animate In → Fade Up Characters — כל אות נכנסת מלמטה + fade.Animate In → Decoder Fade In — אפקט "פיצוח קוד" — אותיות משתנות עד שמגיעות לתוצאה.Animate Out → Blur by Word — יציאה של מילים בטשטוש.Organic → Random Type Scale — כל אות בגודל שונה (stylized).Presets נהדרים כדי ללמוד איך נראית אנימציה מקצועית — פותחים אותם בטיימליין ורואים את ההגדרות הפנימיות. אבל להסתמך עליהם בלבד = סרטון שנראה כמו כל סרטון אחר שעשה את ה-Preset. למדו מהם, ותבנו את שלכם.
Text Animators פותחים עולם — אבל גם סיכונים בעברית. הנה הדברים החשובים לדעת.
כש-Animator מזיז או מגדיל כל אות בנפרד — לפעמים הוא "שובר" את הקשר בין אותיות צמודות. התוצאה: אות סופית (ם, ן, ץ, ף, ך) שהופכת באמצע המילה לאות רגילה (מ, נ, צ, פ, כ).
אם זה קורה — בפאנל Character, מצאו את כפתור Ligatures (נראה כמו שתי אותיות מחוברות) וכבו אותו. או — השתמשו ב-Based On: Words במקום Characters, כדי שמילים שלמות יזוזו יחד ולא יישברו.
ה-Animator "סופר" את האותיות מאות 1 ואילך. בעברית — אות 1 היא מימין. אנימציה שמנפישה "מאות 1 קדימה" תתחיל מימין לשמאל. אם רוצים שתתחיל משמאל — הנפשו את End במקום Start.
פסיק, נקודה, סימן קריאה — Text Animator יתייחס אליהם כאל "אות". אם רוצים שהם יתעלמו — Based On: Words (Words לא כולל פיסוק לבד).
תמיד תריצו את האנימציה מלאה לפחות פעם אחת לפני שאתם מקבעים הגדרות. הרבה בעיות של Ligatures ו-Order מתגלות רק בתנועה אמיתית, לא בתצוגה סטטית.
נבנה אנימציית intro של 3 שניות — רמת הוליווד, בעברית מלאה, עם Text Animators בלבד.
התוצאה: כל אות מופיעה ב-Scale מתרחב, נכנסת מלמעלה, ומתחשפת לאט. זו אנימציה שנראית בדיוק כמו intro של סדרת Netflix. בנוי ב-7 דקות.
אחרי שתרגלתם את המבנה הזה — נסו לשלב עם Wiggly: תוסיפו Wiggly Selector ל-Animator של Position עם Max=5 ו-Wiggles/Sec=4. תקבלו תנועה עדינה מאוד שמוסיפה "חיים" לטקסט הסטטי.
Text Animators היא המערכת שמפריד בין טקסט סטטי לטקסט חי. Range Selector קובע איפה, Wiggly מוסיף אקראיות, ו-Advanced נותן את הניואנסים. שילוב של 2-3 Animators על אותה שכבה יוצר אנימציות בדרגת Hollywood.
הלכסיקון שבניתם פה — Animator, Range Selector, Wiggly, Advanced — הוא השפה של motion typography. כל סרטון שאתם רואים עם טקסט מונפש בנוי מהכלים הללו. במדריך הבא — שער חדש: Shape Layers, הכלי שהופך את אפטר לתוכנת Motion Graphics מלאה.