ایجاد یک لغزنده رابط کاربری سفارشی در After Effects، با مرزها، با استفاده از تابع Clamp().
نشان دادن نحوه ساخت انیمیشن های شما می تواند به کار شما حس حرفه ای خوبی بدهد. و به عنوان یک امتیاز، اگر سعی می کنید عبارات After Effects را بهتر درک کنید، عبارت clamp() می تواند یک مکان عالی برای شروع باشد. درک نحوه عملکرد این عملکرد در After Effects واقعا آسان است و با یادگیری آن می توانید پایه و اساس زبانی را که برای حرکت رو به جلو به آن نیاز دارید داشته باشید.
اکنون، بیایید به تجارت بیاییم!
ابتدا، بیایید محیط خود را برای راه اندازی یک دکل کشویی ساده بسازیم. هنگامی که نوار لغزنده را در پانل ترکیب بندی تنظیم کردیم، می توانیم شروع به اضافه کردن عبارات برای کاربردی کردن رابط کاربری کنیم. وجود یک نوار لغزنده در پانل ترکیب بندی به شما کمک می کند قبل از رفتن به مرحله انیمیشن، نحوه ظاهر لایه های تقلبی خود را آزمایش کنید.
برای این نوار لغزنده تقلبی ما از دو نوع عبارت مختلف استفاده می کنیم. ما یاد خواهیم گرفت که چگونه از عبارت خطی و چگونه از عبارت گیره استفاده کنیم.
![](/wp-content/uploads/history/456/vv7xv89iwz.gif)
تنظیم CLAMP() تابع
بیایید با تنظیم عملکرد گیره روی عناصر متحرک برای نوار لغزنده شروع کنیم. هدف ما این است که دایره در مثال ما بیشتر از خط زیر آن حرکت نکند. خط را به عنوان مسیر در نظر بگیرید، و ما میخواهیم دایره در مسیر باقی بماند.
عنصر لغزنده خود را تا آنجا جابجا کنیدهمانطور که شما می خواهید آن را ترک کنید. به مقدار موقعیت X نگاه کنید و این را یادداشت کنید. سپس عنصر کشویی خود را تا انتها به سمت راست حرکت دهید و این مقدار را نیز یادداشت کنید. همچنین، پیش بروید و موقعیت Y را نیز یادداشت کنید.
اکنون، بیایید به نوشتن عبارت بپردازیم. اولین متغیر خود را "x" تعریف کنید و سپس تابع "clamp()" را تایپ کنید. After Effects در داخل پرانتز به دنبال سه اطلاعات خواهد بود. اول، ورودی باید خواندن اطلاعات از آن باشد. دوم، حداقل مقدار مجاز. در نهایت، حداکثر مقدار مجاز است.
x = clamp(input,min,max)؛
اولین مقدار را در آرایه با کشیدن pick-whip به مقدار X در موقعیت تنظیم کنید. ویژگی. این ورودی است که قرار است After Effects خوانده شود.
![](/wp-content/uploads/history/456/vv7xv89iwz-1.gif)
بعد، X Coordinates را که قبلاً نوشتید را تایپ کنید. ابتدا، دورترین مقدار به سمت چپ، و به دنبال آن یک کاما. سپس، موقعیت X دورترین سمت راست. اکنون باید سه مقدار بین پرانتزها پر شود. این خط را با تایپ نیم دونقطه ( ;) به پایان برسانید تا به افتر افکت بگویید کارتان تمام شده است.
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(value[0], 400, 800);
y = 800;
[x,y];
انجام شد! اگر به پنجره ترکیب بندی بروید، اکنون باید بتوانید عنصر کشویی را بگیرید و آن را به جلو و عقب بکشید. مطمئن شوید که موقعیت Y بالا و پایین نمیرود و موقعیت X باید در مقادیر حداقل و حداکثری که در تابع clamp() ارائه کردهاید متوقف شود.
![](/wp-content/uploads/history/456/vv7xv89iwz-2.gif)