Explication des canaux RVB et couleur dans Photoshop

Écrit par Steve Patterson.

Saviez-vous que Photoshop est daltonien ? Quand je dis 'daltonien', je ne veux pas dire qu'il a un peu de mal à distinguer certaines nuances de vert et de violet. Je veux dire que c'est complètement et totalement aveugle quand il s'agit de couleur. Tout ce que voit Photoshop est en noir et blanc. Eh bien, noir, blanc et beaucoup de nuances de gris entre les deux, mais c'est tout. L'éditeur d'images le plus puissant au monde, un standard de l'industrie parmi les photographes, les designers et pratiquement tous les professionnels de la création, capable de produire des millions, même des milliards de couleurs, n'a aucune idée de ce qu'est la couleur.



Vous regardez peut-être une photo que vous avez prise lors de vos dernières vacances des eaux cristallines de l'océan, mais Photoshop ne voit qu'un océan gris. Avez-vous réussi à prendre une photo d'un arc-en-ciel se cambrant dans le ciel après un orage d'un soir d'été ? Photoshop le voit comme un bel assortiment de nuances de gris. Et ce fameux pot d'or à la fin ? Pour Photoshop, c'est un gros pot de gris.



Ne vous sentez pas désolé pour Photoshop cependant. Il est parfaitement heureux dans son monde incolore. En fait, la seule raison pour laquelle il nous montre nos images en couleur est que nous, en tant qu'êtres humains, nous attendons à les voir en couleur. Nous ne saurions quoi penser si tout apparaissait en noir et blanc. Mais pas Photoshop. Pour lui, la vie ne pourrait tout simplement pas être plus douce qu'en noir, blanc et gris.

Téléchargez ce didacticiel au format PDF prêt à imprimer !

D'accord, donc si Photoshop n'a aucune idée de ce qu'est la couleur et que tout ce qu'il sait et voit, c'est le noir, le blanc et le gris, comment parvient-il à afficher nos images en couleur ? Je veux dire, voici une image que j'ai ouverte dans Photoshop :



  Une image ouverte dans Photoshop Une photo ouverte dans une fenêtre de document dans Photoshop.

Évidemment, ce petit bonhomme (ou petite fille) est en couleur. En fait, je ne pense pas que les oiseaux soient beaucoup plus colorés que cela. Mais il n'y a pas que l'oiseau. Les feuilles en arrière-plan sont en couleur. Le morceau de bois sur lequel l'oiseau se tient est en couleur. Le tout est en couleur ! Et cette image est ouverte dans Photoshop, alors comment se fait-il que Photoshop ne voit pas la couleur ? Et s'il ne voit vraiment pas la couleur, comment Photoshop fait-il un si bon travail pour nous montrer quelque chose qu'il ne voit pas ?

Pour répondre à cette question, nous devons examiner quelques éléments. L'un est modes de couleur et l'autre est canaux de couleur . Ils sont tous les deux étroitement liés, donc une fois que vous avez compris le premier, les modes de couleur, le second, les canaux de couleur, a beaucoup plus de sens.

Nous savons, ou du moins nous accepterons l'idée pour le moment, que Photoshop ne voit pas la couleur. Tout ce qu'il voit est noir, blanc et gris. Alors, comment prend-il ces noirs, blancs et gris et les traduit-il dans les couleurs que nous voyons sur notre écran ? La réponse est, cela dépend. Ça dépend de quoi, demandez-vous ? Cela dépend de quel Mode de couleur Photoshop utilise.



Il existe plusieurs modes de couleurs différents, mais les deux principaux sont RVB et CMJN . Quelques autres dont vous avez peut-être entendu parler en travaillant dans Photoshop sont Niveaux de gris et Laboratoire (prononcé 'L-a-b', pas 'Lab'). Ce sont tous des exemples de modes de couleur, et ils déterminent comment Photoshop traduit ses informations en noir et blanc en couleur, à l'exception du mode de couleur 'Niveaux de gris', qui n'utilise pas du tout la couleur. Il s'agit strictement d'un mode noir et blanc, souvent utilisé pour convertir rapidement une image couleur en noir et blanc.

De ces quatre que j'ai mentionnés, celui que nous allons examiner ici est le premier, RVB . Le mode 'CMJN' traite de l'impression et de l'encre et est un tout autre sujet pour un autre jour. Le mode 'Grayscale', comme je l'ai mentionné, est strictement utilisé pour les images en noir et blanc, et le mode 'Lab' est au-delà de la compréhension de la plupart des gens sur la planète, ainsi que de quelques personnes sur d'autres planètes, bien qu'il soit souvent utilisé pour l'édition d'images professionnelle, mais même dans ce cas, la plupart des personnes qui l'utilisent n'ont aucune idée de son fonctionnement réel. Ce qui nous laisse avec 'RVB'.

Le mode couleur de loin le plus largement utilisé dans le monde de l'informatique et de la technologie est le mode couleur 'RVB'. Photoshop l'utilise, d'autres programmes sur votre ordinateur l'utilisent, votre écran d'ordinateur l'utilise, votre appareil photo numérique et votre scanner, votre télévision, même le petit écran de votre téléphone portable ou de votre iPod l'utilisent, ainsi que ces systèmes de jeux portables comme le Sony PSP ou la Nintendo DS. S'il s'agit d'un appareil qui affiche ou capture des images, ou d'un logiciel qui édite ces images comme Photoshop, il utilise le mode de couleur 'RVB'. Cela semble assez important, n'est-ce pas? Et c'est certainement le cas. Pourtant, malgré son utilisation généralisée et son importance technologique, tout ce que 'RGB' représente est le nom de trois couleurs - Rouge , Vert et Bleu .



Canaux RVB et couleur : Le monde coloré du rouge, du vert et du bleu

Alors qu'y a-t-il de si spécial dans ces trois couleurs, rouge, vert et bleu ? Eh bien, il se trouve que ce sont les couleurs primaires de la lumière. Et qu'est ce que ca veut dire? Cela signifie que chaque couleur que vous et moi pouvons voir est composée d'une combinaison de rouge, de vert et de bleu. Comment devient-on jaune ? En mélangeant le rouge et le vert. Comment obtient-on du magenta ? En mélangeant le rouge et le bleu. Et l'orange ? 100% rouge, 50% vert. Et ce ne sont que des exemples de base. Chaque couleur que nous pouvons voir est composée d'une combinaison de ces trois couleurs. Cela semble presque impossible, je sais, mais c'est vrai.

Lorsque vous mélangez des versions entièrement saturées des trois couleurs ensemble, vous obtenez un blanc pur. Lorsque vous supprimez complètement les trois couleurs, vous obtenez un noir pur. Et lorsque vous mélangez des quantités égales des trois couleurs à un certain pourcentage entre 0 et 100 %, vous obtenez une nuance de gris.



Regardons à nouveau notre photo de l'oiseau :

  Une image ouverte dans Photoshop

Une image très colorée en effet, mais d'où viennent toutes ces couleurs ? Eh bien, pour commencer, regardons ce que nous disent les informations en haut de la fenêtre de document de Photoshop :

  Les informations en haut de la fenêtre du document Les informations en haut de la fenêtre du document.

Comme j'ai entouré de rouge, Photoshop nous dit que cette image utilise le mode de couleur 'RVB', ce qui signifie que chaque couleur que nous voyons sur la photo est composée d'une combinaison de rouge, de vert et de bleu. Si nous voulons une preuve, tout ce que nous devons faire est de passer la souris sur n'importe quelle partie de l'image et de regarder dans Photoshop Palette d'informations .



Je vais passer ma souris près de l'extrémité de son bec, qui est une zone rouge vif :

  Passer la souris sur l'oiseau's beak Passer la souris sur l'extrémité du bec de l'oiseau.

Regardons la palette d'informations de Photoshop pour voir ce qu'elle nous dit sur cet endroit de l'image :



  Photoshop's Info Palette Palette d'informations de Photoshop.

La partie de la palette d'informations qui nous intéresse est en haut à gauche, comme je l'ai encerclé ci-dessus, qui nous montre les valeurs de couleur RVB. Une chose que vous devez comprendre ici, et c'est vraiment un tout autre sujet en soi, mais Photoshop ne répertorie pas les valeurs de couleur RVB sous forme de pourcentages, nous ne verrons donc pas des valeurs comme '10 % de rouge, 40 % de vert et 50 % bleu'. Au lieu de cela, les valeurs RVB sont répertoriées sous forme de nombres compris entre 0 et 255, 0 étant absolument aucune quantité de cette couleur dans l'image et 255 étant la couleur à pleine puissance. Donc, si nous regardons la zone que j'ai encerclée, nous pouvons voir que la zone sur laquelle je survole l'image est composée de rouge à une valeur de 216 (une quantité très élevée), de vert à 59 (une quantité beaucoup plus petite), et le bleu à seulement 1 (pourrait aussi bien être zéro), ce qui signifie qu'il n'y a pratiquement pas de bleu dans cette zone et seulement une petite quantité de vert. La grande majorité de la couleur provient du rouge, ce qui est logique puisque le bec de l'oiseau est clairement rouge.

Regardons un autre endroit. Je passe ma souris sur une zone de son dos :

  Passer la souris sur une zone de l'oiseau's back Passer la souris sur un point sur le dos de l'oiseau.

Cette zone me semble plutôt verte, et si nous regardons ce que nous dit la palette Info :

  Photoshop's Info Palette Palette d'informations de Photoshop nous montrant les valeurs RVB pour cette partie de l'image.

Effectivement, le vert est de loin la couleur prédominante, avec une valeur de 180. Le rouge n'apparaît qu'à 20, ce qui est une très petite quantité, et le bleu est encore moins à 16.

Faisons cela une fois de plus. Je passe la souris quelque part au-dessus de la tête de l'oiseau :

  Passer la souris sur une zone de l'oiseau's head Passer la souris sur un point sur la tête de l'oiseau.

Cette fois, le bleu devrait être beaucoup plus visible dans la palette d'informations :

  Photoshop's Info Palette showing us the RGB information for the area on the bird's head Palette d'informations de Photoshop nous montrant les informations RVB pour la tache sur la tête de l'oiseau.

Et bien sûr, cette fois, le bleu arrive à une valeur de 208 et est la couleur prédominante. Bien sûr, la tête de l'oiseau n'est pas d'un bleu pur. C'est plutôt un bleu-violet, ce qui explique pourquoi le vert arrive toujours à 100, et même le rouge fait une apparition décente à une valeur de 90. Tous les trois se mélangent à l'écran pour nous donner cette couleur bleu-violet que nous 're voir.

Je pourrais continuer à passer ma souris sur n'importe quel endroit de la photo (je ne le ferai pas, mais je pourrais) et nous verrions les valeurs du rouge, du vert et du bleu changer dans la palette Info, puisque chaque couleur de l'image est composé d'une certaine combinaison d'entre eux.

Et c'est ainsi que fonctionne le mode couleur RVB. Encore une fois, RVB ne signifie rien de plus difficile que 'Rouge', 'Vert' et 'Bleu', et comme cette image est en mode couleur RVB, Photoshop reproduit chacune des couleurs en utilisant des combinaisons de rouge, vert et bleu.

Canaux de couleur

Jusqu'à présent, nous avons appris que Photoshop ne voit pas la couleur. Tout dans le monde de Photoshop est composé de noir, de blanc ou d'une nuance de gris. Nous avons également appris que Photoshop utilise le mode couleur RVB pour afficher les couleurs à l'écran en mélangeant différentes combinaisons de rouge, de vert et de bleu. Mais comment Photoshop sait-il combien de rouge, de vert et de bleu mélanger pour chaque couleur à l'écran lorsqu'il ne voit pas les couleurs pour commencer ? Je veux dire, c'est formidable que Photoshop puisse afficher du jaune pur en mélangeant du rouge à une valeur maximale de 255 avec du vert également à 255, mais comment sait-il qu'il affiche du jaune en premier lieu ?

La réponse est que non.

Hein? Ce n'est pas le cas ?

Non, ce n'est pas le cas. Photoshop ne sait pas que vous vous attendez à voir du jaune dans une certaine partie de l'image. Tout ce qu'il sait, c'est qu'il est censé afficher du rouge à 255 et du vert à 255, sans laisser de bleu. Si cela fait une certaine couleur que vous et moi appelons 'jaune', super, mais vraiment, Photoshop s'en fout. Tout ce qu'il sait, c'est 'afficher le rouge à 255, le vert à 255 et le bleu à 0 dans ce pixel spécifique'. Quelle que soit la couleur qui finit par être pour vous et moi, cela n'a pas d'importance pour Photoshop. Lors de l'ajout de couleurs aux images, Photoshop est strictement un artiste 'peinture par numéros'.

Très bien alors, tout ce que Photoshop sait, c'est ajouter une certaine quantité de rouge, de vert et de bleu. Mais comment sait-il quelle quantité de chaque couleur ajouter alors qu'il ne comprend qu'un monde de noir, de blanc et de gris ? Deux mots... Canaux de couleur .

Regardons à nouveau notre photo d'oiseau :

  La photo de l'oiseau.

C'est ainsi que vous et moi voyons l'image. Cette est comment Photoshop le voit:

  Le canal rouge

Mais attendez, il y a plus. C'est aussi comment Photoshop le voit :

  Le canal vert

Mais comment peut-il le voir dans deux versions différentes en noir et blanc ? Bonne question. La réponse est que non. Il le voit dans Trois différentes versions en noir et blanc. Voici le troisième :

  Le canal bleu

Ce que nous voyons comme une image en couleur, Photoshop le voit comme trois images distinctes en noir et blanc. Chacune de ces images représente un canal de couleur. Le premier était le canal rouge, le second était le canal vert et le troisième était le canal bleu. Trois canaux séparés pour trois couleurs distinctes, tous réunis pour créer l'image en couleur.

Considérez les 'canaux' de couleur comme des 'filtres' de couleur. Chaque fois que Photoshop affiche une image couleur à l'écran, il sait quelles couleurs afficher en faisant briller une lumière à travers les filtres. Il fait d'abord briller la lumière à travers le filtre rouge (le canal rouge). Si aucune quantité de lumière ne traverse le filtre, Photoshop sait qu'il doit afficher du rouge à une valeur de 0. Si toute la lumière traverse le filtre, Photoshop affiche du rouge à une valeur maximale de 255. Si une quantité moindre de lumière passe à travers , Photoshop affiche le rouge à une valeur comprise entre 0 et 255 en fonction de la quantité de lumière traversée.

Ensuite, il fait la même chose avec le filtre vert (le canal vert), en attribuant au vert une valeur de 0 si aucune lumière ne passe, 255 si toute la lumière passe, et une valeur intermédiaire si une partie mais pas toute la lumière passe à travers. Ensuite, il le fait avec le filtre bleu (le canal bleu). Quand c'est fait, il sait quelle valeur définir pour le rouge, le vert et le bleu, et il les combine pour créer la couleur que nous voyons. Il le fait pour chaque pixels dans votre image, donc si votre image contient des millions de pixels, comme le font la plupart des photos d'appareils photo numériques de nos jours, Photoshop passe par ce processus des millions de fois juste pour afficher l'image que vous voyez sur votre écran. Vous voyez à quel point Photoshop vous aime ? D'accord, il y a un instant, j'ai dit que Photoshop s'en foutait. Passons à autre chose.

Les 'filtres' utilisés par Photoshop sont ces trois images en noir et blanc distinctes que nous avons vues à la page précédente. Reprenons le rouge :

  Le canal rouge L'image en noir et blanc du canal rouge.

Bon, alors comment Photoshop parvient-il à utiliser cette image en noir et blanc comme filtre rouge ? Rappelez-vous comment j'ai dit que Photoshop attribue une valeur entre 0 et 255 au rouge en fonction de la quantité de lumière qui traverse le filtre ? Eh bien, la quantité de lumière capable de passer à travers le filtre dépend de la luminosité ou de l'obscurité de cette partie de l'image en noir et blanc. Toutes les zones qui sont en noir pur ne laissent passer aucune lumière, ce qui signifie que le rouge sera réglé sur 0 dans ces parties de l'image. Toutes les zones d'un blanc pur laissent passer toute la quantité de lumière, le rouge sera donc réglé sur 255 dans ces zones. Et les zones qui ont une certaine nuance de gris, qui constituent généralement la majeure partie de l'image, laisseront passer des quantités variables de lumière en fonction de la clarté ou de l'obscurité de la nuance de gris. Dans l'image ci-dessus, nous pouvons voir que les parties les plus brillantes de l'image sont le bec et la poitrine de l'oiseau, ce qui, d'après ce que je viens de dire, devrait signifier que ces zones contiennent beaucoup de rouge dans la version en couleur. De même, son dos, ses ailes et son ventre sont très sombres, donc ces zones ne devraient pas avoir beaucoup de rouge, voire pas du tout.

Regardons à nouveau la version en couleur :

  La photo de l'oiseau.

Nous avons dit que le bec et la poitrine devraient contenir beaucoup de rouge, et bien sûr, ils le font ! Nous avons également dit que le dos, l'aile et le ventre devraient sembler avoir très peu de rouge, voire aucun, et ils ne me paraissent certainement pas rouges.

Regardons à nouveau l'image en noir et blanc que Photoshop utilise pour le canal vert :

  Le canal vert L'image en noir et blanc du canal vert.

Cette image en noir et blanc contient beaucoup de zones plus claires, ce qui signifie qu'il devrait y avoir beaucoup de vert sur cette photo. Curieusement, l'une des zones les plus brillantes de l'image se trouve le long des côtés de la poitrine de l'oiseau, et je ne me souviens pas qu'elle était verte. Vérifions cela en regardant à nouveau la version en couleur :

  La photo de l'oiseau.

Il y a certainement beaucoup de vert dans l'image, ce qui explique pourquoi l'image en noir et blanc avait tant de nuances de gris plus claires. Si je regarde le côté de la poitrine de l'oiseau, qui était l'une des zones les plus claires de l'image en noir et blanc, il n'a pas l'air vert du tout. En fait, c'est très jaune ! Comment est-ce possible? Simple. Le rouge et le vert combinés donnent du jaune, donc pour afficher le jaune, Photoshop doit mélanger le rouge et le vert ensemble.

Cette image a beaucoup de zones très sombres, surtout chez l'oiseau lui-même, à l'exception de la tête de l'oiseau qui est très lumineuse. Cela devrait signifier que la seule partie de l'oiseau qui devrait apparaître bleue est sa tête, bien que son ventre devrait également avoir une quantité notable de bleu, ainsi que ses pieds et le morceau de bois sur lequel il se tient. Nous allons jeter un coup d'oeil:

  La photo de l'oiseau.

Effectivement, la tête de l'oiseau est très bleue, et on peut aussi voir du bleu dans son ventre, ainsi que ses pattes et le morceau de bois. Le reste de l'oiseau n'a pas de zones bleues visibles, c'est pourquoi il est apparu si sombre sur l'image en noir et blanc.

Et cela conclut à peu près notre regard sur le fonctionnement du mode de couleur RVB et des canaux de couleur dans Photoshop, à une exception près. Nous n'avons toujours pas vu où vous pouvez accéder à ces canaux de couleur. Vous les trouverez dans le bien nommé Palette Canaux , qui est regroupé avec la palette Calques :

  Photoshop's Channels palette. Palette Couches de Photoshop.

La palette Canaux ressemble beaucoup à la palette Calques, sauf qu'elle affiche des informations sur les canaux de couleur au lieu des calques. Vous pouvez voir qu'il y en a un pour le rouge, un pour le vert et un pour le bleu, et chacun contient sa propre version en noir et blanc de l'image, comme je l'ai montré dans ce tutoriel. Le canal tout en haut, 'RVB', n'est pas vraiment un canal du tout. C'est juste le composite des trois canaux, nous donnant la photo en couleur. Vous pouvez cliquer sur n'importe lequel des canaux individuellement dans la palette Canaux pour afficher l'image en noir et blanc de ce canal dans la fenêtre de document.

Et là, nous l'avons. Nous savons maintenant que Photoshop voit tout en termes de noir, blanc et gris. Nous savons qu'il utilise le mode de couleur RVB (par défaut de toute façon) pour mélanger différentes quantités de rouge, de vert et de bleu pour créer ce que nous voyons comme l'image en couleur sur notre écran. Et nous savons qu'il détermine la quantité de rouge, de vert et de bleu à utiliser en regardant la version noir et blanc de l'image dans chacun des trois canaux de couleur, et qu'il le fait pour chacun des millions de pixels dans le image, tout cela pour que vous et moi puissions voir une version en couleur alors que Photoshop en était parfaitement satisfait en noir et blanc.

Et c'est ainsi que nous savons que Photoshop nous aime. Nous en finirons là.


Obtenez tous nos tutoriels Photoshop au format PDF ! Téléchargez-les dès aujourd'hui !