الأنيميشن والموشن جرافيك

الستوري بورد: تخطيط المشاهد قبل التحريك

خطوات عملية لتحويل السيناريو إلى لوحات مرسومة يفهمها الفريق والعميل، واكتشاف المشكلات حين يكون إصلاحها سهلًا، قبل أول إطار متحرك.

فريق ثيبس إنترناشيونالنُشر في 9 دقائق قراءة

الستوري بورد: تخطيط المشاهد قبل التحريك

الستوري بورد (Storyboard) سلسلة من الرسوم المتتابعة تمثّل مشاهد الفيديو بالترتيب، وتحت كل رسم ملاحظات عن الحركة والصوت والمدة. هو المرحلة التي يتحول فيها السيناريو المكتوب إلى صور، ويُكتشف فيها معظم المشكلات حين يكون إصلاحها بضعة خطوط بالقلم لا أيامًا من إعادة التحريك. ولا يحتاج رسمه إلى موهبة فنية كبيرة؛ فالوضوح أهم من الجمال. نشرح هنا الطريقة خطوة بخطوة، من الرسوم المصغرة إلى الأنيماتيك وإطارات الأسلوب واعتماد العميل.

لماذا لا تبدأ التحريك دون ستوري بورد؟

قد يبدو الستوري بورد خطوة إضافية في فيديو مدته 30 ثانية، لكنه يوفر وقتًا أكثر مما يستهلك، لخمسة أسباب:

  • رؤية مشتركة: السيناريو نفسه يتخيله العميل بطريقة والمصمم بطريقة أخرى، والرسم يوحّد الصورة في أذهان الجميع.
  • تقدير الجهد بدقة: عدد اللوحات ودرجة تعقيدها يكشفان حجم العمل الحقيقي، فيصبح الجدول الزمني واقعيًّا. وهذا جزء أساسي من مراحل إنتاج فيديو الموشن جرافيك.
  • اختبار الفكرة: تظهر فورًا المشاهد المزدحمة بالنص، والمشاهد التي تحمل فكرتين، والجمل التي لا صورة لها.
  • توزيع العمل: يعرف الرسام ما العناصر التي يجب تصميمها، ويعرف المحرّك ما المطلوب في كل لقطة.
  • الحماية من إعادة العمل: الموافقة على اللوحات تسبق المرحلة الأغلى، وهي التحريك.

ما الذي تحتاجه قبل الرسم؟

  • سيناريو معتمد: ويُفضل أن يكون بصيغة العمودين (الصوت والصورة) كما في مقالة كتابة سيناريو الفيديو التوضيحي.
  • المقاس: 16:9 للموقع ويوتيوب، و9:16 للقصص والفيديو القصير، و1:1 أو 4:5 للمنشورات. إذا احتجت إلى أكثر من مقاس، فحدد المقاس الرئيسي ثم خطط لكيفية تكييف المشاهد في المقاسات الأخرى. وفي المقاس العمودي، راعِ المناطق الآمنة التي تغطيها أزرار المنصة ونصوصها أعلى الشاشة وأسفلها، وتحقق منها في أدلة المنصات الحالية.
  • مراجع بصرية: لوحة إلهام (Mood Board) بأمثلة للأسلوب والألوان والحركة.
  • دليل الهوية: الألوان والخطوط وقواعد استخدام الشعار، كما يحددها دليل الهوية.
  • تقدير للتوقيت: تسجيل صوتي تجريبي أو على الأقل مدة تقديرية لكل جملة.

الخطوة الأولى: الرسوم المصغرة (Thumbnails)

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

في المشاهد المهمة، كالافتتاحية وظهور المنتج والدعوة إلى الإجراء، ارسم بديلين أو ثلاثة واختر أوضحها. واسأل عند كل رسم:

  • أين تنظر العين أولًا، وإلى أين تنتقل بعدها؟
  • هل يحمل المشهد فكرة واحدة فقط؟
  • كيف يتصل هذا المشهد بالذي يليه؟

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

الخطوة الثانية: لوحات الستوري بورد (Panels)

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

ما يُكتب مع كل لوحة

الحقلمثال
رقم المشهد واللقطة3-1
التعليق الصوتي«مع تطبيق بارد، تحجز فنيًّا معتمدًا في خطوات قليلة.»
وصف الحدثالهاتف يدخل من أسفل الكادر ويظهر الشعار على شاشته
الكاميراتقريب بطيء نحو شاشة الهاتف
الحركةالأيقونات تظهر متدرجة من اليمين إلى اليسار
المؤثرات والموسيقىصوت نقرة خفيف، والموسيقى ترتفع قليلًا
المدة التقديرية3 ثوانٍ
الانتقال إلى اللوحة التاليةالدائرة الخلفية تتحول إلى زر الحجز

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

لغة الأسهم والرموز

  • سهم داخل الكادر: حركة عنصر من موضع إلى آخر.
  • خط منقط: مسار حركة منحنٍ أو معقد.
  • مستطيل داخل الكادر: الإطار الذي تنتهي إليه الكاميرا عند التقريب.
  • أسهم على حواف الكادر: تحريك الكاميرا أفقيًّا أو رأسيًّا.
  • أرقام صغيرة على المواضع: ترتيب ظهور العناصر المتعددة.

ضع مفتاحًا لهذه الرموز في الصفحة الأولى، حتى يقرأها الجميع بالطريقة نفسها.

الأنيماتيك (Animatic): الستوري بورد بالتوقيت الحقيقي

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

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

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

إطارات الأسلوب (Style Frames)

الستوري بورد يجيب عن سؤال «ماذا يحدث ومتى؟»، أما إطارات الأسلوب فتجيب عن «كيف سيبدو؟». وهي من إطارين إلى أربعة إطارات مصممة بالكامل بالدقة النهائية، مأخوذة من مشاهد مفتاحية مثل الافتتاحية ومشهد من طريقة العمل والدعوة إلى الإجراء، وتظهر فيها الألوان والخطوط وأسلوب الرسم والخامات والإضاءة كما ستكون في الفيديو.

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

الاعتمادات قبل التحريك

يمر المشروع المنظم بسلسلة موافقات، لكل منها موضوع محدد:

  1. السيناريو: اعتماد النص والرسالة.
  2. الستوري بورد: اعتماد المحتوى وترتيب المشاهد وعددها.
  3. إطارات الأسلوب: اعتماد الشكل النهائي.
  4. الأنيماتيك مع التعليق النهائي: اعتماد الإيقاع والتوقيت.
  5. بعدها فقط يبدأ التحريك.

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

اعتبارات عربية وثنائية اللغة

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

أدوات الستوري بورد

الأداة أقل أهمية من الوضوح والمقاس الصحيح. الخيارات الشائعة: الورق والقلم مع قوالب مطبوعة، وتطبيقات الرسم على الأجهزة اللوحية مثل Procreate، وPhotoshop، وبرامج متخصصة مثل Storyboard Pro. وفي مشروعات الموشن جرافيك البسيطة يكفي أحيانًا بناء اللوحات بالأشكال والنصوص في Illustrator أو Figma أو حتى في برنامج عروض تقديمية. ولمن يعمل في المونتاج أيضًا، فإن فهم الإيقاع وبناء المشهد في السرد في المونتاج يفيد كثيرًا عند ترتيب اللوحات.

أخطاء شائعة

  • تخطي الستوري بورد لأن الفيديو «قصير».
  • الرسم بتفاصيل كثيرة في وقت مبكر، ثم التردد في تغيير ما استغرق وقتًا.
  • لوحات بلا ملاحظات عن الصوت والمدة.
  • الرسم بمقاس غير مقاس الفيديو النهائي.
  • إهمال الانتقالات بين المشاهد.
  • اعتماد الستوري بورد دون أنيماتيك، ثم اكتشاف مشكلات الإيقاع أثناء التحريك.
  • عرض الرسوم على العميل دون شرح أنها تخطيطية.

قائمة تحقق قبل الانتقال إلى التحريك

  • هل رُسمت كل جمل السيناريو في لوحات، ولكل لوحة فكرة واحدة؟
  • هل اللوحات بالمقاس الصحيح مع مراعاة المناطق الآمنة؟
  • هل تحت كل لوحة ملاحظات الصوت والكاميرا والحركة والمدة؟
  • هل فُكّر في الانتقال بين كل مشهد والذي يليه؟
  • هل صُنع أنيماتيك بالتعليق النهائي وطابقت مدته المطلوب؟
  • هل اعتُمدت إطارات الأسلوب؟
  • هل روعي اتجاه الحركة ومساحة النص في النسخة العربية؟
  • هل الموافقات كلها مكتوبة؟

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

مقالات ذات صلة