حرّك شعارك باستخدام Claude Opus 5.5: مقدمة قصة في ست ثوانٍ

لماذا الشيفرة بدلاً من نموذج فيديو

يرسم نموذج الفيديو كل إطار على هيئة بكسلات، وقد يعيد رسم شعارك بشكل مختلف قليلاً في كل إطار. أما الشيفرة فتحرّك الأشكال المتجهية الحقيقية، فيكون الشعار في الإطار الأخير هو الشعار الذي أعطيته بالضبط، بألوانك نفسها تماماً، وبأي مقاس.

المقابل هو الأسلوب. فالحركة المبنية بالشيفرة نظيفة وهندسية: خطوط تُرسم، ومسح تدريجي، وارتداد، وتلاشٍ. أما المقطع الدخاني أو السينمائي أو الفوتوغرافي، فما زال نموذج الفيديو هو الأداة الأفضل له.

ابدأ بشعار متجهي نظيف

الحركة بالشيفرة تحتاج إلى أشكال، لا إلى بكسلات. شعارنا لمقهى Rook & Rabbit، وهو مقهى متخيَّل لألعاب الطاولة، وُلّد في Ciyo باستخدام GPT Image 2.5 Flare، ثم حُوّل إلى SVG بأداة Vector (التحويل المتجهي)، ونُظّف ليقتصر على لونين دقيقين: الأخضر الداكن #1F4D3A والكريمي #F3E9D2. ويضم الملف 52 مساراً.

إذا كان شعارك بصيغة PNG، فحوّله إلى متجهات أولاً. لا يستطيع Opus أن يحرّك إلا ما يستطيع فصله.

• استعد ألوان علامتك الدقيقة في شعار مولَّد بالذكاء الاصطناعي

الموجز: سمِّ كل حالة وتوقيتها

أرفقنا ملف SVG ووصفنا الثواني الست ثانيةً بثانية. فتسمية كل حالة وبدايتها ونهايتها هي الفرق بين رسم متحرك صالح للاستخدام وآخر مبهم.

حرّك الشعار المرفق لأول 6 ثوانٍ من قصة Instagram لمقهى Rook & Rabbit، وهو مقهى لألعاب الطاولة. اصنع ملف HTML واحداً مكتفياً بذاته، بمقاس 1080 x 1920، مع SVG مضمّن وCSS أو JavaScript، دون مكتبات أو خطوط خارجية. استخدم مسارات الشعار كما هي. الحركة: 0-1 ث شاشة كريمية؛ 1-2.5 ث يُرسم الخط الخارجي للقلعة؛ 2.5-3.5 ث تمتلئ باللون الأخضر؛ 3.5-4.5 ث تبرز أذنا الأرنب مع ارتداد صغير؛ 4.5-5.5 ث تظهر الكلمات تدريجياً صاعدةً من الأسفل؛ 5.5-6 ث ثبات. استخدم #1F4D3A و#F3E9D2 فقط. شغّل الحركة مرة واحدة، ثم توقف عند الإطار الأخير.

فحص إطاراته بنفسه وغيّر خطوة واحدة

استغرق Opus 5.5 نحو دقيقتين. بنى الملف، وحوّل إطارات اللحظات الأساسية إلى صور، ونظر إليها. ثم غيّر خطوة واحدة من تلقاء نفسه: كان الملء الأخضر يظهر بالتلاشي التدريجي، فنتج عنه أخضر باهت وسيط لمدة ثانية، فانتقل إلى مسح من الأسفل إلى الأعلى يُبقي الملء بلوني العلامة.

وحذف أيضاً الخلفية المربعة الكريمية للشعار، لأن الشاشة كريمية أصلاً، ووضع الشعار فوق المنتصف قليلاً ليترك مساحة لأزرار Instagram.

ما الذي قسناه في 181 إطاراً

عرضنا ملف HTML بمعدل 30 إطاراً في الثانية، وعددنا في كل إطار نسبة البكسلات التي تحمل لوني العلامة. لا تحتوي الشيفرة نفسها على أي لون آخر، و51 من مسارات الشعار الـ 52 لم تتغير (المسار الناقص هو الخلفية المربعة)، وتبدأ المراحل عند 1 و2.5 و3.5 و4.5 ثانية كما طلبنا في الموجز.

خلال رسم الخط والملء والأذنين، كان 99.4% على الأقل من كل إطار بألوان العلامة؛ والباقي حواف ناعمة. الانخفاض الوحيد في الكلمات: فهي تمر بلون أخضر باهت وهي تظهر تدريجياً، وعند 4.9 ثانية تكون 96.5% فقط من البكسلات دقيقة. هذا ما يفعله التلاشي، وموجزنا طلب تلاشياً. وقال ملخص Opus إن كل إطار يبقى بلونين فقط ما عدا الحواف؛ وهذا صحيح في الملء، لا في الكلمات التي تظهر تدريجياً.

حوّله إلى قصة وحافظ على هوية العلامة

النتيجة ملف HTML، لا فيديو. افتحه بمقاس 1080 × 1920 وسجّل الشاشة، أو حوّل الإطارات إلى صور واجمعها في ملف MP4. وقارن الإطار الأخير بملف شعارك قبل النشر.

إذا كانت لوحة الألوان الصارمة مهمة لك، فاطلب مسحاً وتحريكاً بدلاً من التلاشي، واذكر ذلك في الموجز. واحفظ الشعار والألوان والتوقيت في أمر واحد محفوظ، فيبدأ كل رسم متحرك لاحق من العلامة نفسها.

• هل يستطيع Claude Opus 5.5 توليد الصور؟
• هل يستطيع نموذج فيديو بالذكاء الاصطناعي تحريك فن البكسل؟
• Anthropic: تقديم Claude Opus 5.5