Navrhujte interaktivní efekty s progresivním rozostřením a hladkými přechody

HanaZačátečník9 min

V tomto návodu prozkoumáme různé styly a techniky pro tvorbu jemných, sofistikovaných návrhů s hladkými přechody a progresivním rozostřením a ukážeme si, jak je v Haně proměnit v interaktivní zážitky.

Začneme vysvětlením, jak k tvarům přidat přechody a efekty rozostření, a pak přejdeme k tvorbě interaktivních prvků, jako jsou animace při najetí kurzorem, efekty sledující kurzor, smyčkové animace a vrstvené efekty rozostření. Vše je připravené k vložení do vašeho webového projektu, bez kódování! 👌

Ukázkové scény: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Co se naučíte

  1. 0:00Úvod
  2. 0:15Jednoduchý návrh s přechody
  3. 2:57Přidání rozostření vrstvy
  4. 3:41Tvorba interakce při najetí myší
  5. 5:28Tvorba interaktivního efektu rozostření na textu
  6. 6:44Tvorba smyčkové animace radiálního přechodu
  7. 7:43Tvorba efektu přechodu a rozostření, který sleduje kurzor

Související zdroje

Související návody

Všechny návody