- Tworzenie niestandardowego suwaka UI w After Effects, z granicami, z wykorzystaniem funkcji Clamp().
Tworzenie niestandardowego suwaka UI w After Effects, z granicami, z wykorzystaniem funkcji Clamp().
Jeśli chcesz lepiej zrozumieć wyrażenia After Effects, wyrażenie clamp() może być świetnym miejscem do rozpoczęcia pracy. Naprawdę łatwo jest zrozumieć, jak ta funkcja działa w After Effects, a ucząc się jej, możesz mieć łatwy fundament języka, którego będziesz potrzebować.do przodu.
A TERAZ PRZEJDŹMY DO INTERESÓW!
Najpierw zbudujmy nasze środowisko, aby skonfigurować prosty rig suwaka. Po skonfigurowaniu suwaka w panelu kompozycji możemy zacząć dodawać wyrażenia, aby uczynić UI funkcjonalnym. Posiadanie suwaka wewnątrz panelu kompozycji pomoże ci przetestować, jak wyglądają twoje warstwy z rigiem przed przejściem do fazy animacji.
Do tego rigged slidera użyjemy dwóch różnych typów wyrażeń. Nauczymy się jak używać wyrażenie liniowe i jak korzystać z ekspresja klamrowa .
![](/wp-content/uploads/history/456/vv7xv89iwz.gif)
Konfiguracja funkcji CLAMP()
Zacznijmy od ustawienia funkcji clamp na elementach ruchomych dla suwaka. Naszym celem jest, aby okrąg w naszym przykładzie nie poruszał się dalej niż linia pod nim. Pomyślmy o linii jako o torze, a my chcemy, aby okrąg pozostał na tym torze.
Przesuń element przesuwny tak daleko w lewo, jak chcesz. Spójrz na wartość pozycji X i zanotuj ją. Następnie przesuń element przesuwny aż do prawej strony i zanotuj również tę wartość. Zapisz również pozycję Y.
Teraz przejdźmy do pisania wyrażenia. Zdefiniujmy naszą pierwszą zmienną "x", a następnie wpiszmy funkcję "clamp()". After Effects będzie szukał w nawiasie trzech informacji. Po pierwsze, z jakiego wejścia ma odczytać informacje. Po drugie, minimalną dozwoloną wartość. Wreszcie, maksymalną dozwoloną wartość.
x = clamp(input,min,max);
Ustaw pierwszą wartość w tablicy, przeciągając pick-whip na wartość X we właściwości position. To jest wejście, które After Effects będzie czytać.
![](/wp-content/uploads/history/456/vv7xv89iwz-1.gif)
Następnie wpisz współrzędne X, które zapisałeś wcześniej. Najpierw wartość najbardziej wysuniętą w lewo, a następnie przecinek. Następnie pozycję X najbardziej wysuniętą w prawo. Teraz powinny być trzy wartości wypełnione pomiędzy nawiasami. Zakończ tę linię wpisując średnik ( ;) aby powiedzieć After Effects, że skończyłeś.
x = clamp(transform.position[0],400,800);
After Effects został poinstruowany jak będziemy używać pozycji X, a następnie chcemy zdefiniować jak ma działać pozycja Y. Przejdź do następnej linii i wpisz y = (tu wstawić zapisaną pozycję Y), aby zablokować pozycję Y przed poruszaniem się w górę lub w dół.
x = clamp(transform.position[0], 400, 800);
y = 800;
Na koniec, i co najważniejsze, musimy zawinąć to wyrażenie i powiedzieć After Effects, jakie są teraz X i Y. Mimo, że wyrażenie można odczytać, będzie ono szukało dwóch wartości, aby wypełnić wartości pozycji X i Y. Dzieje się tak dlatego, że zaczęło się od dwóch wartości i teraz potrzebuje twojej pomocy w zawinięciu twojego wyrażenia i wskazaniu mu, jakie są te dwie wartości. Tak więc, pamiętaj o tychPowiedzmy After Effects, żeby je wykorzystał.
x = clamp(transform.position[0], 400, 800);
y = 800;
[x,y];
// Lub działa również następujące rozwiązanie
x = clamp(wartość[0], 400, 800);
y = 800;
[x,y];
Upewnij się, że pozycja Y nie porusza się w górę i w dół, a pozycja X powinna zatrzymać się na minimalnej i maksymalnej wartości, którą podałeś w funkcji clamp().
![](/wp-content/uploads/history/456/vv7xv89iwz-2.gif)