Clamp() fonksiyonunu kullanarak After Effects'te Sınırlar ile Özel UI Kaydırıcısı Oluşturma.
Animasyonlarınızın nasıl yapıldığını göstermek, çalışmanıza güzel bir profesyonel his verebilir. Ve bonus olarak, After Effects ifadelerini daha iyi anlamaya çalışıyorsanız, clamp() ifadesi başlamak için harika bir yer olabilir. Bu işlevin After Effects içinde nasıl çalıştığını anlamak gerçekten kolaydır ve bunu öğrenerek hareket etmeniz gereken dilin kolay bir temeline sahip olabilirsiniz.İleri.
ŞIMDI, IŞE KOYULALIM!
İlk olarak, basit bir kaydırıcı teçhizatı kurmak için ortamımızı oluşturalım. Kaydırıcıyı kompozisyon panelinde kurduktan sonra, kullanıcı arayüzünü işlevsel hale getirmek için ifadeler eklemeye başlayabiliriz. Kompozisyon panelinizin içinde bir kaydırıcı olması, animasyon aşamasına geçmeden önce teçhizatlı katmanlarınızın nasıl göründüğünü test etmenize yardımcı olacaktır.
Bu hileli kaydırıcı için iki farklı ifade türü kullanacağız. doğrusal ifade ve nasıl kullanılacağını kelepçe ifadesi .
![](/wp-content/uploads/history/456/vv7xv89iwz.gif)
CLAMP() İşlevinin Kurulması
Kaydırıcı için hareketli öğeler üzerinde kıskaç işlevini ayarlayarak başlayalım. Amacımız, örneğimizdeki dairenin altındaki çizgiden daha fazla hareket etmemesini sağlamaktır. Çizgiyi ray olarak düşünün ve dairenin ray üzerinde kalmasını istiyoruz.
Kayar elemanınızı gitmesini istediğiniz kadar sola hareket ettirin. X konumu değerine bakın ve bunu not edin. Ardından kayar elemanınızı sonuna kadar sağa hareket ettirin ve bu değeri de not edin. Ayrıca, devam edin ve Y Konumunu da not edin.
Şimdi ifadeyi yazmaya başlayalım. İlk değişkenimiz olan "x "i tanımlayın ve ardından "clamp()" fonksiyonunu yazın. After Effects parantezler içinde üç bilgi arayacaktır. Birincisi, bilgi okuması gereken girdi. İkincisi, izin verilen minimum değer. Son olarak, izin verilen maksimum değer.
x = clamp(input,min,max);
Pick-whip'i position özelliğindeki X değerine sürükleyerek dizideki ilk değeri ayarlayın. After Effects'in okuyacağı girdi budur.
![](/wp-content/uploads/history/456/vv7xv89iwz-1.gif)
Ardından, daha önce yazdığınız X Koordinatlarını yazın. İlk olarak, en soldaki değer, ardından bir virgül. Sonra, en sağdaki X konumu. Şimdi parantezler arasında doldurulmuş üç değer olmalıdır. Bu satırı bir noktalı virgül ( ;) After Effects'e işinizin bittiğini söylemek için.
x = clamp(transform.position[0],400,800);
Effects'e X konumunu nasıl kullanacağımız konusunda talimat verildikten sonra, Y konumunun nasıl çalışması gerektiğini tanımlamak istiyoruz. Bir sonraki satıra gidin ve Y Konumunun yukarı veya aşağı hareket etmesini kilitlemek için y = (buraya not edilmiş Y Konumunu ekleyin) yazın.
x = clamp(transform.position[0], 400, 800);
y = 800;
Son olarak ve en önemlisi, bu ifadeyi tamamlayacağız ve After Effects'e X ve Y'nin ne olduğunu söyleyeceğiz. İfadeler okunabilse de, hem X hem de Y konum değerlerini doldurmak için iki değer arayacaktır. Bunun nedeni, iki değerle başlaması ve şimdi ifadenizi tamamlamak ve bu iki değerin ne olduğunu göstermek için yardımınıza ihtiyaç duymasıdır.Tanımladığımız değişkenler. After Effects'e bunları kullanmasını söyleyelim.
x = clamp(transform.position[0], 400, 800);
y = 800;
[x,y];
// Veya aşağıdakiler de işe yarar
x = clamp(değer[0], 400, 800);
y = 800;
[x,y];
Kompozisyon penceresine giderseniz, artık kayan öğeyi tutup ileri geri sürükleyebilmeniz gerekir. Y konumunun yukarı ve aşağı hareket etmediğinden ve X konumunun clamp() işlevinde sağladığınız minimum ve maksimum değerlerde durduğundan emin olun.
![](/wp-content/uploads/history/456/vv7xv89iwz-2.gif)