كيفاش ينقل Prism تصميمك إلى After Effects
Prism يعيد بناء أي تحديد من Figma أو Illustrator كليرز حقيقية وقابلة للتعديل في After Effects: أشكال، نص، تدرجات، أقنعة، بلا صور مسطحة وبلا إعادة بناء يدوية. هذه الصفحة تشرح سير العمل في كل برنامج يدعمه Prism.
نظرة عامة
Prism هو جسر بين برامج التصميم و After Effects. بدل تصدير صورة PNG مسطحة وإعادة رسم كل شكل يدوياً، تحدد عنصر فـ Figma أو Illustrator، تدير Push، ويصل مباشرة لـ composition تاعك فـ AE كليرز حقيقية قابلة للتحريك: الأشكال تبقى أشكال، النص يبقى نص حي، التدرجات تُعاد بناؤها كفيلات AE حقيقية، والمجموعات تحافظ على تركيبها الأصلي.
- مصدرين للتصميم، بنّاء واحد فـ AE. إضافة Figma ولوحة Illustrator كلاهما يبعثوا نفس بيانات الليرز لنفس محرك After Effects، فالنتيجة تبقى ثابتة بغض النظر عن مصدر التصميم.
- قابل للتعديل، ماشي مسطح. الأشكال والنص والفيلات تبقى عناصر AE أصلية تقدر تعدل عليها وتحركها فوراً.
- هيكلة الليرز محفوظة. الفريمات والمجموعات وتداخل الـ components تنتقل بنفس التسلسل فـ AE.
التنصيب
Prism يتكون من جزئين: إضافة من جهة التصميم (Figma و/أو Illustrator)، ولوحة واحدة فـ After Effects تتواصل معها كل الإضافات.
نصّب لوحة After Effects
تشغّل الجسر المحلي وتبني كل ليرز. تُنصّب مرة واحدة، ومشتركة بين Figma و Illustrator.
نصّب إضافة Figma و/أو لوحة Illustrator
زيد أي برنامج تصميم تخدم بيه فعلاً. رخصة Figma ورخصة Illustrator منفصلتان، فاختار لي تحتاجه (أو زيد الاثنين إذا تخدم بيهم بصح).
افتح لوحة AE وفعّل الترخيص
اللوحة تعرض مؤشر حالة حي: الأخضر يعني الجسر يعمل والترخيص مفعّل.
FIGMA
سير العمل في Figma
من داخل Figma، حدد فريم أو مجموعة ليرز وشغّل Prism. الإضافة تقرأ التحديد بالضبط كيفاش Figma يعرضه وتبعثه لـ After Effects.
- الأشكال والفيكتور تصل كليرز أشكال مستقلة فـ AE، ماشي صورة واحدة مدمجة.
- النص يبقى حي وقابل للتعديل، الخط والحجم والمحتوى تقدر تبدلهم مباشرة فـ After Effects.
- الألوان الصلبة والتدرجات تُعاد بناؤها كفيلات AE حقيقية، ماشي محروقة داخل صورة.
- فيلات الصور والصور المصدّرة توضع بأعلى دقة، بمقياس ومكان صحيحين.
- التأثيرات كالبلور والشادو تنتقل كتأثيرات AE قابلة للتحريك.
- الـ Components والـ Instances يتم التعرف عليها وتبقى كليرز منظمة خاصة بها.
ILLUSTRATOR
سير العمل في Illustrator
رخصة Illustrator تفتحلك لوحة Illustrator لي تبعث لنفس بنّاء After Effects المستعمل من طرف إضافة Figma. حدد العمل الفني فوق الكانفاس وابعثه.
- المسارات والنص والمجموعات تُستخرج وتُعاد بناؤها كليرز AE أصلية.
- المستطيلات والدوائر والنجوم والمضلعات المرسومة بأدوات Illustrator الأصلية يتم اكتشافها وإعادة بناؤها كأشكال AE بارامترية، ماشي كخطوط محروقة، فتبقى الحواف والقطر والأطراف قابلة للتعديل.
- التدرجات (صلبة، خطية وشعاعية) تُعاد بناؤها بالزاوية والمكان الصحيحين.
- أقنعة القص تنتقل كـ alpha track matte حقيقي فـ AE.
- أنماط المزج وأطراف/زوايا الخطوط تنتقل معها.
- النص المدوّر والمتعدد الأسطر, بما فيه النصوص من اليمين لليسار، يُقرأ مباشرة من محرك النص فـ Illustrator.
إضافة Figma ولوحة Illustrator تُنصّبان معاً وتشتركان فـ نفس محرك After Effects، فالاستوديو لي يخدم بالبرنامجين ما يحتاجش جسرين منفصلين.
الإرسال
الـ Push هو الإجراء الأساسي فـ Figma و Illustrator: تحدد عنصر، تضغط إرسال، والليرز تظهر فـ composition النشط تاعك فـ After Effects.
- العناصر المجمّعة تُبعث كهيكلة ليرز متداخلة واحدة، بنفس طريقة تجميعها فبرنامج التصميم.
- الأشكال الحرة فوق الكانفاس تصل كليرز مستقلة.
- اللوحة فـ After Effects تعرض حالة الاتصال بشكل حي، فتعرف دايماً واش الإرسال وصل ولا لا.
إعادة الإرسال / التزامن الحي
تعديل التصميم بعد أول إرسال هو الوضع العادي، و Prism مبني حول هذا. كل ليير يبنيه Prism يحمل علامة داخلية ترجع للعنصر الأصلي بالضبط لي جات منه.
- إعادة إرسال فريم معدّل تحدّث الليرز المطابقة فمكانها بدل إنشاء نسخ مكررة.
- العناصر الجديدة المضافة من آخر إرسال تكون مضافة, وما تُحسبش أبداً كتعويض لعنصر موجود.
- مكان الليير فـ ترتيب AE يبقى محفوظ مع كل تحديث، فالترتيب لي درتيه فـ AE ما يضيعش.
الموشن ديزاين عملية تكرارية. بلا تزامن موثوق، كل تعديل صغير فالتصميم يعني إعادة بناء الأنيميشن من الصفر أو الوصول لليرز مكررة تعطل الـ comp. Prism يتتبع الهوية، ماشي الاسم أو المكان، فيبقى صحيح حتى لو بدلتي الأسماء أو نقلتي العناصر.
المجموعات وهيكلة الليرز
كيفاش تجمّع العناصر فبرنامج التصميم هو لي يقرر كيفاش توصل فـ After Effects.
- العناصر المجمّعة تولي هيكلة ليرز متداخلة واحدة فـ AE، محافظة على نفس علاقة الأصل/الفرع.
- العناصر غير المجمّعة تصل كليرز مستقلة منفصلة.
- الفريمات والمجموعات وتداخل الـ components تُعاد بناؤها فكل مستوى، ماشي غير المستوى العلوي.
عناصر غير مدعومة
ماشي كل شي يقدر برنامج التصميم يعرضه يكون متاح عبر واجهة السكريبت تاعه. وين يكون هذا هو الحائط، Prism يكون واضح بخصوصه بدل ما يعطي ليير معطوب بصمت.
- تأثيرات لوحة Appearance فـ Illustrator (الشادو والبلور والغلو المطبقة عبر Effect > Stylize) غير قابلة للقراءة عبر واجهة السكريبت فـ Illustrator، فما تنتقلش كتأثيرات AE قابلة للتعديل.
- الفيلات/الخطوط المتراكمة فوق عنصر واحد فـ Illustrator (فيلات متعددة عبر لوحة Appearance) غير متاحة هي أيضاً عبر واجهة السكريبت؛ غير الفيل والخط العلويين ينتقلوا.
- محاذاة الخط فـ Illustrator (داخل/خارج) غير متاحة عبر الـ API وتبقى افتراضياً فالوسط، بنفس افتراضي Illustrator.
تفعيل الترخيص
Prism يُشترى مرة واحدة، بلا اشتراك. إضافة Figma مجانية التنصيب؛ بعث التصاميم إلى After Effects يحتاج ترخيص مفعّل.
- التفعيل مرتبط بحسابك فـ Prism ويتم التحقق منه من طرف لوحة After Effects عند التشغيل.
- مؤشر حالة اللوحة يعرض واش الجسر يعمل وواش الترخيص مفعّل، فأي مشكلة فالترخيص تكون واضحة قبل ما تحاول تبعث.
واجد تجرّب Prism؟
رخصة Figma ورخصة Illustrator منفصلتان، وتشتغل الاثنين على Windows و macOS.