Contenu du cours
Ui/Ux Avec Figma
Ui/Ux Avec Figma
1. Outils de Base de Figma
2. Création et Organisation des Objets
Masques
Les masques dans Figma sont utilisés pour révéler des parties spécifiques de calques ou d'objets tout en cachant le reste.
Voici comment ils fonctionnent :
- Placez un objet (par exemple, une image) et la forme du masque (par exemple, une ellipse) ensemble, avec la forme du masque derrière l'objet ;
- Sélectionnez les deux calques, faites un clic droit et choisissez Utiliser comme masque, ou utilisez le raccourci Ctrl+Alt+M (Windows) / Command+Option+M (Mac). La base du masque devient invisible, ne montrant que les parties sélectionnées du calque au-dessus ;
- Vous pouvez également faire des masques avec du texte. Placez le texte derrière une image et utilisez-le comme masque pour créer des effets de texte créatifs. Les calques dans le masque peuvent être redimensionnés ou mis à l'échelle indépendamment ;
- La forme de base d'un masque devient invisible lorsque plusieurs objets sont masqués ensemble. Pour ajouter un arrière-plan à un design masqué, créez une nouvelle forme et placez-la derrière la base du masque ;
- Les PNG transparents peuvent également agir comme des masques, et les formes peuvent être masquées avec des PNG pour créer des designs complexes.
Les masques offrent généralement plus de flexibilité que le remplissage d'image, vous permettant de combiner plusieurs objets en designs complexes. Même si Figma a relativement peu de formes et d'outils, il fournit l'essentiel, et avec ces éléments simples, vous pouvez créer des designs vraiment brillants.
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 2