# Progresivní rozostření a přechody v Haně - Spline blog (https://spline.design/cs/blog/introducing-progressive-blur-gradients)

> Posuňte své návrhy na vyšší úroveň s efektním rozostřením a přechody

[Blog](https://spline.design/cs/blog)

27\. května 2025

# Progresivní rozostření a přechody v Haně

Posuňte své návrhy na vyšší úroveň s efektním rozostřením a přechody

[Otevřít Hanu](https://app.spline.design)

Progresivní rozostření se před několika lety rozšířilo spolu se skleněnou estetikou UI v iOS a v poslední době se prosazuje i v nástrojích pro UI design. Stále však šlo převážně o složitou techniku, kterou bylo těžké použít v motion designu nebo v interaktivních prostředích v reálném čase.

Dnes přinášíme do Hany progresivní rozostření v reálném čase. Poprvé je tento typ rozostření k dispozici pro použití v reálném čase, s intuitivním ovládáním a bez nutnosti technických znalostí – vše na nekonečném designovém plátně Hany.

Vyzkoušejte si scénu níže a uvidíte, jak to funguje.

Najeďte kurzorem nebo se dotkněte (zážitek vytvořený v Haně)

## Jak v Haně přidat progresivní rozostření

Vyberte libovolnou vrstvu a přidejte Layer Blur nebo Background Blur. V obou případech si můžete zvolit, zda má být rozostření rovnoměrné (Uniform), nebo progresivní (Progressive).

Progresivní rozostření funguje v podstatě jako přechod, jen místo barvy přechází mezi dvěma hodnotami poloměru rozostření.

Takto funguje progresivní rozostření v Haně

## Hladké přechody v Haně

V Haně teď můžete vytvářet přechody. Vybírat můžete mezi lineárními, radiálními a polárními přechody a jejich pozici upravovat přímo na plátně.

Představujeme také hladké přechody (Smooth Gradients), které používají interpolaci Smooth Step a vytvářejí přirozenější prolnutí barev. Většina designových nástrojů používá přechody s lineární interpolací, která mezi jednotlivými barevnými „zarážkami“ vytváří typické zlomy.

Hladké přechody jsme před několika lety nejdřív zavedli ve 3D editoru Spline a teď je přinášíme i do Hany.

## Import SVG a další

V posledních týdnech jsme do Hany přinesli také několik vylepšení, včetně podpory souborů SVG (teď je stačí přetáhnout), lepšího výkonu a menšího runtimu.

Přidali jsme také řadu vylepšení pro pohodlnější práci, včetně lepšího chování výběru barvy, vylepšených nástrojů pro výběr a mnoha drobných oprav, díky kterým je práce konzistentnější.

Zážitky vytvořené v Haně

## Vyzkoušejte to hned!

Tady je [soubor Spline Hana](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3), ve kterém můžete prozkoumat možnosti progresivního rozostření a přechodů.

## Designová práce se vyvíjí

Tyto nové funkce jsou ve svém jádru jednoduché, ale umožňují nebývalou kreativní kontrolu a kreativní výsledky.

Animovat nebo vytvářet takové interakce v reálném čase nikdy nebylo snadné – a teď to v Haně zvládnete za pár sekund.

Už se nemůžeme dočkat, co vytvoříte!

—

Tým Spline

[Zjistit více](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## Další články z blogu

[3\. listopadu 2026Představujeme Spline Arena](https://spline.design/cs/blog/introducing-spline-arena)[21\. října 2026Představujeme Spline pro ChatGPT](https://spline.design/cs/blog/introducing-spline-for-chatgpt)[27\. srpna 2026Představujeme Hanu V2](https://spline.design/cs/blog/hana-v2)

[Spline](https://spline.design/cs)

3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android.

#### Zeptejte se AI na Spline

#### Produkty

- [3D design](https://spline.design/cs/3d-design)
- [Hana](https://spline.design/cs/hana)
- [Omma](https://omma.build)
- [Generování 3D pomocí AI](https://spline.design/cs/ai-generate)
- [Spline MCP](https://spline.design/cs/mcp)
- [Spline Arena](https://spline.design/cs/arena)
- [Ceník](https://spline.design/cs/pricing)
- [Enterprise](https://spline.design/cs/enterprise)

#### Runtimy

- [Web](https://spline.design/cs/web)
- [iOS](https://spline.design/cs/ios)
- [Android](https://spline.design/cs/android)

#### Aplikace

- [Stáhnout](https://spline.design/cs/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Stáhnout Spline Mirror](https://spline.design/download-mirror)

#### Výuka

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/cs/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Řešení](https://spline.design/solutions)

#### Komunita

- [Komunita Spline](https://community.spline.design)
- [Blog](https://spline.design/cs/blog)
- [Novinky](https://spline.design/cs/changelog)
- [Vzdělávání](https://spline.design/cs/education)
- [Contra](https://spline.design/contra)
- [Partnerský program](https://spline.design/cs/affiliate)

#### Společnost

- [Zákazníci](https://spline.design/cs/customers)
- [Kariéra](https://www.ycombinator.com/companies/spline/jobs)
- [Zabezpečení](https://spline.design/cs/security)

#### Právní informace

- [Obchodní podmínky](https://spline.design/terms)
- [Ochrana soukromí](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.