Skapa en interaktiv brytare med progressiv oskärpa och övertoningar

Lektion 8 av 15HanaNybörjare4 min

I den här tutorialen visar vi hur du skapar en interaktiv brytare som är gjord helt i Hana, med progressiv oskärpa + övertoningar och en mushover-händelse för interaktionen. Det är en intressant design som kan användas i många olika projekt, och vi går igenom varje steg.

Remixa demon här: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Det här lär du dig

  1. 0:00Intro
  2. 0:15Skapa grundformen
  3. 0:39Lägga till en övertoning
  4. 1:04Lägga till en effekt med lageroskärpa
  5. 1:46Skapa utlösare
  6. 1:57Lägga till mushover-händelsen + övergångar
  7. 2:24Skapa den vita linjen + lägga till tillstånd
  8. 3:07Ställa in övergångar för linjen
  9. 3:35Avslutning

Relaterade resurser