Dans ce didacticiel, je vous montre comment utiliser les masques d’écrêtage dans Photoshop pour afficher et cachez différentes parties d’un calque et ajustez les images dans des formes! Nous « apprendrons les bases de la création d’un masque d’écrêtage, et nous explorerons l’idée derrière eux plus en détail afin qu’à la fin de cette leçon, vous ayez une solide compréhension du fonctionnement des masques d’écrêtage. I » J’utiliserai Photoshop CC mais tout est entièrement compatible avec Photoshop CS6 et les versions antérieures. Commençons!

Que sont les masques d’écrêtage?

Les masques d’écrêtage dans Photoshop sont un moyen puissant de contrôler la visibilité d’un calque. En ce sens, les masques d’écrêtage sont similaires à masques de calque. Mais si le résultat final peut sembler le même, les masques d’écrêtage et les masques de calque sont très différents. Un masque de calque utilise le noir et blanc pour afficher et masquer différentes parties du calque. Mais un masque d’écrêtage utilise le contenu et la transparence d’un calque pour contrôler la visibilité d’un autre.

Pour créer un masque d’écrêtage, nous avons besoin de deux calques. Le calque du bas contrôle la visibilité du calque au-dessus. En d’autres termes, le calque du bas est le masque , et le calque au-dessus est le calque qui est attaché au masque.

Lorsque le calque inférieur contient du contenu réel (pixels, formes ou texte), le contenu du calque au-dessus est visible. Mais si une partie du calque du bas est transparente, cette même zone du calque au-dessus sera masquée. Cela peut sembler plus déroutant que le fonctionnement d’un masque de calque, mais les masques d’écrêtage sont tout aussi faciles à utiliser. Créons nous-mêmes un masque d’écrêtage afin que nous puissions mieux comprendre leur fonctionnement.

Téléchargez ce didacticiel sous forme de PDF prêt à imprimer!

Fonctionnement d’un masque d’écrêtage

Pour vraiment donner un sens aux masques d’écrêtage, nous devons d’abord comprendre la différence entre le contenu et la transparence sur un calque. Pour suivre avec moi, vous pouvez ouvrir n’importe quelle image. J’utiliserai cette photo de mon petit ami ici qui « essaie également de comprendre, à sa manière, de quoi il s’agit (photo d’Adobe Stock):

Un calque de masque et un calque découpé

Si nous regardons dans le panneau Calques, nous voyons la photo sur le calque d’arrière-plan, qui est actuellement le seul calque dans le document:

Nous avons besoin de deux calques pour créer un masque d’écrêtage, un pour servir de masque et un qui sera attaché au masque, alors ajoutons une deuxième couche. Nous allons ajouter le nouveau calque sous l’image. Tout d’abord, déverrouillez le calque d’arrière-plan. Dans Photoshop CC, cliquez sur l’icône de verrouillage pour le déverrouiller. Dans Photoshop CS6 ou une version antérieure, maintenez la touche Alt (Win) / Option (Mac) enfoncée sur votre clavier et double-cliquez sur le calque d’arrière-plan:

Cela déverrouille le calque d’arrière-plan et le renomme it « Layer 0 »:

Ensuite, pour ajouter un nouveau calque sous l’image, maintenez la touche Ctrl (Win) / Commande (Mac) de votre clavier enfoncée et cliquez sur l’icône Ajouter un nouveau calque:

Un nouveau calque nommé « Calque 1 » apparaît sous la photo, et nous avons maintenant deux calques dans le document. Nous « transformerons le calque du bas en masque, et l’image au-dessus sera coupée dans le masque:

Comprendre les masques d’écrêtage: contenu vs transparence

Cachez l’image d’origine pour le moment en cliquant sur l’icône de visibilité du calque supérieur:

Avec le calque supérieur désactivé, nous voyons le calque que nous venons d’ajouter. Par défaut, les nouveaux calques dans Photoshop sont vides, ce qui signifie qu’ils n’ont aucun contenu. Un calque sans contenu est transparent et nous voyons à travers. Lorsqu’il n’y a pas d’autres calques sous un calque transparent, Photoshop affiche la transparence sous forme de damier, comme nous le voyons ici:

Rallumez le calque supérieur en cliquant à nouveau sur l’icône de visibilité:

La couche supérieure contient du contenu réel. Dans ce cas, il s’agit d’un contenu basé sur des pixels, car nous « regardons une photo numérique, mais dans Photoshop, le contenu peut également être une forme vectorielle ou même du texte. En réalité, tout ce qui n’est pas transparent est considéré comme du contenu:

Comment créer un masque d’écrêtage dans Photoshop

Les masques d’écrêtage utilisent le contenu et la transparence du calque ci-dessous pour contrôler la visibilité du calque ci-dessus. Créons un masque d’écrêtage en utilisant nos deux calques et voyons ce qui se passe.

Étape 1: Sélectionnez le calque qui sera découpé

Lors de la création d’un masque d’écrêtage, nous devons d’abord sélectionnez le calque qui sera découpé sur le calque en dessous. Dans ce cas, la couche supérieure (« Layer 0 ») sera coupée sur la couche inférieure (« Layer 1 »), alors assurez-vous que la couche supérieure est sélectionnée:

Étape 2: Choisissez « Créer un masque d’écrêtage »

Pour créer le masque d’écrêtage, allez dans le menu Calque dans la barre de menu et choisissez Créer un masque d’écrêtage:

Et c’est tout ce qu’il y a à faire! Une fois le masque de calque créé, le panneau Calques affiche désormais le calque supérieur (« Calque 0 ») en retrait vers la droite, avec une petite flèche pointant vers le bas sur « Calque 1 » en dessous. C’est ainsi que Photoshop nous dit que le calque supérieur est maintenant découpé sur le calque ci-dessous:

Mais le problème est que tout ce que nous avons accompli jusqu’ici en créant un masque d’écrêtage, c’est que nous « avons caché l’image de la vue, et c’est parce que notre calque de masque (« Layer 1 ») ne contient aucun contenu. Il est complètement transparent. Avec un masque d’écrêtage, toutes les zones du calque supérieur qui se trouvent directement au-dessus des zones transparentes du calque inférieur sont masquées. Le calque inférieur ne contenant que de la transparence, aucune partie de l’image au-dessus n’est visible:

Comment libérer un masque d’écrêtage

Ce n’était pas très intéressant, alors relâchez le masque d’écrêtage en allant dans le menu Calque et en choisissant Libérer le masque d’écrêtage:

Dans le panneau Calques, le calque supérieur n’est plus en retrait à droite, ce qui signifie qu’il n’est plus tronqué au calque ci-dessous:

Et dans le document, nous revenons à notre image:

Ajout de contenu au masque d’écrêtage

Ajoutons du contenu au calque inférieur. Cliquez sur l’icône de visibilité du calque supérieur pour masquer l’image afin que nous puissions voir ce que nous faisons:

Cliquez ensuite sur le calque du bas pour le rendre actif:

Pour ajouter du contenu, nous allons dessiner une forme simple. Sélectionnez l’outil de sélection elliptique dans la barre d’outils en faisant un clic droit (Win) / Ctrl-clic (Mac) sur l’outil de sélection rectangulaire et en choisissant l’outil de sélection elliptique dans le menu déroulant:

Cliquez et faites glisser un contour de sélection elliptique au centre du document:

Montez dans le menu Edition de la barre de menus et choisissez Remplir:

Dans la boîte de dialogue Remplir, définissez l’option Contenu sur noir, puis cliquez sur OK:

Photoshop remplit la sélection de noir. Pour supprimer le contour de la sélection autour de la forme, accédez au menu Sélectionner et choisissez Désélectionner:

Et maintenant, au lieu d’un calque complètement transparent, nous avons une zone avec du contenu au centre. Notez cependant que la zone entourant le contenu reste transparente:

Retour dans le panneau Calques, la vignette d’aperçu du calque inférieur affiche désormais la forme noire. Ce qu’il est important de noter ici, c’est que si vous comparez les vignettes d’aperçu des deux calques, vous verrez qu’une partie de l’image du calque supérieur se trouve directement au-dessus du contenu (la forme) du calque inférieur. Et, une partie de la photo se trouve au-dessus des zones transparentes du calque inférieur:

Création d’un autre masque d’écrêtage

Maintenant que nous avons ajouté du contenu au calque inférieur, créons un autre masque d’écrêtage. Encore une fois, nous devons d’abord sélectionner le calque qui sera découpé sur le calque ci-dessous, alors cliquez sur le calque supérieur pour le sélectionner.Cliquez ensuite sur l’icône de visibilité du calque supérieur pour rendre visible l’image du calque:

Revenez au menu Calque et choisissez à nouveau Créer un masque d’écrêtage:

Dans le panneau Calques, nous voyons le calque supérieur découpé sur le calque en dessous, comme nous l’avons vu la dernière fois:

Mais dans le document, nous voyons maintenant un résultat très différent. Cette fois, la section de la photo qui » s assis directement au-dessus de la forme sur le calque en dessous, il reste visible! Les seules parties de la photo qui sont masquées sont les zones entourant la forme, car ces zones sont toujours situées au-dessus de la transparence:

Déplacement de contenu dans un masque d’écrêtage

Bien sûr, le résultat pourrait être meilleur si notre sujet était centré à l’intérieur de la forme. Avec les masques d’écrêtage, il est facile de déplacer et de repositionner le contenu à l’intérieur. Sélectionnez simplement l’outil Déplacer dans la barre d’outils:

Cliquez ensuite sur la photo et faites-la glisser en position. Lorsque vous déplacez l’image, seule la zone qui se déplace sur la forme sur le calque en dessous reste visible. Et ce sont les bases du fonctionnement des masques d’écrêtage :

Quand utiliser un masque d’écrêtage

Alors que les masques de calque sont idéaux pour fusionner des calques avec des transitions fluides, les masques d’écrêtage dans Photoshop sont parfaits lorsque votre image doit tenir dans une forme clairement définie. La forme peut être celle que vous avez dessinée avec un outil de sélection comme nous l’avons vu. Mais un masque d’écrêtage peut également être utilisé pour remplir une forme vectorielle avec une image ou pour placer une image dans du texte. Comme autre exemple de ce que nous pouvons faire avec les masques de détourage, voyons rapidement comment un masque de détourage peut être utilisé pour placer une photo dans un cadre.

Placer une photo dans un cadre avec des masques de détourage

Ici, j’ai un document contenant deux images, chacune sur un calque séparé. La photo sur le calque inférieur contient le cadre:

Et si j’active le calque supérieur en cliquant sur son icône de visibilité:

Nous voyons la photo que je veux placer dans le cadre:

Je vais masquer le calque supérieur pour le moment en cliquant à nouveau sur son icône de visibilité, puis je clique sur le calque d’arrière-plan pour le sélectionner:

Dessin ou sélection de la forme

I a mentionné que les masques d’écrêtage fonctionnent mieux lorsque votre image doit s’adapter à une forme. Dans ce cas, la forme est la zone à l’intérieur du cadre. Puisque la zone est remplie de noir uni, je vais la sélectionner à l’aide de l’outil Baguette magique de Photoshop:

Je clique avec l’outil Baguette magique à l’intérieur du cadre, et maintenant la zone est sélectionnée:

Ensuite, je vais copier la zone sélectionnée dans un nouveau calque en montant dans le menu Calque de la barre de menu, en choisissant Nouveau, puis en choisissant Calque via Copier:

Photoshop copie ma sélection dans un nouveau calque entre le calque d’arrière-plan et la photo que je placerai à l’intérieur du cadre. J’ai maintenant la forme dont j’ai besoin pour créer mon masque d’écrêtage:

Un moyen plus rapide de créer un masque d’écrêtage

Pour créer le coupure masque, je sélectionnerai le calque supérieur, et je réactiverai le calque en cliquant sur son icône de visibilité:

Nous avons vu que nous pouvons créer un masque d’écrêtage en choisissant Créer un masque d’écrêtage dans le menu Calque. Mais un moyen plus rapide consiste à maintenir enfoncée la touche Alt (Win) / Option (Mac) de votre clavier tout en faisant passer le curseur de votre souris entre les deux calques. Votre curseur se transforme en une icône de masque d’écrêtage:

Cliquez sur la ligne de séparation entre les deux calques pour créer le masque d’écrêtage:

Une fois le masque d’écrêtage créé, la photo n’apparaît désormais qu’à l’intérieur du cadre, car c’est la seule partie de l’image qui se trouve au-dessus du contenu réel du calque en dessous. Le reste de la photo est masqué car il « se trouve au-dessus de la transparence:

Redimensionnement du contenu dans un masque d’écrêtage

Enfin, nous avons vu que nous pouvons déplacer du contenu à l’intérieur d’un masque d’écrêtage en utilisant l’outil Déplacer. Mais nous pouvons également redimensionner le contenu dans un masque d’écrêtage tout aussi facilement en utilisant la commande Transformation gratuite de Photoshop. Pour le moment, ma photo est trop grande pour le cadre, je vais donc la redimensionner en allant dans le menu Édition et en choisissant Libre Transformer:

Photoshop place le libre Boîte de transformation et poignées autour de l’image, y compris la zone en dehors du cadre qui « est actuellement masquée par le masque d’écrêtage:

Pour la redimensionner, je maintiendrai ma touche Maj enfoncée tout en cliquant sur les poignées d’angle et en les faisant glisser vers l’intérieur. Maintenez la touche Maj enfoncée pour verrouiller le rapport hauteur / largeur de l’image pour ne pas la déformer:

Pour l’accepter, j’appuie sur Entrée (Win) / Retour (Mac) sur mon clavier pour fermer Free Transform. Et maintenant, grâce à la puissance des masques d’écrêtage, la photo s’intègre parfaitement dans le cadre:

Et voilà! C’est ainsi que les masques d’écrêtage fonctionnent dans Photoshop et comment utiliser un masque d’écrêtage pour afficher et masquer différentes parties d’un calque! Visitez notre section Principes de base de Photoshop pour plus de didacticiels Photoshop!