Brand Motion Controls
משנים צבע מותג פעם אחת, וכל הסרטונים ב-After Effects שמשתמשים בו מתעדכנים.
עובד אפשר להוריד אותו. למטה יש הדגמה בדפדפן על נתונים לדוגמה.
הבעיה
כתוביות שם, כרטיסי פתיחה וכרטיסי סיום נבנים מחדש בכל קמפיין, ושינוי צבע מחייב לפתוח כל קומפוזיציה.
מה בניתי
בקר משותף לצבעים, לעיגול הפינות ולמהירות, שמחובר לכל גרפיקה מונפשת שמשתמשת בו.
- צבעים, פינות ומהירות
- כל הגרפיקות מתעדכנות מיד
- שום דבר לא נבנה מחדש ביד
הורדה ל-After Effectsלנסות את הדמו בדפדפן
יכולות ומגבלות
נבנה ונבדק
- One controller: Primary, Secondary and Accent colors, corner radius and speed.
- Three graphics (lower third, title card, end card) follow it live, including the timing of their in-move.
- Two original themes for a fictional brand; switch or edit them freely.
- Brand checks: text contrast on boxes at least 4.5:1, button text at least 3:1, speed in range. (The check caught the first Tidepool accent at 2.03:1; it was darkened.)
- The After Effects expressions each property uses, and a downloadable script that builds the controller comp from a spec exported here.
מגבלות
- ההורדה בונה את הבקר. יוצרים את הגרפיקה ומחברים אותה בעזרת ה-expressions המצורפים.
- נבדק ב-After Effects 26.5.0 על macOS 27.0.1 על פרויקט בדיוני: הסקריפט בנה את הבקר, וגרפיקות בדיקה שמשתמשות ב-expressions האלה הגיבו לכל חמש הבקרות. עוד לא נבדק ב-Windows.
- בלי AI גנרטיבי: העיצובים והגרפיקות עוצבו, לא נוצרו.
מתוכנן
Design token import, controller validation and safe override hierarchy.
איך משתמשים
- Switch the theme, then change a color or the radius: all three graphics follow.
- Move Speed and press Replay to see the in-move timing change.
- Open the After Effects section to read the expressions, export the controller spec, then run the script from the download.
איך זה עובד
- Tokens are the single source: the preview reads them and the expressions point to the same named controls.
- Each graphic property maps to one control; a test checks every mapping points to a real control and every expression compiles.
- Speed drives time remapping, so animations keep their shape and only their pace changes.
גרסאות שנבדקו ומגבלות
- עבר Unit: brand contrast checks (caught and fixed a weak accent) Node 22, Linux
- עבר Unit: every graphic property maps to a control; expressions compile Node 22, Linux
- עבר Unit: speed timing and controller spec Node 22, Linux
- עבר Host script: compiles; refuses to overwrite Node 22, Linux
- עבר Browser: live graphics follow the controller; checks; expressions Chromium (Playwright), 1280px
- עבר Host: controller comp and linked graphics in After Effects After Effects 26.5.0, macOS 27.0.1
נבדק לאחרונה: 2026-10-31.
הבקר, הבדיקות והגרפיקה החיה עובדים בדפדפן. סקריפט הבקר רץ ב-After Effects 26.5.0 על macOS 27.0.1 על פרויקט בדיוני: הוא בנה את BRAND_Controls עם חמישה בקרים, וגרפיקות בדיקה שמשתמשות ב-expressions שברשימה עקבו אחרי Primary, Secondary, Accent, Corner radius ו-Speed (דרך Time Remap), השתנו עם הבקר וחזרו. ה-lower third, כרטיס הכותרת וכרטיס הסיום לא נבנו כקומפוזיציות ב-After Effects. תיעוד: labs/host-tests/results/2026-10-31-mac.
פרטים
- קלט
- Original motion style system
- פלט
- Editable AE template with linked controls
- רץ ב
- Installs as an After Effects script that builds the controller (tested in After Effects 26.5.0 on macOS 27.0.1). The controller, checks and live graphics also run in your browser.
- מקור
- מקורי, נבנה מחדש מאפס