Designa interaktiva effekter med progressiv oskärpa och mjuka övertoningar

HanaNybörjare9 min

I den här tutorialen utforskar vi olika stilar och tekniker för att skapa mjuka, sofistikerade designer med mjuka övertoningar och progressiv oskärpa, och hur du gör dem till interaktiva upplevelser i Hana.

Vi börjar med att förklara hur du lägger till övertoningar och oskärpeeffekter på former, och går sedan vidare till att skapa interaktiva element som hover-animationer, effekter som följer muspekaren, loopande animationer och oskärpeeffekter i lager. Allt är redo att bäddas in i ditt webbprojekt, utan kod! 👌

Demoscener: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Det här lär du dig

  1. 0:00Intro
  2. 0:15Enkel design med övertoningar
  3. 2:57Lägga till lageroskärpa
  4. 3:41Skapa en mushover-interaktion
  5. 5:28Skapa en interaktiv oskärpeeffekt på text
  6. 6:44Skapa en loopande animation med radiell övertoning
  7. 7:43Skapa en övertonings- och oskärpeeffekt som följer muspekaren

Relaterade resurser

Relaterade tutorials

Alla tutorials