ما هي الإطارات المفتاحية في الرسوم المتحركة؟

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

لذلك يُخطئ من يظن أن الإطارات المفتاحية في الرسوم المتحركة هي الحركة نفسها. هي نقاط تثبيت، والحركة هي ما يحدث بينها. والفرق بين محرر وآخر ليس في وجودها، بل في مقدار التحكم في ذلك الفراغ.

ما يخزّنه الإطار المفتاحي فعلاً

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

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

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

كيف تُحسب القيمة بين إطارين

في حالة الاستيفاء الخطي تتوزع القيمة بانتظام على الزمن. إذا بدأت من 0 عند الزمن 0 وانتهت عند 100 عند الثانية الثانية، فعند الثانية الأولى تكون 0 + (100 − 0) × (1 ÷ 2) = 50، وعند الثانية والنصف تكون 75. لا شيء غامض في الحساب، وهذا تحديداً سبب ظهوره بارداً في العين.

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

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

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

التسهيل يغيّر الإحساس لا المسافة النهائية

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

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

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

مثال يقرّب الفكرة. في خط زمني بمعدل 24 إطاراً في الثانية، تثبيت لمدة إطارين يساوي 2 ÷ 24 = 0.083 ثانية تقريباً. قصير جداً، لكنه كافٍ ليظهر كقطع لا كحركة متصلة.

ثلاثة أخطاء تصنع الفرق

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

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

الخطأ الثالث مقارنة هذه الإطارات بحركات CSS. التشابه في الاسم لا يعني إمكانية التبادل بين نموذجين مختلفين للحساب والزمن.

متى تستغني عن الإطار الثاني

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

من المفهوم إلى التحرير الفعلي

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

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