Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Utilisation des masques dans Figma : Découpage et superposition pour des visuels avancés | Section
Essentiels de la mise en page Figma et des systèmes de design numérique

Utilisation des masques dans Figma : Découpage et superposition pour des visuels avancés

Glissez pour afficher le menu

Les masques dans Figma sont utilisés pour révéler des parties spécifiques de calques ou d’objets tout en masquant le reste.

Fonctionnement :

  • 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 ;
  • Il est également possible de masquer 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 servir de 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, permettant de combiner plusieurs objets dans des compositions complexes. Même si Figma propose relativement peu de formes et d’outils, il fournit l’essentiel, et avec ces éléments simples, il est possible de créer des designs vraiment remarquables.

question mark

Lors de l’utilisation d’un PNG transparent comme masque, qu’est-ce qui détermine la forme du masque ?

Sélectionnez la réponse correcte

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 16

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Section 1. Chapitre 16
some-alt