Comment créer un effet de verre dépoli dans Figma

Le verre dépoli fonctionne bien pour l'intimité ou pour ajouter de la subtilité à un design, dans les conceptions réelles et numériques. Créer un effet de verre dépoli est facile dans Figma et peut ajouter une touche unique à vos conceptions d'une manière qui semble beaucoup plus complexe qu'elle ne l'est. Laissez-nous vous montrer comment.

Comment créer un effet de verre dépoli

Pour obtenir le plein effet du verre dépoli, vous devriez déjà avoir une sorte d'image d'arrière-plan dans votre conception. L'effet fonctionne mieux sur des images photographiques ou visuellement complexes, plutôt que sur des blocs de couleur unis ou des arrière-plans unis.

Nous utilisons l'effet de verre dépoli comme indicateur à puce sur une conception de présentation, pour ajouter un effet élégant et minimaliste à la présentation. Cela donne une touche supplémentaire à vos conceptions plutôt que d'utiliser simplement une simple ligne ou une simple puce comme indicateur.

Vous pouvez créer un modèle principal pour les présentations dans Figma

et utilisez cet effet de verre dépoli. Si vous souhaitez créer un indicateur à puces élégant, suivez simplement.

1. Tracer une ligne

Tracez votre ligne en utilisant le Outil Ligne (L). Pour garder la ligne horizontale, maintenez enfoncé Décalage tout en le dessinant. Choisissez une couleur pour la ligne en cliquant sur le carré de couleur sous Accident vasculaire cérébral pendant que la ligne est sélectionnée.

La couleur doit être suffisamment sombre pour contraster avec votre arrière-plan, mais elle doit également s'accorder avec les couleurs de votre présentation. Tu peux utiliser Adobe Illustrator pour créer une palette de couleurs pour trouver des couleurs qui vont bien ensemble.

Modifiez la largeur de la ligne dans les paramètres de trait; cliquez sur l'icône avec trois lignes horizontales et augmentez le nombre jusqu'à l'épaisseur souhaitée. Pour obtenir des extrémités arrondies, cliquez sur le menu déroulant avec une ligne horizontale dans le menu Trait et faites défiler vers le bas du menu déroulant pour l'option des extrémités arrondies.

2. Dessiner un cercle

Dessinez un petit cercle à l'aide du Outil Ellipse (O). Maintenez enfoncé Décalage tout en dessinant le cercle pour le rendre parfaitement sphérique. Votre cercle doit être suffisamment petit pour être utilisé comme une puce, mais suffisamment grand pour que le verre dépoli soit évident.

Pour ajouter de la couleur, sélectionnez le cercle et utilisez Remplir dans la barre d'outils de droite. Vous pouvez utiliser une couleur neutre, comme le gris ou le beige, ou une couleur plus claire de la palette de couleurs de votre dessin.

Ensuite, changez le opacité près de Remplir à n'importe où entre 40% et 70%. Vous voulez pouvoir voir le motif derrière le cercle tout en voyant la couleur avec laquelle vous avez rempli le cercle.

3. Ajouter un flou d'arrière-plan

C'est la partie qui donne l'effet givré à votre forme. Sélectionnez le cercle et accédez à Effets. L'effet par défaut est Ombre portée, survolez-le et cliquez sur la flèche qui apparaît. Choisir Flou d'arrière-plan.

Pour augmenter ou diminuer le flou, cliquez sur l'icône à côté de Flou d'arrière-plan et modifiez le nombre en fonction de l'effet de flou souhaité.

Pour compléter votre indicateur à puce, déplacez la ligne afin qu'elle s'aligne avec le bord de votre cercle. Sélectionnez à la fois la ligne et le cercle, faites un clic droit et sélectionnez Sélection de groupe. Vous pouvez maintenant déplacer ou dupliquer ceci pour l'utiliser sur différentes parties de votre conception.

Le flou fonctionne sur n'importe quelle partie de la conception de la même manière, comme le montre un autre exemple que nous avons fait ci-dessus. Pourquoi ne pas inclure cette technique dans un défi de conception créative? L'effet deviendra un grand atout de conception.

Ajoutez un minimalisme élégant à vos conceptions avec un effet de verre dépoli

L'effet de verre dépoli de Figma est un moyen simple d'ajouter un style élégant à des aspects de conception autrement simples. Vous pouvez utiliser l'effet de verre dépoli de plusieurs façons, telles que des panneaux en couleur, des barres de recherche ou des fenêtres de confidentialité sur des motifs. Essayez d'ajouter une bordure, de créer un dégradé ou de placer le calque givré entre d'autres calques pour une différence de texture.

Comment créer et ajouter des maquettes à vos conceptions Figma à l'aide de plugins

Lire la suite