تحريك النصوص والشعارات: الطباعة الحركية وتحريك الشعار

الطباعة الحركية (Kinetic Typography) هي تحريك النص بحيث تحمل الحركة جزءًا من المعنى، فتظهر الكلمة المهمة أكبر وأسرع وفي لحظتها المناسبة مع الصوت. أما تحريك الشعار (Logo Animation) فهو إحياء علامة الشركة في ثوانٍ قليلة بطريقة تعبر عن شخصيتها وتنتهي بالشعار كما هو تمامًا. يجمع النوعين شرطان: الوضوح أولًا، والوفاء للهوية البصرية دائمًا. نشرح هنا التوقيت مع الصوت والموسيقى، وقواعد القراءة، وخصوصية الحروف العربية، وأنواع ظهور الشعار، وصيغ التسليم.

ما الطباعة الحركية ومتى تستخدمها؟

في الطباعة الحركية تصبح الكلمات هي الصورة. تستخدمها الشركات في مواضع كثيرة:

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

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

مزامنة النص مع الصوت والموسيقى

مع التعليق الصوتي

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

مع الموسيقى

الموسيقى تعطيك شبكة زمنية جاهزة. احسب عدد الإطارات في النبضة الواحدة بهذه المعادلة: (60 ÷ عدد النبضات في الدقيقة) × معدل الإطارات. مثال: مقطوعة إيقاعها 120 نبضة في الدقيقة تعني نبضة كل نصف ثانية، أي كل 12 إطارًا بمعدل 24 إطارًا في الثانية، أو كل 15 إطارًا بمعدل 30. بهذا الحساب تضع التغييرات الكبرى على النبضات القوية.

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

الوضوح أولًا: قواعد قراءة النص المتحرك

النص المتحرك الذي لا يُقرأ فشل مهما كان جميلًا. قواعد أساسية:

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

تحريك الحروف العربية واتجاه الحركة

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

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

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

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

تحريك الشعار: أنواع الظهور الشائعة

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

الاتساق مع الهوية البصرية

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

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

صيغ التسليم

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

أخطاء شائعة

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

قائمة تحقق عملية

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

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