Flou progressif et dégradés dans Hana

Sublimez vos designs avec des flous et des dégradés qui en mettent plein la vue

Ouvrir Hana

Les flous progressifs se sont popularisés il y a quelques années avec l’esthétique d’interface en verre d’iOS, et gagnent récemment du terrain dans les outils de design d’interface. Mais cela restait surtout une technique complexe, difficile à exploiter en motion design ou dans des environnements interactifs en temps réel.

Aujourd’hui, nous intégrons les flous progressifs en temps réel dans Hana. Pour la première fois, ce type de flou est utilisable en temps réel, avec des commandes intuitives et sans connaissances techniques, le tout dans le canevas de design infini de Hana.

Vous pouvez jouer avec la scène ci-dessous pour voir comment ça fonctionne.

Survolez ou touchez pour interagir (expérience réalisée avec Hana)

Ajouter un flou progressif dans Hana

Sélectionnez n’importe quel calque et ajoutez un Layer Blur ou un Background Blur. Dans les deux cas, vous pouvez choisir un flou uniforme (Uniform) ou progressif (Progressive).

Un flou progressif fonctionne un peu comme un dégradé, mais au lieu de passer d’une couleur à une autre, il passe d’un rayon de flou à un autre.

Voici comment fonctionne le flou progressif dans Hana

Des dégradés doux dans Hana

Vous pouvez désormais créer des dégradés dans Hana. Choisissez entre des dégradés linéaires, radiaux ou polaires, et ajustez leur position directement sur le canevas.

Nous introduisons aussi les Smooth Gradients, des dégradés qui utilisent une interpolation Smooth Step pour des transitions plus naturelles entre les couleurs. La plupart des outils de design utilisent des dégradés à interpolation linéaire, qui créent des ruptures visibles entre chaque couleur d’arrêt du dégradé.

Nous avons d’abord implémenté les Smooth Gradients dans l’éditeur 3D de Spline il y a quelques années, et nous les apportons maintenant à Hana.

Survolez ou touchez pour interagir (expérience réalisée avec Hana)

Import SVG et plus encore

Ces dernières semaines, nous avons aussi livré plusieurs améliorations de Hana, dont la prise en charge des fichiers SVG (il suffit désormais de les glisser-déposer), de meilleures performances et un runtime plus léger.

Nous avons également ajouté plusieurs améliorations au quotidien : un sélecteur de couleur au comportement amélioré, de meilleurs outils de sélection et de nombreuses petites corrections pour une expérience plus cohérente.

Expériences réalisées avec Hana

Essayez dès maintenant !

Voici un fichier Spline Hana pour explorer les possibilités du flou progressif et des dégradés.

Les workflows de design évoluent

Simples dans leur principe, ces nouvelles fonctionnalités offrent un contrôle créatif et des résultats inédits.

Animer ou créer des interactions en temps réel de ce type n’avait jamais été simple ; avec Hana, c’est désormais l’affaire de quelques secondes.

Nous avons hâte de voir ce que vous allez créer !

—

L’équipe Spline

En savoir plus

Plus d’articles du blog