Masz teraz większą elastyczność w personalizowaniu easingu dla każdego kroku animacji. Wcześniej dostępnych było pięć podstawowych typów wygładzania: Linear, Ease-In, Ease-Out, Ease-In-Out i Elastic-Fin. Teraz możesz ręcznie dostosować Easing, ustawić dokładne wartości dla tej funkcji, a także skorzystać z 24 nowych typów easingu.

Easing to zmiana prędkości ruchu elementu w ramach pojedynczej animacji, spowolnienie lub przyspieszenie. Nadaje obiektom niefizycznym właściwości fizyczne: autentyczność, charakter i dynamikę.

Ruch liniowy jest najbardziej nienaturalny. Wyobraź sobie, że prędkość elementu nie zmienia się przez całą animację, tak jakby nie było grawitacji i tarcia. Taka animacja będzie wyglądać sztucznie i niechlujnie.

Różne rodzaje easingu i możliwość ich modyfikacji za pomocą krzywych Beziera pozwalają eksperymentować z animacją w zależności od scenariusza i wybrać najlepsze ustawienia. Będzie to szczególnie istotne w przypadku projektów zawierających złożone, imponujące animacje.

1. Wybierz element i dodaj dla niego krok animacji.
2. Ustaw Move (lub dowolny inny parametr) i przejdź do Easing → Edit.
3. W tym miejscu można wybrać typ wygładzania z listy, zmodyfikować wygładzanie za pomocą krzywych Beziera lub ustawić dla niego dokładne wartości. Poniżej możesz uruchomić wzorzec animacji dla tego kroku, klikając ikonę odtwarzania.

Złagodzenie jest dostosowywane oddzielnie dla każdego kroku animacji.

Gdzie znaleźć edytor wygładzania: Animacja krok po kroku → Easing → Edytuj.