[Gimp] Calques et modes de fusion

Découvrez les outils et techniques communs aux graphistes et aux photographes.

[Gimp] Calques et modes de fusion

Messagede Loira » 09 Déc 2005 19:34

Ce tutoriel est sous licence Attribution-NonCommercial 2.0 de Creative Commons qui vous permet de reproduire, redistribuer, modifier et communiquer ce tutoriel selon les conditions suivantes :
  • Vous devez citer le nom de l'auteur et celui du forum.
  • Vous n'avez pas le droit d'utiliser ce tuto à des fins commerciales.
  • A chaque réutilisation ou distribution, vous devez faire apparaître clairement la présente license.



Les calques sont les incontournables de tout logiciel graphique. Nous allons donc commencer par faire un peu de théorie avant d'aborder cette fonction sous Gimp


Gimp, les calques


1. Présentation
    Peut-être vous souvenez-vous de la façon dont on faisait des dessins animés avant l'ère du numérique : devant l'objectif d'une caméra, on empilait des celluloïds transparents peints. En bas de la pile, se trouvait le décor d'arrière-plan ; tout au-dessus, on trouvait un premier plan ; entre les deux, s'entassaient des plans intermédiaires, et un ou plusieurs personnages. L'avantage était bien sûr de ne pas avoir à tout repeindre pour chaque image. Seules les parties animées étaient à refaire.

    Un logiciel graphique fonctionne de la même manière : on empile des calques les uns sur les autres et on voit le résultat à l'écran. Mais grâce à l'informatique, le fonctionnement des calques est à la fois beaucoup plus fin et beaucoup plus puissant que celui des celluloïds.

    :arrow: Un celluloïd était complètement opaque dans sa partie peinte et complètement transparent dans sa partie non peinte. L'opacité d'un calque se règle de 0 (transparence complète) à 100 (opacité complète) par gradation d'un dixième de point, ce qui autorise un réglage extrêmement précis.

    :arrow: Deux celluloïds empilés ne pouvaient se voir que d'une seule façon : la partie peinte du supérieur masquait complètement celui du dessous, sa partie transparente laissant complètement apparaître le celluloïd inférieur. Avec les calques, non seulement le réglage de l'opacité vient modifier cette règle, mais interviennent également les modes de fusion. Ces derniers déterminent la façon dont les pixels vont se mélanger : ils peuvent s'additionner, se soustraire, se multiplier, se diviser ou encore se combiner en fonction de formules mathématiques beaucoup plus complexes. Selon les cas, le résultat sera complètement prévisible ou totalement surprenant...


2. Le dialogue des calques
    :arrow: La barre de titre

    Image

    A côté d'une vignette représentant l'image active, elle affiche le titre de cette dernière. Le bouton Auto enfoncé signale que le dialogue de calques va automatiquement s'adapter à l'image sur laquelle vous travaillez si vous en avez ouvert plusieurs.

    :arrow: La zone de paramétrage du calque actif

    Image

    A droite du menu déroulant du mode de fusion du calque actif, se trouve une petite case à cocher ou décocher, selon que l'on souhaite, ou non, conserver la transparence. L'opacité se règle avec la glissière, les flèches haut bas, ou en entrant directement la valeur désirée.

    :arrow: La zone des calques

    Image

    Ici sont listés tous les calques composant l'image. Le calque d'arrière-plan, constituant en quelque sorte le fond de l'image, est toujours le dernier de la liste. Le calque actif est surligné en couleur. Calque par calque, on trouve, de gauche à droite :
    • l'oeil signalant que le calque est visible ; il suffit de cliquer dessus pour rendre le calque invisible ;
    • un espace, vide ici, réservé au symbole de la chaîne signalant que deux calques sont liés ; un clic dans cette zone permet de lier deux calques ;
    • une vignette représentant l'image se trouvant sur le calque ; encadrée de blanc, elle confirme que le calque est sélectionné, sinon elle est encadrée de noir ; pour sélectionner un calque, cliquer sur son nom ou sur sa vignette ;
    • le titre par défaut du calque ; un double clic permet de le renommer, opération indispensable quand on manie de nombreux calques ;
    • lorsqu'un masque de calque est créé, sa vignette vient s'intercaler entre celle du calque et son nom ; un masque de calque sélectionné est lui aussi signalé par un cadre blanc ; on peut créer un masque de calque en faisant un clic droit sur son nom ou sur sa vignette et en choisissant Créer un masque de calque.

    :arrow: La zone des icones d'actions

    Image

    De gauche à droite se trouvent :
    • l'icone de nouveau calque ;
    • les flèches montante et descendante permettant de monter ou descendre le calque actif dans la pile ;
    • l'icone de duplication du calque actif ;
    • l'icone permettant d'ancrer la sélection flottante ;
    • l'icone permettant de supprimer le calque actif.


3. Le menu calque
    Le menu calque est accessible depuis la fenêtre de l'image par la barre de menu, la petite flèche entre les 0 des deux règles, mais, surtout, par clic droit sur l'image. Attention : une réorganisation des menus est annoncée pour la prochaine mise à jour majeure, qui pourrait peut-être modifier l'agencement actuel. On peut ainsi espérer voir le transfert de Fusionner les calques visibles depuis le menu Image dans lequel il se trouve actuellement...

    Image

    Attention : avant toute opération, vérifiez que le calque sélectionné est bien le bon ! En cas d'erreur, toutefois, pas de panique : vous pouvez annuler par ctrl Z, Edition/Annuler ou en revenant en arrière dans l'historique.

    :arrow: Les commandes Nouveau calque et Dupliquer le calque n'appellent pas de commentaire particulier.

    :arrow: L'item suivant, Ancrer le calque fait en revanche allusion à un particularisme de Gimp qu'il faut bien comprendre si on ne veut pas se retrouver coincé : les flottants.
    Les calques flottants sont liés aux sélections ; le fait de déplacer une sélection ou d'en copier-coller une va automatiquement créer un calque flottant ; à partir de ce moment, Gimp attend qu'on lui donne une consigne précise : soit cette sélection est appelée à devenir un nouveau calque, et on le lui signale en cliquant sur le bouton Nouveau calque du Dialogue des calques, soit elle doit être posée sur un calque ou un masque déjà existant et là, après avoir sélectionné le calque ou le masque en question, on clique sur le bouton Ancrer de ce même dialogue ou dans le menu. Tant qu'un calque est flottant et se trouve donc dans un statut indéterminé, il est à peu près impossible de poursuivre les opérations, à quelques exceptions près (transformer et déplacer le flottant).

    :arrow: Fusionner vers le bas commande la fusion du calque actif avec celui qui est situé juste en-dessous. Pour fusionner tous les calques, il faut en revanche se tourner vers le menu Image.

    :arrow: Taille des bords du calque permet de recadrer un calque en découpant ses bords alors qu'Echelle et taille du calque sert à le redimensionner globalement. Découpage automatique analyse le calque et aligne les bords sur les premiers pixels rencontrés. Une fonction similaire existe pour l'image complète.

    :arrow: Enfin, Calque aux dimensions de l'image aligne les bords du calque sur ceux de l'image sans rien déplacer de façon visible.

    Les opérations majeures sur les calques sont accessibles par les commandes situées au milieu du menu.

    :arrow: On peut oublier Pile : toutes les opérations sont accessibles de façon bien plus rapide dans le Dialogue des calques.

    Image

    :arrow: En revanche, l'entrée Couleurs est extrêmement importante puisqu'elle permet d'accéder à des fonctions aussi vitales que le Réglage de niveaux ou la Balance des couleurs.

    :arrow: On va oublier pour le moment l'entrée Masque pour se pencher un peu sur la Transparence. Comme on l'a vu plus haut, le degré d'opacité d'un calque est réglable. L'opération relèverait de l'impossible, sans une astuce : une image en mode RVB (par exemple) se compose de trois canaux, R pour rouge, V pour vert et B pour bleu, trois canaux, donc, plus un : le canal alpha qui gère toute la transparence (et ses variations) de l'image. Le contenu du canal alpha n'est donc pas aussi directement visible que celui des canaux de couleur. Dans la pratique, le canal alpha permetrra surtout de mémoriser des sélections et des masques de calque.

    :arrow: Enfin, l'entrée Transformer permet de se livrer à quelques opérations simples telles que les miroirs ou les rotations de 90° et de 180°. Pour accéder à des opérations de transformation plus complexes ou plus fines, il faut passer par le menu Outils.

    :arrow: Reste tout en bas Aligner les calques visibles. Comme son nom l'indique, elle permet de positionner tous les calques visibles par rapport au calque actif qui sert de référent.

Boîte à Pixels, tutorial, apprendre, graphisme, photo, photo-graphisme, art, création, pixel
Dernière édition par Loira le 22 Sep 2006 18:12, édité 1 fois.
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40610
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede Loira » 09 Déc 2005 19:55

Ce tutoriel est sous licence Attribution-NonCommercial 2.0 de Creative Commons qui vous permet de reproduire, redistribuer, modifier et communiquer ce tutoriel selon les conditions suivantes :
  • Vous devez citer le nom de l'auteur et celui du forum.
  • Vous n'avez pas le droit d'utiliser ce tuto à des fins commerciales.
  • A chaque réutilisation ou distribution, vous devez faire apparaître clairement la présente license.



4. Les modes de fusion
    Les modes de fusion déterminent la façon dont un pixel va interagir avec celui qui est placé immédiatement dessous. On les trouve dans deux endroits stratégiques : le Dialogue des Calques et dans le paramétrage des outils de dessin et de peinture (qui disposent de deux modes spécifiques supplémentaires). Bien qu'ils reposent sur des formules mathématiques parfaitement rigoureuses, leur action peut être très difficile à comprendre et peut, en outre, varier selon le type de calques que l'on mélange.
    Cette partie va donc faire abondamment appel aux illustrations. J'en demande d'avance pardon aux possesseurs d'une connexion lente... :oops:

    Plusieurs types de mélanges ont été testés.
    Tout d'abord, deux photos fort différentes, l'une d'un chat et l'autre de poissons (ben oui ! autant s'amuser à les voir jouer à cache-cache ! :D ) ; la première série est avec le chat dessus, la deuxième avec le chat dessous.

    Image Image

    Une même photo de canard a été utilisée pour les quatre séries suivantes ; au-dessus de ce canard seront placés successivement un calque coloré en vert (T=120, S=50%, V=100%, soit R=B=128, V=255) puis trois calques gris neutre (successivement clair : R=V=B=192 ; moyen : R=V=B=128 ; foncé : R=V=B=64 ; les gris se situent aux trois quarts, à la moitié et au quart de l'échelle du noir au blanc).

    Image Image
    Image Image Image

    La dernière série est l'application d'une photo d'escalator sur elle-même : les deux calques sont donc strictement identiques.

    Image

    Pour chaque mode de fusion, dans chaque série, deux images ont été tirées : l'une avec le calque supérieur à 100 % d'opacité, l'autre avec ce calque à 50 %.

    :arrow: Le mode normal reproduit, pour une opacité de 100 %, le fonctionnement des gélatines de dessin animé. S'il ne comporte aucune zone transparente, le calque supérieur masque complètement le calque inférieur. Ce dernier réapparaît progressivement quand on baisse l'opacité. Si deux calques strictement identiques sont superposés, la fusion reproduit l'image de départ et rien ne se passe quand on baisse l'opacité

    Image

    :arrow: Le mode dissoudre n'a aucun effet à 100 % d'opacité : seul le calque supérieur est visible. Quand on baisse l'opacité, on voit remonter les pixels du calque inférieur, mais de manière aléatoire et avec ajout de grain. Ce mode est lui aussi sans effet sur deux calques identiques.

    Image

    :arrow: Le mode multiplier permet d'assombrir le calque inférieur en multipliant la valeur de tous ses pixels par celle des pixels supérieurs. Le réglage de l'opacité permet alors de doser l'assombrissement général. L'effet étant sensible pour deux calques identiques, les photographes pourront utiliser ce mode pour récupérer une photo surexposée (mais pas les zones complètement brûlées).

    Image

    :arrow: On pourrait supposer que le mode diviser agit de manière symétrique, en éclaircissant globalement l'image. Un coup d'oeil à l'illustration permet de constater que ce n'est pas si simple :

    Image

    On voit que le mode diviser se contente d'éclaircir l'image dans le cas d'un calque appliqué à lui-même, ou encore d'un gris neutre appliqué à une image colorée, l'effet étant d'autant plus violent que le gris est foncé (ce qui est normal : plus un pixel est foncé, plus sa valeur est basse et donc plus le résultat sera grand quand cette valeur divisera celle du pixel inférieur). En revanche, la surprise est au rendez-vous dès que l'on fusionne des pixels de couleurs différentes. Avec le jeu des divisions et de l'écrêtage des résultats (qui ne peuvent excéder 255), on peut voir apparaître brutalement des effets de négatifs ou encore de couleurs complémentaires. On constate que le résultat peut être plutôt sympa ou franchement exécrable, selon l'ordre des calques...

    :arrow: Le mode écran permet de revenir à un peu plus de subtilité. Tout comme le mode diviser, il permet d'éclaircir globalement une image mais son mode de calcul interdit les excès : il repose en effet sur le produit du négatif des deux calques (ce qui explique qu'à 100 % d'opacité, l'ordre des calques importe peu). L'effet peut être ajusté avec l'opacité. Le mode écran peut être utile pour récupérer des photos sous-exposées, bien qu'il produise, parfois, un effet de voile plutôt désagréable.

    Image

    :arrow: Le mode superposer est une combinaison des modes multiplier et écran qui assombrit légèrement l'image tout en donnant parfois l'impression de booster légèrement les couleurs et d'approfondir le contraste général.

    Image

    :arrow: Le mode éclaircir divise le négatif des deux calques puis inverse le résultat, ce qui éclaircit l'image.

    Image

    :arrow: De manière symétrique, le mode assombrir multiplie le négatif des deux calques avant d'inverser le résultat et, donc, d'assombrir l'image.

    Image

    :arrow: Le mode lumière dure est, comme le mode superposer, une combinaison des modes écran et multiplier. Le changement d'ordre des opérations est à peu près sans effet dans le cas de la fusion de deux calques identiques, le résultat étant très proche du mode superposer. L'effet pourra, en revanche, être très différent dans les autres cas de figure.

    Image

    :arrow: Le mode lumière douce n'est pas une version soft de lumière dure. Il est supposé adoucir les bords et améliorer la luminosité. Dans la pratique, la différence avec l'action du mode superposer relève de l'acte de foi...

    Image
Dernière édition par Loira le 22 Sep 2006 18:13, édité 1 fois.
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40610
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede Loira » 09 Déc 2005 20:20

Ce tutoriel est sous licence Attribution-NonCommercial 2.0 de Creative Commons qui vous permet de reproduire, redistribuer, modifier et communiquer ce tutoriel selon les conditions suivantes :
  • Vous devez citer le nom de l'auteur et celui du forum.
  • Vous n'avez pas le droit d'utiliser ce tuto à des fins commerciales.
  • A chaque réutilisation ou distribution, vous devez faire apparaître clairement la présente license.



    :arrow: Avec le mode extraction de grain nous voici de retour dans l'extravagance, du moins dans certains cas :

    Image

    Son action est analogue à celle du mode diviser, en moins excessif. Son curieux nom est ainsi justifié par les concepteurs de Gimp : extrait le «film grain» d'un calque et le reverse dans un nouveau calque qui est 100% grain.. Très franchement, je n'ai encore jamais réussi à trouver du grain dans l'image ainsi produite, mais comme je n'ai du grain que la définition du photographe, je n'ai sans doute pas dû chercher au bon endroit...

    :arrow: Le mode fusion de grain agit pour moi d'une façon aussi obscure que le précédent ! Son effet peut être considéré comme une version light du mode assombrir.

    Image

    :arrow: Le mode différence doit ses curieux effets au traitement du résultat de la méthode de calcul utilisée. Les pixels du calque supérieur sont soustraits de ceux du calque inférieur. En cas de résultat négatif, seule la valeur absolue est gardée (le signe moins est donc transformé en signe plus), d'où l'apparition possible de couleurs inattendues. Evidemment, dans le cas de deux calques identiques, le résultat de la soustraction est zéro, le noir absolu...

    Image

    :arrow: Chose surprenante, le mode addition additionne les pixels des deux calques ! Si la somme excède 255, elle est ramenée à ce nombre. Il en résulte un fort éclaircissement de l'image dont des zones entières peuvent être brûlées.

    Image

    :arrow: De la même façon, le mode soustraction soustrait les pixels. Si la différence est en dessous de zéro, elle est ramenée à ce nombre. L'image est fortement assombrie et certaines zones peuvent être complètement noires.

    Image

    :arrow: Le mode noircir seulement agit de façon sélective en comparant les pixels. Lorsqu'un pixel du calque inférieur est plus foncé que son homologue du calque supérieur, il n'est pas touché par la fusion. S'il est plus clair, il est remplacé par le pixel supérieur. En d'autres termes, seuls les pixels les plus foncés demeurent. Ce mode est donc sans effet sur la fusion de deux calques identiques.

    Image

    :arrow: Le mode éclaircir seulement est le strict symétrique du mode noircir seulement : cette fois, ce sont les pixels les plus clairs qui sont retenus.

    Image

    Trois des modes de fusion suivants jouent de la même façon : l'une des composantes TSV est empruntée au calque supérieur et les deux autres, au calque inférieur. Ils n'ont donc aucun effet sur la fusion de deux calques identiques.

    :arrow: Avec le mode teinte, la teinte vient du calque supérieur, la saturation et la valeur du calque inférieur.

    Image

    :arrow: Avec le mode saturation, la saturation vient du calque supérieur, la teinte et la valeur du calque inférieur.

    Image

    :arrow: Enfin, avec le mode valeur, la valeur vient du calque supérieur, la teinte et la saturation du calque inférieur.

    Image

    :arrow: Reste le cas du mode couleur intercalé, dans la liste des modes de fusion, entre les deux précédents. Inversement au mode valeur, il mêle la teinte et la saturation du calque supérieur à la valeur du calque inférieur. Il est le mode de prédilection de certains graphistes et photographes pour colorer une image ou une photo N&B. Personnellement, je trouve qu'il peut produire des résultats un peu trop "flashy"...

    Image
Dernière édition par Loira le 22 Sep 2006 18:14, édité 1 fois.
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40610
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede Loira » 09 Déc 2005 20:25

Ce tutoriel est sous licence Attribution-NonCommercial 2.0 de Creative Commons qui vous permet de reproduire, redistribuer, modifier et communiquer ce tutoriel selon les conditions suivantes :
  • Vous devez citer le nom de l'auteur et celui du forum.
  • Vous n'avez pas le droit d'utiliser ce tuto à des fins commerciales.
  • A chaque réutilisation ou distribution, vous devez faire apparaître clairement la présente license.



5. Travaux pratiques
    Bien sûr, rien ne vous empêche de faire des essais sur les minuscules photos que j'ai mises beaucoup plus haut. Mais l'exercice étant quelque peu austère et répétitif, autant joindre l'utile à l'agréable en suivant l'exercice qui suit.

    Le point de départ est une photo aux lignes bien marquées :

    Image

    :arrow: Première chose à faire : l'enregistrer dans le format natif de Gimp, xcf. Ne jamais oublier, quand on travaille sur une image, de faire des sauvegardes régulières et même de tirer des duplicatas des étapes importantes (au choix : faire ctrl D pour faire le duplicata, puis l'enregistrer, ou aller dans le menu Fichier et faire Enregistrer une copie).

    :arrow: Dans le Dialogue des calques, faire un double clic sur le nom du calque de la photo, qui pour le moment, s'appelle arrière-plan, et l'appeler net, puis le dupliquer (je ne vous réexplique pas comment faire, vous avez sans doute tout retenu :mgreen: ) et renommer le dupli du doux nom de flou.

    :arrow: Flou étant toujours sélectionné, faites un clic droit sur l'image puis Filtres/Flou/Flou gaussien. Les valeurs par défaut n'étant pas très élevées, vous pouvez les garder. A l'image, on constate que le calque flou mérite désormais bien son nom...

    :arrow: Flou étant toujours sélectionné (on se répète !), changez son mode de fusion et optez pour diviser. Vous devez obtenir un truc pas très probant de ce genre :

    Image

    :arrow: On ne se décourage pas et on continue ! Dupliquez votre image (attention, l'image, pas le calque) ; vous vous retrouvez donc avec un deuxième machin très pâlichon... Sur ce dupli, rendez-vous dans le menu Image et faites Fusionner les calques visibles. Vous n'avez plus qu'un seul calque. Faites alors Calque/Couleurs/Niveaux, prenez votre courage à deux mains et faites un très vigoureux réglage de niveaux en poussant le curseur du gamma (celui du milieu) vers la droite, assez près du curseur blanc. C'est mieux, non ?

    Image

    :arrow: Retour à la première image. Sauvegardez-la si ce n'est déjà fait, puis dupliquez-la et fermez-la ou réduisez-la dans un coin. Dans le Dialogue des calques du dupli, jetez flou à la poubelle.

    :arrow: Agencez ensuite vos deux images à l'écran de telle façon qu'elles ne se chevauchent pas complètement. Disposez sur le dessus l'image qui a été sévèrement réglée ; dans le Dialogue des calques, cliquez sur sa vignette et, sans relâcher le clic, faites un glisser-déposer sur l'image de dessous. Vous pouvez fermer l'image réglée.

    :arrow: Ce nouveau calque étant activé, faites joujou avec les modes de fusion. Vous allez découvrir que deux d'entre eux sont particulièrement intéressants. Voici ce que l'on obtient avec le mode différence :

    Image

    Et ce que nous offre le mode valeur :

    Image

    On peut envoyer le générique de fin ; c'était "comment faire un dessin sans savoir dessiner" !!! Bienvenue dans le monde magique des modes de fusion :)
Dernière édition par Loira le 22 Sep 2006 18:14, édité 1 fois.
Merci à Zarumbatus, auteur de mon avatar !
:ff:
Avatar de l’utilisateur
Loira
Administratrice
Administratrice
 
Messages: 40610
Inscription: 13 Nov 2004 10:47
Localisation: Rhône-Alpes

Messagede marcopolo 3 » 27 Jan 2006 23:45

merci !! je vais pouvoir triturer dans tout les sens... :mad:
c'est sympa ... :cool:
Avatar de l’utilisateur
marcopolo 3
Habitué(e)
Habitué(e)
 
Messages: 216
Inscription: 01 Nov 2005 0:06


Retourner vers Tutos Manipulation d'image

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités