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

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.

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

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, 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

Další články z blogu