Passer au player
Passer au contenu principal
Passer au pied de page
Rechercher
Se connecter
Regarder en plein écran
19
Favori
Partager
Ajouter à la playlist
Signaler
Creer un effet gluant !
Basti Ui
Suivre
16/05/2023
Catégorie
📚
Éducation
Transcription
Afficher la transcription complète de la vidéo
00:00
Dans ce tuto figma je vais vous expliquer comment réaliser cet effet et cet effet sans aucun plugin.
00:06
C'est parti !
00:06
On va faire un plan de travail de 1000 par 1000 et c'est parti on y va !
00:10
D'abord on va créer des cercles noirs tout à fait random on va les mettre à 0,0.
00:14
Ça c'est l'étape 1.
00:15
Ensuite on va les grouper et on va appliquer un blur donc effect ici et on vient mettre l'effet layer blur.
00:21
On va le mettre à peu près à 40 pour l'instant même un peu plus je dirais plus ce sera flou plus ce sera sticky.
00:26
On va créer un rectangle gris je vais le mettre full page pour l'instant et on va lui mettre la valeur 808080.
00:32
Voilà ce gris là.
00:33
Vous allez mettre ce rectangle gris en color dodge voilà ça vient rendre le flou un peu plus tracé.
00:38
Donc là on a un contour qui se dessine.
00:40
On va dupliquer ce rectangle donc là qu'on ne voit pas mais qui s'appelle du coup on va l'appeler rect.
00:44
Voilà on le duplique une deuxième fois et cette fois ci on va le mettre en color burn mais en couleur noire.
00:48
Donc là je mets 0,0,0 voilà et je viens mettre color burn ce qui donne ce résultat là.
00:53
Et maintenant vous allez tout simplement verrouiller en haut ici les deux rectangles.
00:56
Regardez si je viens ici bouger maintenant les ronds regardez ce qui se passe.
01:00
Et là par exemple j'ai fait l'exemple ici en gros j'ai fait plusieurs ronds qui sont dans cette position là
01:04
et au clic je viens faire un smart animate jusque là et du coup regardez le résultat.
Recommandations
0:45
|
À suivre
Un effet à réaliser juste avec ton tel!
Thomas Portal
17/05/2023
1:16
Encouragez le !
Deniska et Thibaud
21/06/2025
11:21
Une dégustation à l'aveugle !
Boy Jimmy
17/02/2024
0:59
Nouveau logo Decathlon
Basti Ui
20/03/2024
0:55
Le site parfait pour la Saint Valentin
Basti Ui
14/02/2024
0:48
Emoji animés gratuits
Basti Ui
08/02/2024
1:06
Le Bento Design c’est quoi ?
Basti Ui
06/02/2024
1:04
Nouveau logo de Pole Emploi
Basti Ui
28/01/2024
1:17
MrBeast : la vidéo supprimée par YouTube ❌
Basti Ui
09/10/2023
1:03
Créer un degradé animé avec Figma
Basti Ui
23/05/2023
1:32
Comment j’ai recolté plus de 3000€
Basti Ui
22/05/2023
0:42
Comment voler un site web ?
Basti Ui
17/05/2023
1:03
Exporter des animations Figma en code ?
Basti Ui
15/05/2023
1:04
Est-ce que cette application a réelement existé ?
Basti Ui
11/05/2023
0:30
Les meilleures couleurs pour ton site web
Basti Ui
04/04/2023
5:32
How To Make Self Raising Vs. Self Rising Flour - What Is It?
Glen & Friends Cooking Food
07/02/2019
6:27
This 5-Minute Rock-and-Roll Dance Workout Will Get You Amped
POPSUGAR
13/12/2022
0:21
Travis Scott is Hip Hop's New Rockstar
PAPER Magazine
17/10/2016
6:41
Laura Secor on Revolutionary Iran
Foreign Affairs
10/06/2014
1:03
UPSKIRTING DELIVEROO RIDER
Wochit
19/11/2021
1:08
Ireland introduces new restrictions
Wochit
18/11/2021
1:47
The Tuck Rules: Giants' trash talk motivated Eagles
Sporting News
13/10/2014
1:28
Cliff Diving off an Iceberg in Antarctica? This guy did it.
Red Bull
01/06/2018
3:55
Olivia Rodrigo Rates Heartbreak, High Heels, and Going To Therapy
Pitchfork
03/10/2023
1:26
Les séries Netflix avec de nouvelles saisons
Rhomin
avant-hier