إنشاء شريط تمرير واجهة مستخدم مخصص في After Effects ، مع Boundaries ، باستخدام وظيفة Clamp ().
يمكن أن يمنح إظهار كيفية صنع الرسوم المتحركة عملك إحساسًا احترافيًا رائعًا. وكمكافأة ، إذا كنت تحاول فهم تعبيرات After Effects بشكل أفضل ، يمكن أن يكون تعبير clamp () مكانًا رائعًا للبدء. من السهل حقًا فهم كيفية عمل هذه الوظيفة داخل After Effects ، ومن خلال تعلمها يمكنك الحصول على أساس سهل للغة التي ستحتاجها للمضي قدمًا.
الآن ، لنبدأ العمل!
أولاً ، لنبني بيئتنا لإنشاء منصة تمرير بسيطة. بمجرد إعداد شريط التمرير في لوحة التكوين ، يمكننا البدء في إضافة تعبيرات لجعل واجهة المستخدم عملية. سيساعدك وجود شريط تمرير داخل لوحة التكوين الخاصة بك على اختبار كيف تبدو الطبقات المجهزة قبل الانتقال إلى مرحلة الرسوم المتحركة.
بالنسبة إلى شريط التمرير المزوَّد هذا ، سنستخدم نوعين مختلفين من التعبيرات. سنتعلم كيفية استخدام التعبير الخطي وكيفية استخدام تعبير clamp .
تخطيط عنصر واجهة المستخدمإعداد CLAMP () الوظيفة
لنبدأ بإعداد وظيفة المشبك على العناصر المتحركة لشريط التمرير. هدفنا هو جعل الدائرة في مثالنا لا تتحرك أبعد من الخط الموجود تحتها. فكر في الخط باعتباره المسار ، ونريد أن تظل الدائرة على المسار.
حرك العنصر المنزلق إلى مسافة بعيدة.غادر كما تريد أن يذهب. انظر إلى قيمة موضع X ودوِّن ذلك. ثم انقل العنصر المنزلق على طول الطريق إلى اليمين ولاحظ هذه القيمة أيضًا. أيضًا ، امض قدمًا وقم بتدوين الموضع Y أيضًا.
الآن ، دعنا نبدأ كتابة التعبير. حدد أول متغير "x" ثم اكتب الوظيفة "clamp ()". سوف يبحث After Effects في الأقواس عن ثلاث أجزاء من المعلومات. أولاً ، المدخلات التي يجب أن تقرأ المعلومات منها. ثانيًا ، الحد الأدنى للقيمة المسموح بها. أخيرًا ، الحد الأقصى للقيمة المسموح بها.
x = clamp (input، min، max)؛
اضبط القيمة الأولى في المصفوفة عن طريق سحب Pick-whip إلى قيمة X في الموضع منشأه. هذا هو الإدخال الذي ستقرأه After Effects.
انقر فقط ، ثم اضغط باستمرار ، ثم اسحب وأفلتبعد ذلك ، اكتب إحداثيات X التي كتبتها سابقًا. أولاً ، القيمة الأبعد إلى اليسار ، متبوعة بفاصلة. ثم ، الموضع X في أقصى اليمين. يجب الآن ملء ثلاث قيم بين القوسين. أنهِ هذا السطر بكتابة فاصلة منقوطة ( ؛) لإخبار After Effects بأنك انتهيت.
x = clamp (transform.position [0]، 400،800)؛
تم إرشاد After Effects حول كيفية استخدامنا للموضع X ، وبعد ذلك نريد تحديد كيفية عمل الموضع Y. انتقل إلى السطر التالي واكتب y = (أدخل الموضع Y المشار إليه هنا) لتأمين الموضع Y من التحرك لأعلى أو لأسفل.
x= clamp (transform.position [0]، 400، 800)؛
y = 800؛
أخيرًا ، والأهم من ذلك ، سنختتم هذا التعبير ونخبر After Effects ما X و Y هم الان. على الرغم من أنه يمكن قراءة التعبيرات ، فإنها ستبحث عن قيمتين لملء قيمتي الموضعين X و Y. هذا لأنه بدأ بقيمتين ويحتاج الآن إلى مساعدتك في إنهاء تعبيرك ، والإشارة إلى ماهية هاتين القيمتين. لذا ، تذكر تلك المتغيرات التي حددناها؟ دعنا نقول After Effects لاستخدام هؤلاء.
x = clamp (transform.position [0]، 400، 800)؛
y = 800؛
[x، y]؛
/ / أو ما يلي يعمل أيضًا
x = clamp (القيمة [0] ، 400 ، 800) ؛
y = 800 ؛
[x، y] ؛
تم! إذا انتقلت إلى نافذة التكوين ، فيجب أن تكون قادرًا الآن على انتزاع العنصر المنزلق وسحبه ذهابًا وإيابًا. تأكد من أن الموضع Y لا يتحرك لأعلى ولأسفل ، وأن موضع X يجب أن يتوقف عند الحد الأدنى والأقصى للقيم التي قدمتها في وظيفة clamp ().
هذا ما يبدو عليه لإظهار عملك الرائع !