mf-mographlisted

מושן גרפיקס ברמת After Effects בקוד - shape layers, Trim Paths, repeaters, בלוקי צבע, overshoot, precomps, track mattes, bursts, צורות שמתחלפות על הביט. הפעל כשמבקשים "מושן גרפיקס", "סטייל אפטר", "motion graphics", "shape animation", "אנימציית צורות", "אינטרו גרפי", "באמפר", "רקע מושן לפרזנטציה", "סרטון גרפי לריל", או כשסרט מושן יצא שטוח ו"מצגתי". חלק מחבילת Motion Forge; קרא קודם את motion-forge.
arielaizn/motion-forge-plugin · ★ 2 · Web & Frontend · score 65

Install: claude install-skill arielaizn/motion-forge-plugin

# mf-mograph · מושן גרפיקס ברמת After Effects סרט דוגמה: `../motion-forge/studio/gallery/01_mograph-shapes.html`. כלים: `P` (shapes.js), `FX`, `E`, `kf`, `spring`, `stagger`. ## מה עושה את זה "אפטר" 1. **Trim Paths בכל מקום.** קווים נכתבים (`P.trim(path, 0, p)`), טבעות נסגרות, קו מוביל את העין לנקודה הבאה. קו שנכתב ב-0.5 עד 0.8 שניות עם `E.inOutCubic`, והזנב שלו נמחק באיחור של 0.15 (`P.trim(path, p2, p1)`). 2. **צורות עם משקל.** כל צורה שנכנסת עוברת scale מ-0 עם overshoot (`E.overshoot` או `springAt(t, t0, 0, 1, 'pop')`), ובאותו זמן מסתובבת 15 עד 40 מעלות ומתיישבת. 3. **Repeaters ו-offsets.** עותקים עם הזזת זמן ביניהם (`stagger(i, n, .04, 'center')`) יוצרים גלים. 3 עד 12 עותקים, לא 50. 4. **בלוקי צבע כמעברים.** מלבן בצבע המותג מכסה את המסך ב-0.35 שניות (`E.whip`), והסצנה הבאה נחשפת מאחוריו. בשכבות: 2 או 3 בלוקים בצבעים שונים, 60ms ביניהם. 5. **Bursts ונקודות אימפקט.** כל נחיתה חשובה מקבלת `P.burst` (קווים רדיאליים) ו-`A.pop` או `A.hit`. 6. **Parenting.** קבוצה זזה יחד: `c.save(); c.translate(...); c.rotate(...);` ובתוכה כל ילד עם התזמון שלו. 7. **Track mattes.** טקסט או צורה נחשפים דרך צורה אחרת: `FX.matte(c, drawContent, drawMask)`. ## גרפי מהירות (העתק מהם) | פעולה | easing | משך | |---|---|---| | כניסת צורה | `E.overshoot` או spring `pop` | 0.35 עד 0.5s | | יציאה | `E.inCubic` / `E.inBack` | 0.2 עד 0.3s | | תנועה בין מקומות | `E.snappy` (מהיר, התיישבות ארוכה) | 0.5 עד 0.8s | | מעבר מסך מלא | `E.whip` | 0.3 עד 0.45s | | Trim path | `E.inOutCubic` | 0.5 עד 0.9s |