التوقيت والإيقاع ومنحنيات الحركة في الأنيميشن

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

الإطارات ومعدلات الإطارات

الإطار (Frame) صورة واحدة من سلسلة الصور التي تصنع الحركة، ومعدل الإطارات (Frame Rate) هو عدد هذه الصور في الثانية. أشهر المعدلات:

• 24 إطارًا في الثانية: الإحساس السينمائي التقليدي، وشائع في الأنيميشن المرسوم.
• 25 إطارًا في الثانية: معيار البث التلفزيوني في الدول التي تتبع نظام PAL.
• 30 إطارًا في الثانية (29.97 تقنيًا في البث): شائع في محتوى الإنترنت وفي الدول التي تتبع نظام NTSC.
• 60 إطارًا في الثانية: حركة أنعم، وتُستخدم في تسجيلات الشاشة والألعاب وبعض عروض الواجهات.

اختر المعدل في بداية المشروع والتزم به، واسأل الجهة العارضة (قناة أو منصة أو شاشة معرض) عن متطلباتها قبل البدء؛ فالتحويل بين 25 و30 بعد الانتهاء يسبب تقطعًا أو تكرارًا لبعض الإطارات. وتعوّد أن تفكر بالإطارات لا بالثواني: عند 25 إطارًا في الثانية يستمر الإطار الواحد 40 ميلي ثانية، ونصف الثانية يساوي 12 أو 13 إطارًا. وعند 24 إطارًا يستمر الإطار نحو 42 ميلي ثانية، وعند 60 إطارًا نحو 16.7 ميلي ثانية.

وفي الرسم اليدوي يُقال «على واحد» (On Ones) عندما يتغير الرسم في كل إطار، و«على اثنين» (On Twos) عندما يبقى الرسم الواحد إطارين. التحريك على اثنين شائع في حركات الشخصيات العادية، والتحريك على واحد مفضّل في الحركات السريعة وحركات الكاميرا التي يظهر فيها التقطع بوضوح.

التوقيت والمسافات (Timing & Spacing)

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

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

والتوقيت يعبّر عن الوزن والطبيعة والمزاج:

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

التسارع والتباطؤ (Easing)

التسهيل (Easing) هو طريقة تغيّر السرعة خلال الحركة. أنواعه الأساسية:

• الحركة الخطية (Linear): سرعة ثابتة من البداية إلى النهاية. تبدو آلية، لكنها مناسبة للحركات المستمرة مثل شريط نص متحرك، أو مروحة تدور، أو مؤشر تحميل دائري، أو عنصر يعبر الإطار دون أن يتوقف فيه.
• التباطؤ عند الوصول (Ease Out): يبدأ سريعًا ويبطئ قبل التوقف. مناسب للعناصر التي تدخل المشهد وتستقر في مكانها.
• التسارع عند الانطلاق (Ease In): يبدأ ببطء ثم يتسارع. مناسب للعناصر التي تغادر المشهد.
• الاثنان معًا (Ease In-Out): بطء في البداية والنهاية وسرعة في المنتصف. مناسب لعنصر ينتقل من مكان إلى آخر داخل الإطار.

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

محرر المنحنيات (Graph Editor)

كل برنامج تحريك جاد يضم محررًا يعرض الحركة رسمًا بيانيًا: الوقت على المحور الأفقي، والقيمة أو السرعة على المحور الرأسي. في Blender يعرض محرر المنحنيات ما يُسمى F-Curves، وفي Maya وAfter Effects يحمل اسم Graph Editor. وفي After Effects تحديدًا يمكنك التبديل بين نوعين من الرسوم:

منحنى القيمة (Value Graph)

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

منحنى السرعة (Speed Graph)

يعرض السرعة نفسها عبر الزمن. الحركة المسهَّلة تظهر كتلّة: ترتفع السرعة ثم تنخفض. القمة العالية الضيقة تعني حركة خاطفة حادة، والتلّة المنخفضة العريضة تعني حركة ناعمة هادئة. والمساحة تحت المنحنى تمثل المسافة المقطوعة، لذلك إذا رفعت القمة دون تغيير المسافة ضاق شكل التلّة.

المقابض والأبعاد المنفصلة

تتحكم مقابض بيزييه (Bezier Handles) في شكل المنحنى: كلما طال المقبض زاد تأثير التسهيل. وعند تحريك عنصر على مسار منحنٍ أو في قفزة، يساعدك فصل الأبعاد (تحريك المحورين الأفقي والرأسي كلٌّ على حدة) على ضبط كل محور بمنحنى مستقل، فتصنع أقواسًا وقفزات أكثر إقناعًا.

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

التجاوز والاستقرار (Overshoot & Settle)

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

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

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

التوقفات (Holds)

التوقف زمن يبقى فيه العنصر ثابتًا ليستوعب المشاهد ما رآه، ولا يقل أهمية عن الحركة نفسها. في محرر المنحنيات يظهر خطًا أفقيًا، ويمكن استخدام الإطار المفتاحي الثابت (Hold Keyframe) لتغيير القيمة فجأة دون أي انتقال.

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

الإيقاع ومزامنة الحركة مع الموسيقى

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

وعند العمل مع الموسيقى، احسب عدد الإطارات في كل نبضة:

عدد الإطارات في النبضة = معدل الإطارات × 60 ÷ عدد النبضات في الدقيقة (BPM)

• مقطوعة بسرعة 120 نبضة في الدقيقة عند 24 إطارًا في الثانية: 12 إطارًا لكل نبضة بالضبط.
• المقطوعة نفسها عند 25 إطارًا: 12.5 إطارًا، فتتناوب النبضات بين 12 و13 إطارًا.
• المقطوعة نفسها عند 30 إطارًا: 15 إطارًا لكل نبضة.

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

أخطاء شائعة وكيف تتجنبها

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

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

تمارين وقائمة تحقق

تمارين تبني حسّ التوقيت لديك:

1. حرّك مربعًا المسافة نفسها ثلاث مرات: خطيًا، ثم بتباطؤ عند الوصول، ثم بتجاوز واستقرار، وقارن الإحساس في كل مرة.
2. حرّك كرة ترتد ثلاث مرات، مع ارتفاع أقل وزمن أقصر في كل ارتداد.
3. اجعل شعارًا يسقط ويستقر في 20 إطارًا، ثم في 30 إطارًا، ولاحظ الفرق في الإحساس بالوزن.
4. زامن أربعة أشكال مع مقطوعة سرعتها 120 نبضة في الدقيقة.

وقبل التسليم، تحقق من النقاط التالية:

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