‍

Le mesh gradient, ça te dit quelque chose ? Tu peux en faire à toutes les sauces et ça claque toujours.

Mais faut-il encore savoir le créer…

‍

Et c’est là qu'on intervient 😎

Découvre notre nouveau tuto, ultra simple pour créer un mesh gradient en seulement 5 étapes sur Figma.

‍

Étape 1 : Départ

Crée une frame de 1440px par 900px et attribue-lui une couleur de fond.

Ici, j’ai opté pour un bleu très foncé dont le code hex est le suivant : #010019

‍

Étape 2 : Ajouter de formes

Ajoute des formes abstraites, de tailles différentes au sein de ta frame.

‍

Étape 3 : Colorer les formes

Choisis une palette de couleurs et attribue une couleur à chaque forme.

J’ai opté pour un mélange des ces différentes couleurs :

#0400CA, #B4B2FE, #020065, #CDCCFE, #030097

‍

Étape 4 : Ajouter du blur

Sélectionne toutes tes formes, et ajoute l’effet “layer blur” à 300.

‍

Étape 5 : Ajouter de la texture (aléatoire)

Utilise le plugin Noice pour ajouter de la texte à ton gradient.Intègre le calque à l’intérieur de ta frame, remplace le mode de fusion par “Overlay” avec une opacité à 30%.

‍

Finito pipo !

Et voilà, le tour est joué.

Tu as crée un mesh gradient sur Figma en deux temps trois cliques 😎

‍

Et si tu souhaites découvrir d'autres tutos, n'hésite pas à consulter la Norry Academy.