Progresywne rozmycie i gradienty w Hana

Otwórz Hana

Progresywne rozmycia zyskały popularność kilka lat temu wraz ze szklaną estetyką UI w iOS, a ostatnio przebiły się też do narzędzi do projektowania interfejsów. Wciąż jednak pozostawały głównie złożoną techniką, trudną do wykorzystania w motion designie czy w interaktywnych środowiskach czasu rzeczywistego.

Dziś wprowadzamy do Hana progresywne rozmycia w czasie rzeczywistym. Po raz pierwszy ten rodzaj rozmycia jest dostępny w czasie rzeczywistym, z intuicyjnymi ustawieniami i bez potrzeby wiedzy technicznej – wszystko na nieskończonej kanwie projektowej Hana.

Pobaw się poniższą sceną, aby zobaczyć, jak to działa.

Jak dodać progresywne rozmycie w Hana

Zaznacz dowolną warstwę i dodaj Layer Blur lub Background Blur. W obu przypadkach możesz wybrać, czy rozmycie ma być jednolite (Uniform), czy progresywne (Progressive).

Progresywne rozmycie działa bardzo podobnie do gradientu, ale zamiast koloru płynnie zmienia się między dwiema wartościami promienia rozmycia.

Gładkie gradienty w Hana

W Hana możesz teraz tworzyć gradienty. Do wyboru masz gradienty liniowe, radialne lub biegunowe, a ich położenie możesz dostosować bezpośrednio na kanwie.

Wprowadzamy też gładkie gradienty (Smooth Gradients), które używają interpolacji Smooth Step, by kolory przenikały się bardziej naturalnie. Większość narzędzi projektowych stosuje gradienty z interpolacją liniową, która daje typowe załamania przy każdym „punkcie” koloru gradientu.

Gładkie gradienty wprowadziliśmy kilka lat temu w edytorze 3D Spline, a teraz przenosimy je do Hana.

Import SVG i nie tylko

W ostatnich tygodniach wprowadziliśmy też kilka ulepszeń w Hana, w tym obsługę plików SVG (wystarczy je przeciągnąć i upuścić), lepszą wydajność i mniejszy rozmiar środowiska uruchomieniowego.

Dodaliśmy też kilka usprawnień na co dzień, w tym lepsze działanie próbnika kolorów, ulepszone narzędzia zaznaczania i wiele drobnych poprawek, by całość działała spójniej.

Wypróbuj teraz!

Oto plik Spline Hana, w którym poznasz możliwości progresywnego rozmycia i gradientów.

Procesy projektowe ewoluują

Choć w swojej istocie proste, te nowe funkcje dają ogromną kontrolę twórczą i efekty, jakich wcześniej nie było.

Animowanie czy tworzenie takich interakcji w czasie rzeczywistym nigdy nie było łatwe, a teraz zrobisz to w kilka sekund w Hana.

Nie możemy się doczekać, co zbudujesz!

—

Zespół Spline

Dowiedz się więcej