Concevoir des effets interactifs avec flou progressif et dégradés doux

Leçon 7 sur 15HanaDébutant9 min

Dans ce tutoriel, nous explorons différents styles et techniques pour créer des designs doux et sophistiqués avec des dégradés fluides et un flou progressif, et nous voyons comment les transformer en expériences interactives dans Hana.

Nous commençons par expliquer comment ajouter des dégradés et des effets de flou aux formes, puis nous passons à la création d’éléments interactifs : animations au survol, effets qui suivent le curseur, animations en boucle et effets de flou superposés. Le tout prêt à être intégré à votre projet web, sans coder ! 👌

Scènes de démo : https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

Ce que vous allez apprendre

  1. 0:00Intro
  2. 0:15Design simple avec des dégradés
  3. 2:57Ajouter un flou de calque
  4. 3:41Créer une interaction au survol de la souris
  5. 5:28Créer un effet de flou interactif sur du texte
  6. 6:44Créer une animation de dégradé radial en boucle
  7. 7:43Créer un effet de dégradé et de flou qui suit votre curseur

Ressources associées