logo_webring_gimp_francophone

En cliquant sur l’image ci contre, vous accédez au WebRing français de Gimp.

Comment mélanger deux images ?

(Suite du tuto sur les images à bords transparents.)

Avant propos

Ce tutoriel est la suite (ou une application) du tutoriel sur les images à bords transparents dans lequel on a survolé la technique des masques. Si cette technique ne vous est pas familière, il ne serait pas inutile d’y retourner :-) .

Le mieux est quand même d’avoir lu entièrement le chapitre 7 de l’aide de Gimp et particulièrement ce qui concerne les masques.

Pour la matière, je suis allé chercher deux images sur le site « http://www.photo-libre.fr/ ». Je place ces images en téléchargement ici en cas de modification des liens d’origine. (Clic-droit sur les miniatures puis enregistrer la cible du lien sous…)

Préparation

Prenez des images de taille comparable, ou au moins de même hauteur s’il s’agit pour vous de confectionner par exemple une bannière, et après avoir ouvert la plus grande avec Gimp, faites glisser la deuxième par dessus, de manière à créer une image multi-calques.

mélanger des images - 01

Sur la droite de l’image, on distingue (vaguement, j’en conviens) dans la fenêtre des calques rangée en bas de la boite à outils, que l’image possède deux calques nommés « Arrière plan » et « pignons.jpg ». (L’arrière plan concerne la première image, celle avec laquelle j’ai ouvert Gimp).

Les deux calques sont en caractères gras, c’est à dire qu’ils ne sont à priori pas capables de gérer la transparence, ce qui est normal pour des images jpg.

mélanger des images - 02

Nous allons donc, comme montré sur l’image ci-contre, faire un clic droit sur le calque (dans la fenêtre des calques et non pas sur l’image elle même) puis prendre l’option « Ajouter un canal alpha » tout en bas du menu contextuel. Les titres des calques sont maintenant en caractères fins, preuve qu’ils acceptent la transparence, du moins tant que l’image n’a pas été ré-enregistrée en jpg.

Profitons-en donc pour enregistrer notre image en .xcf


mélanger des images - 03

Aparté : Ne croyez pas qu’après avoir étudié le canal alpha, il faudra aborder les canaux béta, puis gamma jusqu’à… Non, Il n’y a que les trois canaux de couleur, rouge, vert, bleu, et le canal alpha de transparence. C’est tout.


Ajout d’un masque

mélanger des images - 04

Par un clic-droit sur le calque supérieur (toujours dans la fenêtre des calques), on choisit l’article « Ajouter un masque de calque… ». Les pointillés nous annoncent une fenêtre de dialogue dans laquelle nous choisissons l’option « Blanc ». Rien ne change sur notre image et il n’y a que dans la fenêtre des calques que nous voyons apparaître une rectangle blanc à droite de la petite vignette de calque. (voir ci-dessous)

mélanger des images - 05

 

 

 

Maintenant, on a le choix de travailler sur le calque, en cliquant sur la petite vignette du calque, ou sur son masque, en cliquant sur … la petite vignette du masque.

Nous allons travailler sur le masque !


Application d’un dégradé

Nous voulons garder la roue dentée de premier plan, nous allons donc appliquer un dégradé du noir au blanc, en biais, tel qu’indiqué sur l’image qui suit.

Nous réglons donc nos couleurs d’avant plan et d’arrière plan à Noir et Blanc

astuce : un simple appui sur la lettre D remet les couleurs par défaut et dans le même ordre d’idées, un appui sur la lettre X inverse les couleurs d’avant et d’arrière plan

Ensuite, on choisit l’outil de dégradé (après en avoir éventuellement vérifié les options par un double clic) et on applique un dégradé sur l’image tel qu’indiqué ci après par la flèche rouge.

Sur le masque, tout ce qui sera en haut à gauche sera noir, tout ce qui sera en bas à droite sera blanc et le long de la flèche, on aura un dégradé du noir au blanc. La roue dentée de droite sera dans une zone de masque blanc et sera donc visible alors que le haut à gauche aura disparu.

mélanger des images - 06

mélanger des images - 07


Dans l’image ci dessus, on peut voir d’ailleurs que l’icône du masque dans la fenêtre des calques représente le dégradé oblique.

Repeindre sur le masque

Maintenant, nous voulons faire réapparaître la première roue dentée de gauche. Nous allons donc enlever la transparence sur cette roue et pour cela, dans le masque, nous allons badigeonner cette roue de ??? blanc !

Le masque est toujours sélectionné, on appuie sur la touche X pour inverser les couleurs d’avant et d’arrière plan et avec notre plus beau pinceau réglé avec une brosse à bords flous et d’une taille assez conséquente, nous barbouillons sur la roue dentée de gauche qui apparaît au fur et à mesure.

Si on déborde (de toutes façons on déborde toujours), pas de panique, lettre X pour repasser en noir, réduction de la taille de brosse pour être plus précis, et peaufinage… noir = transparent, blanc = opaque, le tout sans abîmer notre calque original.

mélanger des images - 08

Un petit coup d’oeil sur l’icône du masque, on verra une zone blanche en forme de larme, à l’endroit de la deuxième roue dentée. Allez, j’ai pitié de votre vue et je place un agrandissement :

mélanger des images - 09

mélanger des images - 10

          

 

Bon, ce n’est pas très net autour des dents de la deuxième roue dentée, alors on réduit la brosse à la taille d’une dent et on améliore petit à petit, en alternant le blanc et le noir avec la touche X, et en utilisant le zoom sur l’image. On obtient ceci :


Ajouter des nuances

Maintenant qu’on a bien assimilé l’utilisation de la peinture blanche et de la peinture noire, et pour éviter les excès du manichéisme, nous allons utiliser le gris. Je voudrais que le bas de la deuxième roue dentée que nous venons de faire apparaître semble être immergée à faible profondeur, c’est à dire que le masque soit grisé à cet endroit. Plusieurs solutions s’offrent à nous, dont l’aérographe ou le pinceau avec un réglage d’opacité à 50 %. Je choisis l’aérographe et je passe plusieurs fois à l’endroit voulu pour obtenir peu à peu l’effet désiré.

mélanger des images - 11

J’en profite pour atténuer le gougeon en haut à droite et estomper quelques zones à ma convenance, comme le rectangle verdâtre un peu en dessous du centre de l’image.


Pour terminer, maintenant que vous êtes des as de l’utilisation des masques, voyons ce que donne l’affichage du masque tout seul

Alt clic ou Ctrl clic sur la vignette du masque permettent d’afficher soit le masque sans son calque, soit le calque sans son masque !

On reconnaitra le gougeon atténué, les dents de la deuxième roue dentée, le bas de cette même roue atténué…

mélanger des images - 12


Pour terminer, on enregistre l’image en .xcf afin de pouvoir ultérieurement revenir faire des modifications si nécessaire, puis on enregistre en jpg, non sans avoir sélectionné le calque. Autrement un message nous averti de notre intention d’enregistrer le masque comme jpg, ce qui aurait un résultat peu désirable.

Espérant que ce tuto rédigé un peu vite puisse servir… laissez moi un commentaire si je dois modifier quelque chose :-)

7 commentaires on Tuto Gimp – Mélanger des images

  1. gimpopo dit :

    Salut

    Merci pour le tuto mais j’ai un peu de mal : Je ne sais pas si c’est parce que je travaille avec des png mais l’application de degrade ne donne rien. J’ai beau cliquer de limage 1 vers 2 rien ne se passe. Une idee ?

    Merci

    • patrick dit :

      Bonjour et merci de ton intérêt pour ce tuto.
      JPG ou PNG, peu importe puisque les deux images sont maintenant des calques d’un XCF.
      Es-tu certain de travailler sur le masque du calque supérieur ? Dans la fenêtre des calques, le masque est-il bien entouré d’un cadre blanc ?

  2. gimpopo dit :

    Re

    Effectivement les jpg fonctionne mais c’est sur le reglage degrade que ca bloque : peut etre pourrais tu donner les reglages exacts s’il te plait ?

    Merci

    PS: dsl pour le double post ;)

  3. patrick dit :

    PS : Si tu veux m’envoyer ton image libre de droits, je peux l’intégrer au tuto en y apportant la solution.

  4. [...] Le mieux est quand même d’avoir lu entièrement le chapitre 7 de l’aide de Gimp et particulièrement ce qui concerne les masques. Pour la matière, je suis allé chercher deux images sur le site « http://www.photo-libre.fr/ ». Je place ces images en téléchargement ici en cas de modification des liens d’origine. (Clic-droit sur les miniatures puis enregistrer la cible du lien sous…) Ce tutoriel est la suite (ou une application) du tutoriel sur les images à bords transparents dans lequel on a survolé la technique des masques. Tuto Gimp – Mélanger des images | SILICATE.NET [...]

Laisser un commentaire

*