أصبحت صناعة الأنيميشن والموشن جرافيك أكثر سهولة مع ظهور أدوات الذكاء الاصطناعي، ومن أبرز الأدوات التي يمكن استخدامها في هذا المجال أداة Fable 5، التي تتيح تحويل الأفكار والأوامر النصية إلى تصاميم متحركة، وإعلانات، وإنفوجرافيك، وعروض تقديمية تفاعلية.
في الفيديو قمنا بتجربة Fable 5 عمليًا من خلال عدة استخدامات مختلفة، بهدف اكتشاف مدى قدرتها على مساعدة صناع المحتوى، والمعلمين، والمسوقين، والمصممين في تنفيذ مشاريع بصرية دون الحاجة إلى البدء من الصفر.
أول استخدام كان إنشاء موشن جرافيك نصي متحرك، حيث يمكن كتابة وصف واضح للمشهد المطلوب، ثم استخدام الأداة لتوليد تصميم يحتوي على نصوص وحركات وانتقالات مناسبة. هذه الميزة مفيدة لإنشاء مقدمات الفيديوهات، والإعلانات القصيرة، والمنشورات المتحركة على منصات التواصل الاجتماعي.
بعد ذلك تم اختبار الأداة في تصميم إعلان متحرك لمنتج قهوة باسم Maro Coffee. ساعد Fable 5 في تقديم المنتج بطريقة جذابة، من خلال تحريك العبوة وإضافة الخلفيات والإضاءة والنصوص التسويقية. هذا الاستخدام مناسب لأصحاب المشروعات الصغيرة والمتاجر الإلكترونية الذين يريدون إنشاء إعلانات مرئية بسرعة.
ومن الاستخدامات المهمة أيضًا إنشاء إنفوجرافيك تفاعلي وتعليمي. في التجربة تم تصميم محتوى يشرح رحلة الدم داخل القلب، مع الاعتماد على الأشكال والأسهم والحركات لتبسيط المعلومة. ويمكن استخدام الفكرة نفسها في مجالات الطب، والعلوم، والهندسة، والتدريب.
كما تم استخدام Fable 5 في إعداد فيديو تعليمي عن الذكاء الاصطناعي التوليدي، بالإضافة إلى إنشاء عرض تقديمي متحرك للمعلمين. وتوضح هذه التجارب أن الأداة ليست مخصصة للإعلانات فقط، بل يمكن أن تكون مفيدة في التعليم، وشرح المفاهيم، وتصميم المحتوى التدريبي.
رغم سهولة الاستخدام، تعتمد جودة النتيجة بشكل كبير على جودة الأمر النصي. كلما كان الوصف أكثر وضوحًا، وحدد الألوان، ونوع الحركة، وأسلوب التصميم، وترتيب العناصر، كانت النتيجة أقرب إلى المطلوب.
بشكل عام، يقدم Fable 5 طريقة مرنة لتجربة أفكار الأنيميشن والموشن جرافيك بسرعة. وقد لا يغني بالكامل عن برامج التصميم الاحترافية في المشروعات المعقدة، لكنه يساعد في اختصار الوقت، وإنشاء نماذج أولية، وتحويل الأفكار إلى محتوى بصري جذاب.
شاهد الفيديو للتعرف على التجارب والنتائج العملية خطوة بخطوة، واكتشاف الاستخدام المناسب لك.
الأوامر المستخدمة في الفيديو:
فيديو Kinetic Typography
أنشئ فيديو Kinetic Typography مدته 30 ثانية باستخدام النص التالي: “الذكاء الاصطناعي لا يستبدل الإبداع. لكنه يغيّر النقطة التي يبدأ منها الإبداع. تتحول الصفحة الفارغة إلى محادثة. وتتحول المسودة الأولى إلى تجربة. ويمكن لفكرة واحدة أن تتحول إلى نصوص وصور وصوت وأنيميشن وتجربة كاملة.” الأسلوب: – تصميم سينمائي يعتمد على الخطوط. – خلفية داكنة. – نصوص بيضاء كبيرة. – إبراز بعض الكلمات بإضاءة سماوية وخضراء. – إيقاع بصري قوي. – تصميم تحريري نظيف. – عدم استخدام صور أو أشخاص. الحركات: – تخصيص حركة مختلفة لكل جملة. – إظهار الكلمات بالتتابع. – استخدام التكبير والتصغير. – استخدام Blur وMasking. – تغيير المسافات بين الحروف. – تحويل كلمات: “نصوص، صور، صوت، أنيميشن” إلى رموز بصرية مناسبة. اختم بعبارة: “فكرة واحدة… أشكال متعددة.” المخرجات: – دقة 1920×1080. – مرجع توقيت بسرعة 30 إطارًا في الثانية. – تشغيل وإيقاف وإعادة تشغيل. – شريط زمني. – وضع تصدير بدون أزرار. – توقيتات دقيقة لمزامنة التعليق الصوتي. – تنفيذ المشروع كأنيميشن يعمل في المتصفح.
فيديو إعلان القهوة
تصرّف كمخرج إعلانات احترافي، ومصمم موشن جرافيك، ومصمم منتجات ثلاثية الأبعاد، ومتخصص في الإعلانات السينمائية الفاخرة. أنشئ إعلانًا متحركًا احترافيًا لمنتج قهوة يحمل اسم: “Maro” مدة الإعلان: من 25 إلى 30 ثانية. المقاس الأساسي: 16:9 بدقة 1920×1080، مع تصميم قابل للتكييف لاحقًا إلى 9:16 و1:1. الهدف: تقديم Maro كعلامة قهوة عصرية وفاخرة تجمع بين المذاق الغني، الطاقة، واللحظة الهادئة التي يبدأ بها اليوم. الفئة المستهدفة: الشباب، الموظفون، الطلاب، وصناع المحتوى الذين يحبون القهوة ويبحثون عن منتج عصري ذي هوية بصرية مميزة. الرسالة الرئيسية: “Maro… بداية تستحقها كل يوم.” الأسلوب البصري: • إعلان سينمائي فاخر. • خلفيات داكنة بدرجات الأسود والبني الداكن. • لمسات نحاسية وذهبية. • إضاءة دافئة مستوحاة من لون القهوة. • بخار ناعم ومتحرك. • قطرات قهوة بطيئة الحركة. • تصوير المنتج بأسلوب Premium Product Commercial. • تفاصيل واضحة لعبوة القهوة. • استخدام عمق مجال سينمائي. • تجنب ازدحام المشاهد. • عدم استخدام أكثر من ثلاثة عناصر رئيسية في كل لقطة. تصميم المنتج: أنشئ عبوة قهوة أصلية وحديثة تحمل اسم “Maro” بشكل واضح. مواصفات العبوة: • عبوة قهوة فاخرة بلون أسود مطفي. • شعار Maro باللون الذهبي أو النحاسي. • تصميم بسيط وأنيق. • إضافة رسم صغير لحبوب القهوة. • عدم تقليد أي علامة تجارية حقيقية. • الحفاظ على ثبات شكل العبوة والشعار في جميع المشاهد. • كتابة اسم المنتج بشكل صحيح: Maro. التسلسل الزمني للإعلان: المشهد الأول — من 0 إلى 3 ثوانٍ: شاشة داكنة بالكامل. تظهر حبة قهوة واحدة ببطء داخل شعاع ضوء دافئ. تدور الحبة في الهواء مع ظهور جزيئات خفيفة حولها. يظهر نص صغير: “كل يوم يبدأ بلحظة…” الحركة: • حركة كاميرا بطيئة. • إضاءة تظهر تدريجيًا. • صوت سقوط خفيف مقترح لحبة القهوة. المشهد الثاني — من 3 إلى 7 ثوانٍ: تسقط حبوب القهوة داخل مشهد سينمائي بالحركة البطيئة. تتحرك الكاميرا بين الحبوب وكأنها تمر داخل عالم من القهوة. تظهر تفاصيل الحبوب وملمسها بوضوح. الحركة: • Slow Motion. • Parallax. • دوران بسيط للكاميرا. • إضاءة جانبية ذهبية. المشهد الثالث — من 7 إلى 12 ثانية: تتحول حبوب القهوة تدريجيًا إلى مسحوق قهوة ناعم. ينساب المسحوق في حركة دائرية، ثم يتحول إلى تيار قهوة ساخنة. تسقط القهوة داخل كوب زجاجي أنيق. أظهر: • تدفق القهوة. • تموجات السائل. • انعكاسات الضوء. • البخار المتصاعد. المشهد الرابع — من 12 إلى 17 ثانية: لقطة مقربة جدًا لسطح القهوة. يتشكل سطح القهوة بطريقة فنية، ثم يظهر اسم: “Maro” داخل دوامة القهوة أو من خلال البخار. استخدم انتقال Morph سلسًا بين السائل والشعار. يظهر النص: “مذاق غني” ثم: “رائحة لا تُنسى” المشهد الخامس — من 17 إلى 22 ثانية: تظهر عبوة Maro واقفة فوق سطح داكن لامع. يوجد بجانبها كوب القهوة وحبات قليلة متناثرة. تتحرك الكاميرا حول المنتج بحركة نصف دائرية. استخدم: • انعكاسًا ناعمًا أسفل العبوة. • إضاءة خلفية ذهبية. • بخارًا متحركًا. • قطرات ماء بسيطة على الكوب. • عمق مجال سينمائي. المشهد السادس — من 22 إلى 27 ثانية: تظهر العبوة في منتصف الشاشة. يتحرك الشعار إلى الأمام بطريقة بسيطة وفاخرة. يظهر النص الرئيسي: “Maro” ثم يظهر الشعار التسويقي: “بداية تستحقها كل يوم.” أضف زرًا بصريًا أو نصًا نهائيًا: “اكتشف مذاق Maro” المشهد الأخير — من 27 إلى 30 ثانية: لقطة ثابتة للمنتج مع حركة بخار ناعمة. تظهر حبة قهوة بجانب العبوة. تخف الإضاءة تدريجيًا مع بقاء اسم Maro مضيئًا. متطلبات الحركة: • استخدام Smooth Easing. • استخدام حركة كاميرا سينمائية. • تجنب الحركات السريعة والمشتتة. • استخدام الحركة البطيئة في سقوط الحبوب والقهوة. • تحريك البخار والجزيئات بصورة واقعية. • استخدام Mask Reveal وMorph وLight Sweep. • إضافة انعكاسات ضوئية تمر فوق العبوة. • جعل انتقالات المشاهد سلسة ومترابطة. • عدم تغيير شكل العبوة بين المشاهد. المؤثرات الصوتية المقترحة: • صوت سقوط حبة قهوة. • صوت انسكاب القهوة. • صوت بخار هادئ. • مؤثر Whoosh بسيط عند ظهور الشعار. • موسيقى خلفية هادئة وفاخرة بإيقاع تدريجي. • عدم استخدام موسيقى صاخبة. النصوص الظاهرة داخل الإعلان: 1. “كل يوم يبدأ بلحظة…” 2. “مذاق غني” 3. “رائحة لا تُنسى” 4. “Maro” 5. “بداية تستحقها كل يوم.” 6. “اكتشف مذاق Maro” متطلبات الخطوط: • استخدام خط عربي حديث وواضح. • استخدام خط إنجليزي بسيط وفاخر لكلمة Maro. • عدم استخدام أكثر من نوعين من الخطوط. • كتابة النصوص بحجم كبير مناسب للشاشات. • المحافظة على تباين واضح بين النص والخلفية. المتطلبات التقنية: • أنشئ الإعلان كتجربة متحركة كاملة تعمل داخل المتصفح. • استخدم HTML وCSS وJavaScript وSVG أو Canvas. • يمكن استخدام Three.js عند إنشاء المنتج ثلاثي الأبعاد. • أضف وضع تشغيل تلقائي. • أضف زر تشغيل وإيقاف وإعادة تشغيل. • أضف شريط تقدم. • أضف وضع Recording Mode يخفي جميع الأزرار. • اجعل توقيت الإعلان ثابتًا عند كل تشغيل. • حسّن الأداء ليعمل بسلاسة. • لا تستخدم ملفات أو مكتبات غير متاحة. • لا تعتمد على صور خارجية غير مضمونة. • أنشئ جميع العناصر بصورة أصلية. أنشئ أيضًا ثلاث نسخ: 1. نسخة 16:9 لإعلانات يوتيوب. 2. نسخة 9:16 لفيديوهات Reels وShorts. 3. نسخة 1:1 لمنشورات فيسبوك وإنستغرام. في النسخة الرأسية: • ضع العبوة في منتصف التصميم. • استخدم نصوصًا كبيرة وقصيرة. • حافظ على العناصر المهمة داخل Safe Zone. • لا تضع النصوص بالقرب من أعلى أو أسفل الشاشة. قبل تقديم النتيجة: • اختبر كل المشاهد. • تأكد من كتابة Maro بشكل صحيح. • تأكد من ثبات تصميم العبوة. • راجع التوقيت. • أصلح أي أخطاء في الحركة. • اختبر عدم تداخل النصوص. • تأكد من وضوح المنتج. • اجعل أول ثلاث ثوانٍ جذابة جدًا. • قدّم المشروع كاملًا، وليس مجرد Storyboard أو نموذج أولي.
محاكاة تعليمية لعمل القلب:
أنشئ محاكاة تعليمية تفاعلية تشرح كيف يتحرك الدم داخل قلب الإنسان.
الجمهور:
الطلاب من عمر 12 إلى 16 سنة.
يجب أن تحتوي المحاكاة على المراحل التالية:
1. دخول الدم غير المؤكسج من الوريد الأجوف.
2. انتقاله إلى الأذين الأيمن.
3. مروره عبر الصمام ثلاثي الشرفات.
4. دخوله إلى البطين الأيمن.
5. خروجه عبر الشريان الرئوي إلى الرئتين.
6. عودة الدم المؤكسج عبر الأوردة الرئوية.
7. دخوله إلى الأذين الأيسر.
8. مروره عبر الصمام الميترالي.
9. دخوله إلى البطين الأيسر.
10. خروجه عبر الشريان الأورطي.
المتطلبات البصرية:
- تصميم مبسط وواضح للقلب.
- استخدام اللون الأزرق للدم غير المؤكسج.
- استخدام اللون الأحمر للدم المؤكسج.
- تسمية حجرات القلب والصمامات والأوعية الدموية.
- إضافة مفتاح للألوان.
- تجنب الصور الطبية المزعجة.
- استخدام جزيئات دم متحركة داخل المسارات الصحيحة.
التفاعل:
- تشغيل الدورة كاملة.
- إيقاف مؤقت.
- إعادة تشغيل.
- الانتقال إلى الخطوة التالية.
- العودة إلى الخطوة السابقة.
- الضغط على أي جزء من القلب لإبرازه.
- تشغيل أو إخفاء التسميات.
- التحكم في السرعة.
- عرض شرح قصير لكل مرحلة.
الحركة:
- تحريك فتح وإغلاق الصمامات.
- استخدام حركة بسيطة لتمثيل انقباض القلب.
- مزامنة تدفق الدم مع نبض القلب.
- استخدام انتقالات تعليمية سلسة.
المتطلبات التقنية:
- إنشاء المحاكاة في ملف HTML مستقل.
- استخدام SVG لرسم القلب.
- دعم الكمبيوتر والهاتف والتابلت.
- إضافة وضع اختبار مكون من خمسة أسئلة.
- توضيح أي تبسيط بصري تم استخدامه.
العرض التقديمي المتحرك:
أنشئ عرضًا تقديميًا عربيًا متحركًا واحترافيًا بعنوان:
“كيف يعمل الذكاء الاصطناعي التوليدي؟”
الجمهور المستهدف:
المبتدئون والطلاب وصناع المحتوى الذين لا يمتلكون خلفية تقنية.
يتكون العرض من 9 شرائح:
1. شريحة افتتاحية سينمائية.
2. ما المقصود بالذكاء الاصطناعي التوليدي؟
3. كيف يتعلم النموذج؟
4. ما المقصود بالبيانات والتدريب؟
5. كيف يفهم النموذج الأمر النصي؟
6. كيف يولد النصوص؟
7. كيف يولد الصور؟
8. أهم الاستخدامات والمخاطر.
9. خلاصة مرئية.
متطلبات التصميم:
- دعم كامل للغة العربية.
- استخدام اتجاه الكتابة من اليمين إلى اليسار RTL.
- استخدام خط عربي واضح وحديث.
- خلفية داكنة بتدرجات الأزرق والأسود.
- لمسات ضوئية خضراء مستوحاة من تقنيات الذكاء الاصطناعي.
- عدم وضع أكثر من ثلاثة عناصر رئيسية في كل شريحة.
- استخدام مخططات ورسومات توضيحية أصلية.
- كتابة عناوين كبيرة وقصيرة.
- تجنب الفقرات الطويلة.
الحركات:
- تحريك الكلمات المهمة بالتتابع.
- بناء المخططات خطوة بخطوة.
- تحريك الأسهم ومسارات البيانات.
- استخدام Mask Reveal وMorph وParallax.
- إضافة انتقالات سلسة بين الشرائح.
- عدم تحريك كل شيء في الوقت نفسه.
- المحافظة على سهولة قراءة النص أثناء الحركة.
المخرجات:
- ملف HTML واحد يعمل مباشرة في المتصفح.
- مقاس 16:9.
- أزرار التالي والسابق.
- تشغيل تلقائي وإيقاف مؤقت.
- زر إعادة تشغيل.
- دعم لوحة المفاتيح.
- مؤشر تقدم.
- وضع ملء الشاشة.
- إمكانية حفظ كل شريحة كصورة.
- كتابة نص تعليق صوتي قصير لكل شريحة.
اختبر المشروع بالكامل، وأصلح أي مشكلة في اتجاه اللغة العربية أو تداخل النصوص قبل تقديم النتيجة.
عمل فيديو Storyboard
تصرّف كمنتج أفلام وثائقية، وباحث، وكاتب سكريبت، ومصمم Storyboard، ومصمم موشن جرافيك، ومونتير، ومطور أنيميشن للويب. أنشئ فيلمًا وثائقيًا بصريًا مدته ثلاث دقائق بعنوان: “كيف يغيّر الذكاء الاصطناعي التعليم؟” يجب أن يتضمن: – سؤالًا افتتاحيًا جذابًا. – شرحًا متوازنًا للفرص. – التعلم المخصص. – أدوات مساعدة المعلمين. – تحسين الوصول لذوي الاحتياجات المختلفة. – مخاطر الدقة. – الخصوصية. – الاعتماد الزائد على الأدوات. – عدم المساواة في الوصول إلى التكنولوجيا. – خاتمة متوازنة. – سؤالًا أخيرًا للجمهور. سير العمل: 1. افصل الحقائق المؤكدة عن الآراء والتوقعات. 2. أنشئ قائمة بالمعلومات التي تحتاج إلى مصادر. 3. اكتب نص التعليق الصوتي. 4. قسّم النص إلى مشاهد مع التوقيت. 5. أنشئ Storyboard بصريًا. 6. أنشئ العناوين والمخططات والرسوم والحركات. 7. أضف أماكن مخصصة للقطات الخارجية. 8. أنشئ نسخة متحركة تعمل في المتصفح. 9. أضف الترجمة النصية. 10. نفذ مراجعة جودة كاملة. الأسلوب: – وثائقي تعليمي حديث. – مزيج من Kinetic Typography والمخططات والواجهات والرسوم البيانية. – مقاس 16:9. – عدم اختراع اقتباسات. – عدم اختراع إحصائيات. – توضيح الأمثلة الافتراضية. – المحافظة على لغة محايدة ومتوازنة. أضف: – تشغيل وإيقاف. – إعادة تشغيل. – شريطًا زمنيًا. – الانتقال بين المشاهد. – إظهار وإخفاء الترجمة. – لوحة لنص التعليق الصوتي. – وضع تصدير. – سرعات 0.5x و1x و2x. لا تتوقف عند مرحلة التخطيط. أنشئ التنفيذ الكامل وأصلح جميع الأخطاء.
