Créer un degradé animé avec Figma
Category
✨
PeopleTranscript
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.