Les calques masqués n'étant aucunement modifiés ni supprimés au cours de ce processus, les masques n'exercent aucune action destructive. Lorsque vous utilisez un calque comme masque, un objet masque est créé, qui inclut le masque et tous les calques qu'il masque. Un objet masque peut être identifié dans la section Calques du panneau de navigation de gauche. Les masques sont placés sous les calques masqués sur l'axe Z.
Dans l'exemple ci-dessous, l'ellipse violette fait office de masque. Si le masque se trouve sous l'image de la personne sur l'axe Z, il masquera cette image. Dans Figma, tous les masques prennent en charge les canaux Alpha. Lorsque vous utilisez des masques Alpha, ces masques sont appliqués en fonction de leur opacité. Plus l'opacité est forte, moins le masque cache. Dans l'exemple ci-dessous, nous avons utilisé une ellipse avec un contour externe en guise de masque. L'opacité du remplissage de l'ellipse est de 100 % et celle du contour est de 30 %.
Les masques vectoriels, ou l'utilisation de contours de forme en tant que masques, ignorent la translucidité (les valeurs d'opacité supérieures à 0 %) des contours ou remplissages de masque. Dans l'exemple ci-dessous, l'image d'un cœur à l'arrière-plan complètement transparent est utilisée comme masque. L'objet en bas à gauche utilise un masque Alpha, d'où sa forme de cœur. La luminosité permet d'utiliser la clarté pour déterminer un masque. Plus la zone d'un masque est claire, moins le masque cache. Plus la zone est sombre, plus le masque cache.
Par défaut, le type de masque est défini sur Alpha. Pour le changer, sélectionnez le calque utilisé comme masque et ouvrez la liste déroulante dans la section Masque de la barre latérale droite. Placez le curseur sur une option pour en prévisualiser le rendu sur le plan de travail. Les masques et les calques masqués se déplacent et se redimensionnent indépendamment les uns des autres. Parce qu'ils appartiennent à la même fratrie, les masques ne se comportent pas comme des parents, contrairement à une frame, un groupe ou un composant. Par défaut, Figma n'affiche pas les lignes frontière des masques.
Étant autodidacte, avec tout ce que cela comporte comme avantages (je n'apprends que ce qui m'est utile) mais aussi comme inconvénients (connaissances de ce fait limitées), je vous prie de bien vouloir faire preuve d'indulgence, mais surtout, et je m'adresse aux pros, de corriger mes erreurs, afin de ne pas induire en erreur curieux et débutants … et que j'en apprenne pour le coup encore davantage …
Masques de fusion et couches alpha
Nous débutons par une sélection classique, puis explorons comment ces sélections peuvent être manipulées pour créer des masques de fusion et des couches alpha. Les masques de fusion permettent de conserver seulement la partie sélectionnée du visuel, tandis que les couches alpha enregistrent les sélections pour une réutilisation ultérieure. Cette distinction est essentielle pour les travaux complexes d'édition d'images, permettant une flexibilité et une précision accrues.
Les calques masqués n'étant aucunement modifiés ni supprimés au cours de ce processus, les masques n'exercent aucune action destructive. Lorsque vous utilisez un calque comme masque, un objet masque est créé, qui inclut le masque et tous les calques qu'il masque. Un objet masque peut être identifié dans la section Calques du panneau de navigation de gauche. Les masques sont placés sous les calques masqués sur l'axe Z. Dans l'exemple ci-dessous, l'ellipse violette fait office de masque. Si le masque se trouve sous l'image de la personne sur l'axe Z, il masquera cette image.
Dans Figma, tous les masques prennent en charge les canaux Alpha. Lorsque vous utilisez des masques Alpha, ces masques sont appliqués en fonction de leur opacité. Plus l'opacité est forte, moins le masque cache. Dans l'exemple ci-dessous, nous avons utilisé une ellipse avec un contour externe en guise de masque. L'opacité du remplissage de l'ellipse est de 100 % et celle du contour est de 30 %. Les masques vectoriels, ou l'utilisation de contours de forme en tant que masques, ignorent la translucidité (les valeurs d'opacité supérieures à 0 %) des contours ou remplissages de masque.
Dans l'exemple ci-dessous, l'image d'un cœur à l'arrière-plan complètement transparent est utilisée comme masque. L'objet en bas à gauche utilise un masque Alpha, d'où sa forme de cœur. La luminosité permet d'utiliser la clarté pour déterminer un masque. Plus la zone d'un masque est claire, moins le masque cache. Plus la zone est sombre, plus le masque cache. Par défaut, le type de masque est défini sur Alpha. Pour le changer, sélectionnez le calque utilisé comme masque et ouvrez la liste déroulante dans la section Masque de la barre latérale droite. Placez le curseur sur une option pour en prévisualiser le rendu sur le plan de travail.
Les masques et les calques masqués se déplacent et se redimensionnent indépendamment les uns des autres. Parce qu'ils appartiennent à la même fratrie, les masques ne se comportent pas comme des parents, contrairement à une frame, un groupe ou un composant. Par défaut, Figma n'affiche pas les lignes frontière des masques.
Étant autodidacte, avec tout ce que cela comporte comme avantages (je n'apprends que ce qui m'est utile) mais aussi comme inconvénients (connaissances de ce fait limitées), je vous prie de bien vouloir faire preuve d'indulgence, mais surtout, et je m'adresse aux pros, de corriger mes erreurs, afin de ne pas induire en erreur curieux et débutants … et que j'en apprenne pour le coup encore davantage …
Sur ce calque, que j'ai nommé "masque de fusion", créer un motif ou un texte, ou les deux …
Les masques de fusion ou masques de calque sous PhotoFiltre Studio, sont de simples calques que l'on travaille comme des masques et que l'on colle en tant que couche Alpha sur le calque auquel on l'associe. Les manipulations sont assez simples et intuitives. On peut ensuite effacer ou non le calque qui a servi de masque (tout dépend si on veut retravailler dessus). Dans l'exemple précédent on l'a conservé pour le fusionner au calque inférieur et ajouter un effet de lumière.
P.S. Je vous explique dans cet article comment transformer une comparaison sur gris en un masque de fusion dans Photoshop. Seul souci, la création du masque ne se fait pas directement avec le Blend If (la comparaison sur gris).
Vidéo du tutoriel : Transformer une comparaison sur gris en masque de fusion - 2 méthodes avancées !
La comparaison sur gris est un procédé qui nous permet de rendre certains pixels transparents en fonction de leur luminosité. Pour vous indiquez le chemin vers la comparaison sur gris, je crée rapidement un dégradé dans Photoshop de noir vers blanc. En cliquant sur la zone vide à droite du calque, vous sélectionnez « Options de fusion« . Cette commande aura pour effet de vous afficher la boîte de dialogue appelée « Style de calque« . En tirant le curseur Calque actif vers la gauche, cela rend les pixels clairs transparents. Par contre, en tirant le même curseur vers la droite (les noirs), ce sont les pixels sombres qui deviennent transparents.
Vous pouvez adoucir la transition en faisant un Alt + clic sur le petit triangle qui, de ce fait, se coupe en deux morceaux. Curseur Calque actif tiré de gauche à droite. Curseur Calque actif tiré de droite à gauche. Il est possible de réaliser la comparaison sur gris sur différentes couches RVB (Rouge - Vert - Bleu) de l'image.
Si vous voulez connaître plus en détails la comparaison sur gris, c'est un sujet dont je parle longuement via 3 leçons dans ma formation Photoshop. Imaginons pour l’exemple que je veuille remplacer le ciel bleu de cette photo par un autre comportant plus de texture. Je commence simplement en glissant l’autre ciel sur l’onglet de la photo actuelle. Remplacement du ciel dans la photo. Suite à cela, je déplace le calque d’arrière-plan au-dessus dans la palette des calques. Pour ce faire, il faut d’abord déverrouiller le calque d’arrière-plan en cliquant sur le cadenas. A présent, je clique à droite de ce calque pour appeler la fenêtre de comparaison sur gris. Cette fois, je sélectionne la couche bleue puisque c’est la couleur du ciel qui m’intéresse. Ensuite, je tire le curseur Calque actif de droite vers la gauche pour rendre le ciel transparent. En quelques clics, j’ai parfaitement intégré un autre ciel dans l’image d’origine.
Couche bleue pour Blend if. Résultat du ciel après le Blend if. Si je désactive le calque du ciel texturé, vous voyez que les pixels bleus de la photo originale sont devenus transparents. Qu’en est-il si je souhaite récupérer cette zone transparente sous forme de sélection ? En effet, il est fort probable qu’il faille affiner le masque. Le reste du processus peut être poursuivi par des réglages et des techniques avancées pour obtenir le masque final souhaité.
En résumé, les masques de fusion et les couches alpha offrent des approches complémentaires pour masquer et protéger des zones d'une image tout en permettant des retouches précises et réutilisables. Cette dualité est particulièrement utile dans les projets complexes où la réutilisation des sélections et la non-destruction des calques d'origine sont primordiales.
