Créer un degradé animé avec Figma

Regardez Créer un degradé animé avec Figma - Basti Ui sur Dailymotion

Transcript

00:00 petit tuto pour créer un liquid mesh gradient pour avoir ce résultat là.

00:04 Donc ce petit gradient, on va aussi l'animer si on est très chaud.

00:07 Étape 1, on se fait une petite frame de 1000 par 1000.

00:10 On va la mettre en violet par exemple.

00:12 Ensuite, on va venir créer des petites formes.

00:14 Donc moi, je vais prendre le crayon.

00:16 Voilà mes petites formes, on va les récupérer et on va les mettre en très épaisse.

00:19 On va mettre des couleurs et on active le clip content et ça nous donne ça.

00:22 On va prendre toutes nos petites formes et on va rajouter un effet ici qui sera le layer blur pour flouter le tout.

00:29 On va ajouter un rectangle et là, on va le mettre genre rouge et on va venir le positionner par-dessus notre création.

00:34 On va mettre le mode de fusion en saturation.

00:37 Regardez un petit peu, boum.

00:38 Et pour terminer, on va rajouter un peu de grain.

00:41 Il y a un plugin qui s'appelle Noise qui vous permet de générer différents bruits.

00:44 Je viens le mettre par-dessus.

00:45 On va le mettre en overlay.

00:46 Je viens juste poser mon petit texte ici et on va se faire une petite animation et on va juste venir déplacer certains layers.

00:53 On va mettre after delay, une milliseconde.

00:55 Smart animate, mettre au moins 5 secondes et on remet la même chose dans l'autre sens pour qu'il revienne tranquillement.

01:01 Et voilà le résultat, notre petite lampe à lave.