دعونا نتحدث عن الواجب المنزلي للفصل الأخير أولاً، الرسوم المتحركة الثلاثة التي طلبنا من الجميع القيام بها جميعها لها تأثيرات التلاشي والتلاشي، ولكن إذا نظرت عن كثب، ستجد الاختلافات.
تظهر الرسوم المتحركة الأولى تدريجيًا أثناء تحرك النص، ويكون النص أكثر وضوحًا عندما يكون في منتصف الحركة، ثم يختفي تدريجيًا أثناء تحركه. إذا كنت تستخدم انتقال الإطار لإجراء ذلك، فستحتاج إلى تحديد 3 إطارات رئيسية أولاً، ويجب أن يكون النص الموجود في الإطار الأول في الطرف الأيمن مع عتامة بنسبة 0% (أو يجب إخفاء الطبقة) في الإطار الثاني يكون في المنتصف بشفافية 100%؛ النص الموجود في الإطار 3 موجود في أقصى اليسار، وتعود العتامة إلى 0% (أو تخفي الطبقة). تقريبا كما هو مبين أدناه.
ثم انتقل بين الإطار 12 والإطار 23 على التوالي، مع إضافة حوالي 5 إطارات لكل منهما. يمكن ضبط وقت تأخير الإطار بنفسك. في هذه الرسوم المتحركة، يتلاشى النص للداخل والخارج بالتزامن مع الحركة. تتغير الشفافية طوال الحركة.
في الرسم المتحرك الثاني، يظل النص ثابتًا عندما يتلاشى في أقصى اليمين، ويبدأ في التحرك بعد أن يصبح مرئيًا بالكامل. وبعد الانتقال إلى أقصى اليسار، يتلاشى وهو ساكن. ثم يجب أن تكون إطاراتها الرئيسية 4 إطارات، تقريبًا كما هو موضح في الصورة اليسرى أدناه. ما عليك سوى ضبط الانتقال بين هذه الإطارات الأربعة على التوالي.
على الرغم من أنه يمكن تعيين العدد المحدد لإطارات الانتقال بشكل تعسفي، فمن منظور التصميم، يجب أن يكون الانتقال بين الإطار 12 والإطار 34 أقل، حوالي 3 إلى 4 إطارات. ينبغي أن يكون هناك انتقالات أكثر نسبيا بين الإطارات 23، حوالي 6 إلى 7 إطارات. وذلك لأنه عند التحرك على نفس المسافة، كلما قل عدد الإطارات، زادت سرعة الحركة لكل إطار، وكلما زاد عدد الإطارات، كانت الحركة أبطأ. وكما هو موضح في الصورة اليمنى بالأسفل هي مسافة حركة كل إطار وهي 3 إطارات، 4 إطارات، و7 إطارات. من الناحية النظرية، كلما زاد عدد الإطارات، كلما كانت الرسوم المتحركة أكثر ثراءً وتفصيلاً.
تعرض الرسوم المتحركة الخاصة بنا بشكل أساسي المحتوى النصي، حتى يتمكن المشاهدون من رؤيته بوضوح. إذا قمت بتعيين عدد إطارات التلاشي والتلاشي ليكون كبيرًا جدًا وعدد الإطارات المتحركة ليكون صغيرًا جدًا، فسيؤدي ذلك إلى إنشاء موقف حيث يتلاشى النص بدقة شديدة، ثم يتحرك بسرعة، ثم يتلاشى بدقة شديدة. ربما لا يزال بإمكان المشاهد فهم محتوى النص، لكن طريقة العرض هذه غير مناسبة. على الرغم من أن هذا قد يصبح في بعض الأحيان أسلوبًا غير تقليدي للتعبير.
لقد قمنا الآن بإنشاء حركتين حول نفس الموضوع، كلاهما بتأثيرات التلاشي والحركة، لكن كلاهما به عيوب تعبيرية. عيب الرسم المتحرك الأول هو أن انتقال العتامة طويل جدًا، ويكون النص مرئيًا بالكامل في إطار واحد فقط أثناء الرسم المتحرك بأكمله. لقد كانت شبه شفافة قبل وبعد. وهذا لا يؤكد على أهمية النص وقد يصعب على المشاهد قراءته.
قد تعتقد أن هذه المشكلة غير موجودة، لأن النص في الرسم المتحرك الأول يبدو واضحًا جدًا. لكننا نستخدم عتامة بنسبة 100% كحالة العرض النهائية. بهذه الطريقة، وفقًا للانتقال المكون من 5 إطارات، يكون لكل إطار زيادة قدرها 20%، أي أنه على الرغم من أن الإطار الأول يبلغ 0%، إلا أن الإطار الثاني يصل إلى 20%، لذلك لا توجد مشكلة في القراءة بشكل أساسي. إذا لم تكن العتامة النهائية في حالة أخرى 100%، بل 30% فقط أو أقل، فإن زيادة العتامة في كل إطار تصبح صغيرة جدًا، لذلك على الرغم من أن العتامة النهائية البالغة 30% كافية للقراءة، إلا أن التلاشي- في هذه العملية سيكون من الصعب رؤيتها بوضوح وتؤثر على القراءة. يمكنك ضبط معدل العتامة النهائي على 30%، أو 10%، وما إلى ذلك ثم حاول مرة أخرى.
في المقابل، تتجنب الرسوم المتحركة الثانية هذا العيب، فهي تجعل التلاشي والتلاشي منفصلين، ولا تبدأ في التحرك إلا بعد اكتمال التلاشي (يصل النص إلى حالة ظهوره النهائية)، مما يضمن بقاء النص دائمًا يحافظ على شكله الأصلي أثناء الحركة وحالته النهائية سواء كانت 100% أو 30% أو أياً كان. إلا أن لها عيبًا آخر أيضًا، وهو ثبات النص عند نقطة البداية ونقطة النهاية، مما يقضي على استمرارية الحركة.
نريد الآن دمج الاثنين معًا لإنشاء رسم متحرك له تأثير التلاشي والتلاشي ويمكنه أيضًا عرض النص بشكل أفضل. تتمثل الفكرة في إبقاء النص في الرسم المتحرك الأول متحركًا طوال العملية بأكملها، ولكن مع ضغط التلاشي والتلاشي في بضعة إطارات في البداية والنهاية، وذلك لضمان احتفاظ النص بمظهره النهائي خلال معظم الأوقات. من الحركة. كما هو موضح في الصورة اليسرى أدناه، تمثل الأسهم ذات الاتجاهين عمليات التلاشي والتلاشي. يعرض النصف العلوي الرسم المتحرك الأول ويمكن ملاحظة أن مجموع التلاشي والتلاشي يساوي الكل عملية الرسوم المتحركة. تظهر أدناه فكرتنا الحالية، حيث يشغل التلاشي الداخلي والتلاشي التدريجي نصف التسلسل بأكمله أو أقل. وهذا يسمح للنص بإكمال معظم حركته في مظهره النهائي.
يكون إعداد الإطار الرئيسي كما هو موضح في الصورة اليمنى أدناه، فقط قم بتعيين الانتقال في وقت إطارين متجاورين. على الرغم من أنه لا يمكن رؤية النص في الإطار 1، إلا أنه يمكنك معرفة أنه يقع في أقصى الطرف الأيمن من الشاشة، وفي الإطار 2، تم عرض النص بالكامل وتم نقل الموضع قليلاً إلى اليسار. بهذه الطريقة، يكمل انتقال الإطار 12 التغيير الكامل في العتامة ويكمل جزءًا صغيرًا من الحركة في نفس الوقت. بعد ذلك، يتحرك النص مسافة معينة (انتقال الإطار 23)، ثم يبدأ في التلاشي أثناء التحرك بالقرب من النهاية اليسرى (انتقال الإطار 34)، وهو عكس التلاشي للداخل.
أتساءل عما إذا كنت قد فكرت في مشكلة أخرى ستواجهك في إنتاج هذه الرسوم المتحركة، وهي كيفية التأكد من أن مسافة الحركة للإطار 12 تتوافق مع مسافة الإطار 23. التطابق هنا لا يعني التساوي، بل يعني أن المسافة التي يتحركها كل إطار هي نفسها، ولنفترض أن انتقال الإطار 12 هو 3 إطارات (ABC)، وانتقال الإطار 23 هو 6 إطارات (DEFGHI)، أي. ، 1ABC2DEFGHI3، إجمالي 12 إطارًا. ثم يجب أن تكون مسافة حركة النص في كل إطار من هذه الإطارات الـ 12 متساوية لتحقيق تأثير حركة أفضل. لكن الناس غالبًا ما يؤثرون على التقدم بسرعة في الأمام والتحرك ببطء في الخلف، أو التقدم ببطء في الأمام والتحرك بسرعة في الخلف، لأنهم لا يحكمون على مسافة الحركة بشكل كافٍ. يصعب حل هذه المشكلة ما لم تستخدم مسطرة لحساب المسافة بدقة، يمكنك فقط المحاولة عدة مرات للعثور على العدد الأنسب من إطارات الانتقال.
ما تحتاج إلى إتقانه في هذا الدرس هو كيفية التعامل مع التلاشي والتلاشي عند دمجه مع الحركة. أفضل طريقة هي استخدام عدد أقل من الإطارات لإكمال التلاشي للداخل والخارج مع الاستمرار في الحركة، مع الحفاظ على مسافة الحركة لكل إطار متشابهة. هذه العملية مرهقة بعض الشيء، لكن لا تقلق، سيكون هناك حل قريبًا.
anisample01.rar
نحن نقدم الملفات المصدر لصنع الرسوم المتحركة الثالثة هنا ( anisample01.rar )، لا أعتقد أن الجميع لا يستطيعون القيام بذلك، ولكن من أجل ضمان وحدة التدريس، نحتاج إلى استخدام هذه الرسوم المتحركة لمواصلة التعلم. يمكنك أيضًا استخدام عملك الخاص. لا يوجد واجب منزلي لهذا الفصل، ولكن هناك سؤال للتفكير، وهو كيفية إنشاء الرسوم المتحركة كما هو موضح أدناه مع الحفاظ على إعدادات الإطار العشرين الأصلية لـ anisample01.psd دون تغيير.
في القسم التالي، نقدم قيود الرسوم المتحركة للإطار الانتقالي .