BDNHOST · AE SCRIPTS LAB
מדריך 14 · Phase 2 · Motion Graphics

Shape Layers — איך אפטר
הופך למוטיון גרפיקס.

רוב אפטר הוא עריכה ותנועה של מדיה קיימת. Shape Layers הוא משהו אחר לגמרי — שם בונים גרפיקה וקטורית מאפס. לוגואים, אייקונים, אנימציית מעגלים וקווים, טרנזישנים. זה הכלי העוצמתי ביותר של אפטר — ורוב המתחילים משתמשים בו ב-10% מהפוטנציאל.

זמן קריאהכ-22 דקות רמהבינוני דרישות קדם02, 03 תוכןתרגולים מעשיים
פרק 01 · מה זה

Shape Layer — גרפיקה וקטורית בתוך אפטר

כמו באילוסטרייטור — רק שפה אפשר להנפיש את כל תכונה בנפרד, עם Keyframes ו-Expressions.

Shape Layer היא שכבה שמכילה צורות וקטוריות: מלבנים, עיגולים, מצולעים, כוכבים, ו-Paths מותאמים אישית. בניגוד ל-Solid (צבע אחד) או תמונה (פיקסלים קבועים) — Shape נשארת חדה בכל גודל, ואפשר לשלוט על כל נקודה שלה בנפרד.

יצירה של Shape Layer

שתי דרכים:

זהירות — המוקש הכי נפוץ

אם בחרת שכבה קיימת (למשל פוטאג' וידאו) ואז לוחצים על כלי צורה — תיצור Mask על השכבה הקיימת, לא Shape Layer חדשה. לפני שיוצרים Shape — תלחצו במקום ריק בטיימליין כדי לבטל בחירה.

Primitive Shapes — 5 הצורות הבסיסיות

צורהכליקיצור
RectangleמלבןQ (החזיק Q למחזור בין צורות)
Rounded Rectangleמלבן מעוגלQ (מחזור)
Ellipseעיגול/אליפסהQ (מחזור)
Polygonמצולע (ברירת מחדל: 5 צלעות)Q (מחזור)
StarכוכבQ (מחזור)
Custom Pathנתיב מותאם אישיתG (Pen Tool)
פרק 02 · המבנה הפנימי

Contents — העץ של כל Shape Layer

בניגוד לשכבה רגילה שיש לה תכונות פשוטות — Shape Layer מכילה "עץ" פנימי עם קבוצות וצורות.

פתחו Shape Layer (חץ לחיצה בטיימליין) ותראו:

Shape Layer 1
├── Contents                    // האוסף של כל הצורות
│   └── Rectangle 1             // קבוצה
│       ├── Rectangle Path 1    // הצורה עצמה (Size, Position)
│       ├── Stroke 1            // קו (Color, Width)
│       └── Fill 1              // מילוי (Color, Opacity)
└── Transform                   // תכונות השכבה הרגילות
    ├── Position
    ├── Scale
    └── Rotation

המבנה הוא הקסם

הכל מודולרי. אפשר להוסיף צורה שנייה לאותה שכבה. אפשר להוסיף Stroke שני. אפשר להוסיף Fill נוסף עם Gradient. ויותר מזה — לכל "רכיב" יש Transform משלו, בנוסף ל-Transform של השכבה. זה הופך Shape Layer לסביבת אילוסטרייטור + אנימציה בתוך אפטר.

הוספת רכיבים — כפתור Add

ליד Contents יש כפתור Add. לחיצה → תפריט ארוך. הנה הדברים החשובים ביותר:

פרק 03 · Trim Paths

המלך של אנימציית נתיבים

Trim Paths היא ההגדרה הכי חשובה לאנימציה של קווים. כל אותם "טרנזישנים שנכנסים" שאתם רואים — רובם Trim Paths.

Trim Paths "חותך" את הנתיב לפי אחוזים. End ב-0% = הנתיב לא נראה. End ב-100% = הנתיב מלא. הנפשת End מ-0 ל-100 = הנתיב "נצבע" אנימציה.

שימוש בסיסי

צרו צורה

כלי Pen (G) → ציירו קו. אפשר להתחיל גם עם Ellipse Q → מעגל.

הוסיפו Trim Paths

פתחו את Contents של השכבה. לחצו Add → Trim Paths. עכשיו רואים את Start, End, Offset.

הנפישו End

Start=0%, End=0%. הפעילו keyframe על End. הזיזו Playhead ל-2 שניות, שנו End ל-100%. הצורה תיכתב-תיצבע בהדרגה.

3 התכונות של Trim Paths

תכונהמה היא עושה
Startהאחוז שממנו הנתיב מתחיל להיות נראה
Endהאחוז שעד אליו הנתיב נראה
Offsetמזיז את הטווח הנראה לאורך הנתיב (ב-Rotation)
הטריק המקצועי

הנפשת End מ-0 ל-100 = הנתיב "נכתב" — קלאסי. אבל הנפשת גם Start וגם End (עם פער) יוצרת אפקט מרהיב: "פיגמנט" קטן של הנתיב שזוחל לאורכו. Start: 0→80 ב-2 שניות. End: 20→100 באותו זמן. בום — מאוד פרו.

שימושים קלאסיים של Trim Paths

פרק 04 · Repeater

הכלי שמרבה צורות בלי גבול

Repeater = משכפל Shape. עם Transform שונה בכל שכפול. זה הכלי שיוצר את כל האנימציות הויראליות של נקודות שמתפשטות, שורות של עיגולים, ופטרנים גיאומטריים.

Add → Repeater. מוסיף את Repeater למבנה, עם Copies = 3 (כברירת מחדל) ו-Transform: Repeater 1.

הגדרות

הקסם — Transform Repeater

ה-Transform של Repeater מצטבר: עותק 2 מקבל פעם אחת, עותק 3 פעמיים, עותק 4 שלוש פעמים. זה יוצר אנימציות מדהימות.

הגדרות

Ellipse קטן במרכז. Add → Repeater. Copies = 10. Transform Repeater: Position X = 80 (רווח בין עיגולים).

תוצאה: שורה של 10 עיגולים עם 80 פיקסלים בין כל שני שכנים.

הגדרות

אותו Ellipse. Copies = 30. Transform Repeater: Position X = 20, Rotation = 12°, Scale = 98%.

תוצאה: ספירלה שמצטמקת — כל 30 עיגולים מסתובבים ומתכווצים ביחס לקודם.

שילוב Repeater + Trim Paths

הכלי הכי חזק של מוטיון גרפיקס: Shape עם Trim Paths מונפש + Repeater שמשכפל אותו. כל עותק "מצייר" את עצמו עם עיכוב זעיר אחרי הקודם. זה יוצר אפקטים של "גל" שעוברים.

Repeater Start Opacity / End Opacity

בתוך Transform Repeater, בקצה — יש Start Opacity ו-End Opacity. המשמעות: העותק הראשון יהיה עם Opacity = Start, האחרון עם End. שילוב של Start=100% / End=20% יוצר fade out טבעי לאורך השורה.

פרק 05 · Merge Paths

שילוב וחיתוך של צורות

Merge Paths היא האופרציות הבוליאניות של אפטר — איחוד, חיתוך, חיסור, ו-XOR בין שני נתיבים.

כשיש יותר מ-Path אחד באותה קבוצה — אפשר להוסיף Merge Paths מתחתיהם, וליצור שילובים. 4 המצבים:

Modeמה זה עושהתרחיש
Mergeפשוט שילוב — כמו שני נתיבים באותה קבוצהברירת מחדל
Addאיחוד — הופך 2 צורות לאחתלוגואים מאלמנטים מרובים
Subtractחיסור — הצורה העליונה חותכת חור בתחתונהחור באמצע מעגל, דונאט
Intersectחיתוך — רק האזור המשותףאפקט טקסט מאחורי צורה
ExcludeXOR — כל מה שלא משותףדוגמת "יין-יאנג"

איך יוצרים

Shape Layer חדשה. הוסיפו Ellipse גדול. הוסיפו Ellipse קטן יותר באמצע. הוסיפו Merge Paths בסוף הקבוצה. Mode = Subtract. התוצאה: דונאט (מעגל עם חור).

פרק 06 · פרויקט סוף-לסוף

בניית Logo Reveal מקצועי

נבנה Logo Reveal קלאסי שמשלב את כל מה שלמדנו — Trim Paths, Repeater, Merge Paths. 30 שניות של עבודה, תוצאה שנראית כמו הצעה לסטארטאפ.

THE EXERCISE · LOGO REVEAL
01
מעגל בסיס
Ellipse — 300x300 · בלי Fill · Stroke לבן 6px.
02
Trim Paths
Add → Trim Paths. End 0→100 ב-1s. Easy Ease.
03
שכבת טקסט
"BDNHOST" במרכז. Scale 0%→100% בשנייה 0.5-1.2.
04
Shape נוסף
Ellipse קטן — 20x20 — על שולי המעגל הגדול.
05
Repeater
Copies=12, Rotation=30°. נוצר 12 נקודות סביב המעגל.
06
Trim של הנקודות
Trim Paths שני ל-Shape של הנקודה. Opacity 0→100 ב-delay.
07
Rotation גלובלי
Rotation של השכבה כולה 0→360° ב-8 שניות — תנועה עדינה.

תוצאה: לוגו שנבנה מאפס בשנייה וחצי, עם "טבעת של נקודות" שמסתובבת סביבו בהתמדה. Hollywood-level.

למה זה עובד

כל הטכניקות שלמדנו — Trim Paths, Repeater, טיימינג של keyframes, Easy Ease — עבדו יחד. אין שום דבר אחד שהוא "הקסם". הקסם הוא השילוב. זה הסוד של motion graphics מקצועי.

פרק 07 · טיפים של מקצוענים

10 דברים שמשתמשים בהם בעבודה יומיומית

  1. Create Shapes from Vector Layer — לחיצה ימנית על שכבת AI/SVG מייבאה → "Create Shapes from Vector Layer". הופך ל-Shape Layer וקטורי.
  2. Convert to Bezier Path — לחיצה ימנית על Rectangle Path → אפשר לערוך כל פינה בנפרד במקום פרמטרים.
  3. Graph Editor — Shape properties תומכות ב-Graph Editor. אפשר לעצב את Trim Paths בעקומות.
  4. Stroke Dashes — ב-Stroke, יש הגדרת Dashes. שינוי היא ל-[15, 10] יוצר קו מקווקו.
  5. Gradient Fill — במקום Fill רגיל, הוסיפו Gradient Fill (מ-Add). יותר ויזואלי.
  6. Stroke Line Cap — Round/Butt/Square. Round = קצוות עגולים, מוסיפים אלגנטיות.
  7. Offset Paths — יוצר גרסה "מורחבת" של הנתיב. מצוין ל-glow-like effects.
  8. Pucker & Bloat עם wiggle — הוספת expression wiggle(1,20) ל-Amount יוצר "נשימה" של הצורה.
  9. Copy-paste של Path — אפשר להעתיק Path מאילוסטרייטור ישירות ל-Shape Path באפטר.
  10. Merge Paths שמתחת לקבוצה — Merge Paths חל רק על מה שנמצא מעליו באותה קבוצה. היררכיה חשובה.
ה-Preset שחוסך חיים

אפטר מגיע עם ספריית Effects & Presets → Shapes — עשרות Shape animations מוכנות. גם אם לא תשתמשו בהן — פתחו אותם בטיימליין ולמדו מהם. כמעט כל אחד הוא שיעור נפרד.

סיכום

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

Shape Layers הם שער הכניסה למוטיון גרפיקס מקצועי. Trim Paths לאנימציית נתיבים, Repeater לכפילות, Merge Paths לשילובים, ועוד עשרות modifiers. אם אתם רוצים לעבור משכפול פוטאג' ליצירת motion graphics מקוריים — Shape Layers הוא היכולת הכי חשובה שתרכשו.

במדריך הבא — נכנס לעולם ה-VFX. איך מבודדים אובייקט מרקע, Roto Brush, ואיך אפטר הפך לתוכנת אפקטים חזותיים רצינית.