# Progresywne rozmycie i gradienty w Hana - Spline blog (https://spline.design/pl/blog/introducing-progressive-blur-gradients) > Podnieś poziom swoich projektów dzięki efektownym rozmyciom i gradientom [Blog](https://spline.design/pl/blog) 27 maja 2025 # Progresywne rozmycie i gradienty w Hana Podnieś poziom swoich projektów dzięki efektownym rozmyciom i gradientom [Otwórz Hana](https://app.spline.design) 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. Najedź kursorem lub dotknij, aby wejść w interakcję (projekt stworzony w Hana) ## 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. Tak działa progresywne rozmycie w Hana ## 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. Doświadczenia stworzone w Hana ## Wypróbuj teraz! Oto [plik Spline Hana](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3), 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](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Więcej z bloga [3 listopada 2026Przedstawiamy Spline Arena](https://spline.design/pl/blog/introducing-spline-arena)[21 października 2026Przedstawiamy Spline dla ChatGPT](https://spline.design/pl/blog/introducing-spline-for-chatgpt)[27 sierpnia 2026Przedstawiamy Hana V2](https://spline.design/pl/blog/hana-v2) [Spline](https://spline.design/pl) Edytor 3D i 2D dla zespołów i ich agentów. Publikuj w sieci, na iOS i Androidzie. #### Zapytaj AI o Spline #### Produkty - [Projektowanie 3D](https://spline.design/pl/3d-design) - [Hana](https://spline.design/pl/hana) - [Omma](https://omma.build) - [Generowanie 3D z AI](https://spline.design/pl/ai-generate) - [Spline MCP](https://spline.design/pl/mcp) - [Spline Arena](https://spline.design/pl/arena) - [Cennik](https://spline.design/pl/pricing) - [Dla firm](https://spline.design/pl/enterprise) #### Runtimes - [Web](https://spline.design/pl/web) - [iOS](https://spline.design/pl/ios) - [Android](https://spline.design/pl/android) #### Aplikacje - [Pobierz](https://spline.design/pl/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Pobierz Spline Mirror](https://spline.design/download-mirror) #### Nauka - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pl/academy) - [API Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Rozwiązania](https://spline.design/solutions) #### Społeczność - [Społeczność Spline](https://community.spline.design) - [Blog](https://spline.design/pl/blog) - [Dziennik zmian](https://spline.design/pl/changelog) - [Edukacja](https://spline.design/pl/education) - [Contra](https://spline.design/contra) - [Program partnerski](https://spline.design/pl/affiliate) #### Firma - [Klienci](https://spline.design/pl/customers) - [Kariera](https://www.ycombinator.com/companies/spline/jobs) - [Bezpieczeństwo](https://spline.design/pl/security) #### Informacje prawne - [Regulamin](https://spline.design/terms) - [Prywatność](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.