Par défaut, tous les nouveaux calques dans Photoshop sont créés avec une opacité de 100 %. Mais le degré de transparence du calque peut être modifié à l'aide des paramètres Opacité Et Remplir situé en haut de la palette Calques.

Opacité(Opacité) est un paramètre avec une échelle de 100 % qui permet de modifier le degré de transparence de l'ensemble du calque, avec tous les effets appliqués. Si la valeur est différente de 100%, le calque sous-jacent sera visible. Un niveau de transparence de 0% indique une absence totale d'images visibles.

La transparence de la couche peut être comparée au papier calque que l'on applique sur les dessins afin de les copier.

Remplir(Remplir) est un paramètre mis à l'échelle à 100 % qui vous permet de modifier la visibilité d'un calque sans affecter ses superpositions.

À quoi ressemble la transparence dans Photoshop

Logiquement, la transparence d'une image numérique est l'absence de saturation et de densité des couleurs. Si vous imaginez la couleur comme un film, alors la transparence est l’intensité de la lumière qui la traverse. Mais Comment afficher la translucidité sur un ordinateur ?

Photoshop a introduit la convention de transparence dans le monde de l'infographie - fond d'échecs.

Aujourd’hui, cette convention est devenue une norme. De nombreux programmes et services Web utilisent des arrière-plans en damier en matière de transparence. Par exemple, Yandex.Images ou Google Images affichent des images avec des éléments transparents sur un fond en damier.

3 façons de rendre un calque d'image transparent

Pour commencer, vous avez besoin de la couche nécessaire. La technique consistant à en sélectionner deux ou plus à l'aide des touches Ctrl ou Shift serait également appropriée ici.

Note

Le calque d'arrière-plan (avec l'icône de verrouillage) ne peut pas être transparent. Pour lui, ces paramètres sont inactifs.

Encore une remarque

La vignette du calque ne changera pas, quelle que soit la valeur de transparence que vous définissez.

Méthode 1 sur 3: Saisir des chiffres

Entrez la valeur de transparence requise en nombres de 0 à 100 dans la fenêtre des paramètres spéciaux de la palette. Étant donné que les deux paramètres ont presque le même effet, vous pouvez utiliser l’un ou l’autre, rappelez-vous simplement de quoi il s’agit.

Méthode 2 Contrôle du curseur

Un peu à droite des chiffres se trouve un bouton avec une petite flèche. Si vous cliquez dessus, un curseur apparaîtra. Vous devez le déplacer avec la souris vers la gauche ou la droite pour diminuer ou augmenter la transparence du calque, respectivement.

L'affichage numérique affichera la valeur actuelle et l'image elle-même changera avec le mouvement de votre main.

Méthode 3 sur 3: Utiliser le clavier

Pour un certain nombre d'outils Photoshop, il est possible de modifier l'opacité d'un calque à l'aide du clavier. Sélectionnez un outil, par exemple, ou (il existe également de nombreux autres outils, vous pouvez les trouver par force brute).

Appuyez maintenant sur les chiffres de votre clavier :

• Le chiffre 1 changera l'opacité à 10 %, 2 à 20 %, 5 à 50 % et ainsi de suite ;
• Le chiffre 0 signifie 100 % ;
• Composez le 55 et vous obtenez 55%, 67 fait 67% et ainsi de suite

Utiliser la même technique pour changer Remplissages, maintenez la touche Maj enfoncée ainsi que les chiffres.

Comment rendre transparente une section distincte d'un calque

Rendre transparent non pas l’ensemble du calque, mais seulement une section distincte de celui-ci nécessitera un certain effort. Il n’existe aucun outil en tant que tel à cet effet. Cependant, selon le problème, il existe au moins deux solutions.

Les deux solutions sont unies par le travail initial, peut-être le plus long : créer un espace dédié. La logique de l'action est simple : vous devez sélectionner un fragment de l'image avec lequel un travail ultérieur aura lieu.

Dans notre exemple, disons que vous devez rendre transparent un fond rond gris. Pour ce faire, j'utiliserai l'outil. Sur le panneau des paramètres, vous devez définir le paramètre Ajouter à la sélection, puis cliquez sur toutes les zones souhaitées jusqu'à ce que vous les sélectionniez toutes.

Une fois la zone sélectionnée apparue, vous pouvez rendre ce fragment transparent.

Méthode 1 Découpez la zone souhaitée de l'image sur un nouveau calque

Vous devez d’abord vous assurer qu’aucun des outils permettant de créer une zone sélectionnée n’est actif. Par exemple Baguette magique, qui a été utilisé à l’étape précédente.

Vous pouvez maintenant cliquer avec le bouton droit sur la sélection. Un menu contextuel apparaîtra. Nous sommes intéressés par l'équipe Couper vers un nouveau calque.

En conséquence, ce fragment sera séparé de l'image actuelle et déplacé vers un nouveau calque. Et puis vous pouvez faire ce que vous voulez avec ce nouveau calque, y compris modifier la transparence.

Méthode 2 sur 3: Utiliser une gomme

Cette méthode convient si vous devez obtenir non pas une réduction uniforme de la transparence, mais une réduction flottante, c'est-à-dire rendre cet effet plus fort à certains endroits et plus faible à d'autres.

Sélectionnez , dans la barre d'options, définissez la valeur Opacité différent de 100 %. Effacez ensuite les zones de l'image qui se trouvent dans la zone sélectionnée. L'outil n'affectera que les pixels que vous avez sélectionnés.

Changer la valeur Opacité, si vous devez obtenir un effet inégal.

Comment enregistrer une image avec transparence

Il y en a beaucoup, mais seuls deux d'entre eux prennent en charge la transparence : PNG et GIF.

GIF a une limitation - le pixel doit être transparent ou non, il n'y a pas de troisième option, c'est-à-dire qu'une valeur de transparence, par exemple 59 %, ne sera plus prise en charge. Ce format comporte également des restrictions sur le nombre de couleurs utilisées - il ne peut y en avoir plus de 256.

Par conséquent, l'image doit être enregistrée au format PNG. Seulement, il est dépourvu de tous défauts et est capable d'afficher des pixels translucides.

Pour créer une image PNG dans Photoshop, vous devez exécuter la commande : Fichier - Enregistrer sous. Une boîte de dialogue apparaîtra dans laquelle vous devrez spécifier un emplacement à enregistrer sur votre ordinateur, ainsi que sélectionner dans la liste déroulante Type de fichier — PNG(*.PNG).

Si vous remarquez une erreur dans le texte, sélectionnez-la et appuyez sur Ctrl + Entrée. Merci!

Si tu ne sais pas comment faire de la transparence dans Photoshop, alors essayons de le comprendre ensemble. En général, il n'y a rien de compliqué ici, vous n'aurez donc pas besoin de connaissances particulières, puisque cela Effet Photoshop basé principalement sur la modification de la transparence de l'outil Gomme (Outil Gomme), ainsi que l'utilisation de la transparence des calques (Opacité).

Pour démontrer en pratique, sélectionnons une image, par exemple un verre (Fig. 1) et, en la plaçant sur un fond, par exemple une table dans un café (Fig. 2), rendons-la transparente.

Chiffre n°1. Rendons un verre transparent dans Photoshop.

Chiffre n°2. Table dans un café.

Il existe de nombreuses façons comment faire de la transparence dans Photoshop, nous examinerons cependant les deux qui me semblent les plus couramment utilisés.

Comment rendre un calque transparent dans Photoshop

Dans le premier cas, nous examinerons un exemple dans lequel non pas un objet spécifique ou une partie de celui-ci, mais un calque entier peut être rendu transparent. De cette façon, si vous en avez besoin, vous pouvez facilement Rendre un calque transparent dans Photoshop, par exemple, pour réduire la saturation de la couche supérieure.

Alors commençons. Prenons une photo qui montre un verre et extrayons-la du fond général, par exemple en utilisant la leçon "".

Figure n°3. Comment extraire un objet de l'arrière-plan.

Copiez maintenant l'intégralité du calque à l'aide de la combinaison de touches de raccourci. Ctrl+A, et après Ctrl+C, et ouvrez la photo sur laquelle nous allons placer notre verre (Fig. 2). Insérez ensuite le verre à l'aide de la combinaison de touches Ctrl+V, et ajustez la taille du verre dont nous avons besoin s'il s'avère soudainement plus grand que nécessaire (Fig. 4).

Figure n°4. Insérez le verre sur un nouveau fond.

Redimensionner un objet dans Photoshop tu peux faire ceci :

Sélectionnez le calque avec le verre (1) et Outil de déplacement(2) (Fig.5);

Chiffre n°5. Outil de déplacement dans Photoshop.

Maintenant, nous regardons le panneau supérieur et y trouvons Afficher les contrôles de transformation(n’oubliez pas d’activer cette option) (Fig. 6) ;

Chiffre n°6. Afficher les contrôles de transformation dans Photoshop.

En maintenant la touche enfoncée Changement et en saisissant le coin, nous changeons la taille du verre, en définissant celle dont nous avons besoin (Fig. 7), après quoi nous décochons Afficher les contrôles de transformation.

Chiffre n°7. Comment redimensionner un objet.

Il faut maintenant, ou plus précisément, rendre transparente la couche sur laquelle se trouve le verre. Modifier l'opacité du calque dans Photoshop possible dans le panneau Calques (Calques), en modifiant le paramètre Opacité (Opacité) (Fig.8).

Chiffre n°8.

Comment rendre un objet transparent dans Photoshop

Si nécessaire rendre un objet transparent, qui se trouve sur un calque, mais que le reste de la pièce doit rester opaque, alors l'exemple précédent ne nous conviendra tout simplement pas. Dans ce cas, vous pouvez utiliser la méthode suivante. Sélectionnez le calque sur lequel se trouve notre verre. Maintenant nous choisissons Outil Gomme (Outil Gomme) et changez-le Opacité (Opacité), qui se règle sur le panneau supérieur (Fig. 9).

Chiffre n°9. Modifier l'opacité de l'outil Gomme dans Photoshop.

Il ne reste plus qu'à recouvrir la partie du verre que l'on souhaite rendre transparente (Fig. 10).

La sélection d'objets est une partie importante de tout flux de travail de retouche photo, mais souvent, la sélection n'est pas aussi simple qu'il y paraît. Dans ce didacticiel, nous allons vous montrer comment effectuer une sélection de verre, y compris des éléments transparents. Commençons !

Le résultat final.

Matériel de cours :

Étape 1

Les sélections font partie intégrante du processus de traitement d'image dans Photoshop. Le processus de création d’une sélection est simple, mais pas toujours. Parfois, les zones transparentes des objets peuvent rendre leur sélection difficile et leur séparation. Dans de tels cas, la méthode habituelle pour séparer un objet à l'aide d'un outil est Plume(Pen Tool) est insuffisant. Pour mettre en évidence des objets avec différents niveaux de transparence, nous avons besoin d'un outil ou d'une commande qui nous permettra de contrôler les informations de luminosité des canaux de couleur de cette image. Parce que nous ne souhaitons pas seulement créer un simple contour de compartiment, mais plutôt créer un masque dans lequel nous pouvons stocker différentes informations de luminosité afin de définir différents niveaux de transparence. Puisque le canal est une image en niveaux de gris, nous pouvons l'utiliser efficacement pour créer un masque car le masque utilise également des niveaux de gris pour stocker les informations de transparence (blanc = 100 % opaque et noir pur = 100 % transparent).

Étape 2

L'un des principaux avantages de l'accès aux canaux individuels dans Photoshop est la possibilité de créer des sélections. Vous pouvez utiliser des canaux individuels pour créer différents reflets dans une image. Lorsque vous souhaitez mettre en évidence une zone spécifique d'une image, utilisez des canaux de couleur qui offrent le plus grand contraste sur les bords de cette zone.

Étape 3

C'est l'image originale d'un verre d'eau. Bien qu’il s’agisse d’une image CMJN, le même processus fonctionnera pour une image RVB. La seule différence sera dans la palette Canaux(Chaînes). Au lieu de quatre canaux de couleur et d'un composite comme une image CMJN, une image RVB aura trois canaux de couleur et un composite. Le but de ce tutoriel est de supprimer toutes les zones noires de l'image, mais de préserver complètement le verre, l'eau, les bulles et les reflets sous le verre. Ainsi, on peut utiliser le verre séparé sur tout autre fond (uni couleur ou photographie). Dans ce tutoriel, nous utiliserons la commande Canal externe(Appliquer l'image), qui se trouve dans le menu Image - Canal externe(Image > Appliquer l'image).

Étape 4

Équipe Canal externe(Appliquer l'image) vous permet de superposer un seul calque et canal d'image avec le calque et le canal de l'image active. Mais souviens-toi de ça Dimension Les dimensions en pixels des images doivent correspondre pour que les noms d'image apparaissent dans la boîte de dialogue Canal externe.
Mais dans notre cas, nous n’utilisons pas deux images. On mélange une copie du canal noir avec lui-même en utilisant les options de la section Cible(Cible) dans la boîte de dialogue Canal externe. Ici, vous pouvez également définir le mode de fusion que vous souhaitez utiliser lors du mélange.

Étape 5

Ouvrez le fichier dans Photoshop. Puis dans le panneau Canaux(Chaînes) Explorez les chaînes et trouvez une chaîne avec un bon contraste. Il est très important de créer une sélection, de trouver et de déterminer le canal le plus contrasté.

Étape 6

Dans la capture d'écran ci-dessous, vous pouvez voir que le canal noir présente un bon contraste entre le verre et l'arrière-plan.

Étape 7

Copiez le canal noir en le faisant simplement glisser sur l'icône en bas de la palette des canaux Créer une nouvelle chaîne(Créer une nouvelle chaîne). Vous pouvez également cliquer avec le bouton droit sur le canal noir et sélectionner Créer une chaîne en double(Canal en double).

Étape 8

Activez ensuite une copie du canal noir et allez dans le menu Image - Canal externe(Image > Appliquer l'image).

Étape 9

Pour commencer, dans la boîte de dialogue Canal externe, définissez le mode de fusion Multiplication(Multiplier). Cela améliorera les noirs et transformera également les zones grises de tout l'arrière-plan en zones plus noires. Dans la rubrique Cible(Cible) réduire Opacité(Opacité) à 50 % pour réduire le mélange. Sinon, nous pourrions éliminer certaines zones qui ne sont pas d'un blanc pur.

Étape 10

Mode de fusion Multiplication(Multiplier) lit les informations de couleur dans chaque canal et multiplie la couleur de base par la couleur de mélange. Par conséquent, l’utilisation du mode de fusion multiplié produit toujours une couleur plus foncée. N'importe quelle couleur en mode fusion Multiplication(Multiplier) en interaction avec la couleur noire entraînera toujours une couleur noire. Utiliser le mode de fusion Multiplication(Multiplier), nous supprimons les éventuelles zones grises en arrière-plan.

Étape 11

Maintenant, utilisez Canal externe(Appliquer l'image) deux fois, en changeant le mode de fusion en Chevaucher(Superposition) pour rehausser le blanc. Cette fois, utilisez Opacité(Opacité) 100%. Nous pouvons désormais sélectionner facilement les zones blanches. Le but de ce procédé est de créer un masque efficace, rapide et acceptable.

Étape 12

Mode de fusion Chevaucher(Superposition) multiplie ou éclaircit les couleurs en fonction de la couleur de base. La couleur de base n'est pas modifiée, mais mélangée en fonction de la luminosité et de l'obscurité de la couleur d'origine. Les zones blanches deviennent plus claires et les zones noires plus sombres. Utiliser le mode de fusion Chevaucher(Superposition) nous agrandissons et améliorons les zones blanches, et masquons les noires.

Étape 13

On peut également ajuster la copie du canal noir à l'aide de l'outil Brosse(Pinceau), dessin en blanc ou en noir. En utilisant du blanc, on conserve ces zones ; si elles sont noires, alors, au contraire, on supprime (masque). Le blanc indique les zones opaques du canal et le noir indique les zones transparentes.

Étape 14

Chargez une sélection d'une copie du canal noir en cliquant sur sa vignette tout en maintenant la touche Ctrl enfoncée, ou cliquez sur le premier bouton en bas de la palette des canaux, qui effectuera la même action sur la sélection.

Étape 15

Accédez ensuite à la palette des calques et dupliquez le calque d'arrière-plan en le faisant glisser sur l'icône correspondante en bas de la palette des calques. Vous pouvez également cliquer avec le bouton droit sur le calque d'arrière-plan et sélectionner Dupliquer le calque(Dupliquer le calque).

Étape 16

Gardez le calque de copie d'arrière-plan actif et, sans le désélectionner, cliquez sur l'icône de masque en bas de la palette des calques pour ajouter un masque de calque.

Étape 17

Créez un nouveau calque vierge sous le calque de masque et remplissez-le de rouge ou de bleu. Vérifions la qualité du masque. Vous pouvez voir qu'il y a des zones grises à l'intérieur du masque.

Étape 18

Il existe deux méthodes pour supprimer les zones grises indésirables. Bien que la première méthode décrite ci-dessous donne de meilleurs résultats, examinons les deux.

Étape 19

Considérons la première méthode. Modifiez le mode de fusion du calque de copie d'arrière-plan en Remplacement par de la lumière(Éclaircir), ce qui supprimera les zones grises.

Étape 20

Mode de fusion Remplacement par de la lumière(Éclaircir) lit les informations de couleur dans chaque canal et les pixels plus foncés que les couleurs mélangées sont remplacés, mais ceux qui sont plus clairs ne le sont pas. En conséquence, les pixels sombres et gris sont supprimés.

Étape 21

Examinons maintenant la deuxième méthode. Cliquez sur la vignette du masque de calque avec une copie de l'arrière-plan, tout en maintenant la touche Ctrl enfoncée, pour charger la sélection du masque. Vous pouvez charger la même sélection à partir d'une copie du canal noir.

Étape 22

Cliquez maintenant sur l'icône Créer de nouveaux calques de réglage en bas de la palette des calques.

Étape 23

Sélectionnez un nouveau calque de réglage Niveaux(Niveaux).

Étape 24

Dans la boîte de dialogue Paramètres des niveaux, faites d'abord glisser le marqueur de tons moyens, puis faites glisser le marqueur de surbrillance blanc pour supprimer les zones grises, ou plutôt transformer le gris en blanc.

Étape 25

Après avoir appliqué le mode de fusion Remplacement par de la lumière(Éclaircir), si vous regardez bien, vous pouvez voir quelques pièces endommagées dans les zones blanches. Vous pouvez utiliser l'outil Timbre(Clone Stamp Too) et corrigez ces zones.

Étape 26

C'est tout ce qu'est la science. Vous pouvez désormais utiliser ces méthodes pour séparer des objets ayant une opacité différente.
Ci-dessous, vous pouvez voir les versions Avant et Après.

Je souhaite consacrer cette leçon à un point aussi intéressant que la transparence des calques dans Photoshop. La superposition est l'une des compétences les plus essentielles d'Adobe Photoshop. Si vous avez déjà essayé de comprendre ce fonctionnement, vous êtes certainement tombé sur la définition de « l’opacité des calques ». De quoi s'agit-il et avec quoi le mange-t-on ?

Quelle couche est considérée comme transparente ?

Regardons la première situation. Disons que nous avons une image originale. Disons une photo. Et nous devrions créer un nouveau calque. Disons en utilisant la combinaison de touches ctrl+shift+n.

Ce nouveau calque sera transparent.

Deuxième situation. Vous disposez déjà d'un document à deux calques. Les deux sont opaques. Cela ressemble à ceci.

Le fait que nous ayons deux calques dans l’image originale peut être vu dans la fenêtre des calques. Essayons de rendre le calque Harley Quinn transparent.

Pour ce faire, dans la fenêtre des calques, nous sélectionnons celui du haut et réduisons sa transparence à zéro en déplaçant le curseur.

Le calque avec Harley est devenu transparent et l'image de Deadpool est apparue sur le fichier source. C’est comme ça que tout s’est avéré simple.

Comment rendre un calque semi-transparent ?

Revenons à la même source avec Deadpool et Harley. Mais cette fois, nous ne déplaçons pas le curseur sur zéro. Laissons-le à, disons, 50 pour cent. Que va-t-il se passer ?

L'accueil est très utile. Souvent utilisé dans la conception de sites Web et lors de la création de collages.

Par quelle autre méthode pouvons-nous influencer la transparence d’un calque ?

La transparence du calque peut être modifiée via les options de fusion. Ce n’est pas une solution de contournement très pratique. Même si, à mon époque, je l’ai rencontré assez souvent, je vais donc vous en parler. Accédez aux options de fusion.

Dans la fenêtre qui apparaît, nous voyons le même curseur avec une échelle de pourcentage. Long et fastidieux, bien sûr. Mais en fait, une telle chose existe et avec son aide, vous pouvez vraiment réduire la transparence d'un calque.

Note 1 Note 2 Note 3 Note 4 Note 5

Détails Catégorie : web designer Auteur : SEO & WEB - KELL4

Création d'un fond transparent en HTML et CSS (effets d'opacité et RGBA)

Effet translucide L'élément est clairement visible dans l'image d'arrière-plan et s'est répandu dans différents systèmes d'exploitation car il est élégant et beau. L'essentiel est d'avoir non pas un dessin monochromatique sous les blocs translucides, mais une image c'est dans ce cas que la transparence devient perceptible.

Cet effet est obtenu de différentes manières, notamment par des méthodes anciennes telles que l'utilisation d'une image PNG comme arrière-plan, la création d'une image en damier et la propriété d'opacité. Mais dès qu'il est nécessaire de réaliser un fond translucide dans un bloc, ces méthodes présentent des inconvénients désagréables.

Examinons la translucidité du texte et de l'arrière-plan - comment l'utiliser correctement dans la conception de sites Web :

La principale caractéristique de cette propriété est que la valeur de transparence affecte tous les éléments enfants qu'elle contient, pas seulement l'arrière-plan. Cela signifie que l'arrière-plan et le texte deviendront translucides. Vous pouvez augmenter le niveau de transparence en modifiant la commande d'opacité de 0,1 à 1.

HTML 5 CSS 3 IE 9

Dans la conception Web, une transparence partielle est également utilisée et est obtenue grâce au format de couleur RGBA, qui est défini uniquement pour l'arrière-plan de l'élément.

Généralement, dans une conception, seul l’arrière-plan d’un élément doit être translucide et le texte doit être opaque pour conserver la lisibilité. La propriété opacity ne convient pas ici car le texte à l'intérieur de l'élément sera également partiellement transparent. Il est préférable d'utiliser le format RGBA, qui comporte un canal alpha, ou en d'autres termes, une valeur de transparence. La valeur s'écrit rgba, puis les valeurs des composantes de couleur rouge, bleue et verte sont listées entre parenthèses, séparées par des virgules. Le dernier est la transparence, qui est définie entre 0 et 1, 0 signifiant transparence totale et 1 opacité des couleurs - la syntaxe d'utilisation de rgba.

Fond translucide HTML 5 CSS 3 IE 9

L'opacité de l'arrière-plan est définie sur 90 % - arrière-plan semi-transparent et texte opaque.