Bienvenue dans ce nouveau tutoriel Figma.
Aujourd’hui, je vous accompagne pour créer un effet holographique en quelques minutes seulement !
Étape 1
- Créer un rectangle de 500 x 500px
- Ajouter un background gradient et sélectionner le format Radial à la place de Linear.
- Customiser le dégradé de la manière suivante :
#2AD0CA ➡️ #E1F664 ➡️ #FEB0FE ➡️ #ABB3FC ➡️ #5DF7A4 ➡️ #58C4F6
Étape 2
Nous allons maintenant ajouter un nouveau dégradé (Gradient).
- Ajouter un background gradient et sélectionner le format Angular
- Sur cette partie, vous êtes libre de mettre autant de variations dans le dégradé que vous souhaitez.
- Désormais, changer le Blend Mode de Normal à Difference
Étape 3
Nous allons dupliquer ce même dégradé, pour cela rien de plus simple.
En cliquant sur le dégradé que vous venez de faire, vous faites simplement un copier (CMD + C) et un coller (CMD + V).
En cliquant sur le dégradé que vous venez de faire, vous faites simplement un copier (CMD + C) et un coller (CMD + V).
Vous allez avoir ceci :
Pour avoir l’effet final, nous allons changer le Blend Mode de Difference à Screen
Étape 4
Il ne vous reste plus qu’à personnaliser votre fond avec l’ajout d’un logo, d’un texte, etc….
Dans mon exemple, j’ajoute :
- un border radius de 24px
- Un Dropshadow noir (x=2 / Y=4 / Blur = 20)
- et j’y ajoute le logo de Product Family
Ce qui me donne un rendu d’un stickers 🚀
Merci d’avoir suivit ce tutoriel ! Envie d’en savoir plus ?
N’hésitez pas à jeter un coup d’oeil à notre rubrique formation pour devenir un killer de Figma 🚀
Découvrez la nouvelle formation Figma Niveau 1 👉 ICI
Suivez-moi sur les réseaux pour découvrir l’ensemble de mes tutoriels, ressources et articles !