Rendre l'arrière-plan d'une image transparent dans Gimp

J'ai quelques images jpg et j'ai besoin que chacune d'entre elles ait un fond transparent.

J'ai GIMP comme outil graphique.

J'ai besoin de les mettre dans une page web et j'ai besoin de voir seulement l'élément principal et d'avoir un fond transparent.

Pour développer la réponse d'utopicam, votre image peut parfois contenir des zones, telles que des ombres, que vous souhaitez rendre semi-transparentes. Par exemple, disons que vous avez une photo prise dans un caisson lumineux, comme [cette belle photo sous licence libre d'un cheval suédois en bois] (http://commons.wikimedia.org/wiki/File:Dalah%C3%A4st-lightbox.jpg), offerte par [Creative Tools] (http://www.creativetools.se/) :

[!Une photo d'un cheval jouet dalécarlien dans une boîte à lumière, sous licence CC-By 2.0 par Creative Tools][1]](http://commons.wikimedia.org/wiki/File:Dalah%C3%A4st-lightbox.jpg)

En général, la première étape consiste à ajuster les niveaux de l'image jusqu'à ce que le fond soit vraiment blanc, à l'exception des ombres et des reflets que nous voulons conserver. (Vous pouvez également utiliser cette technique avec un fond gris ou coloré, mais il est un peu plus difficile d'obtenir de bons résultats de cette manière). Dans ce cas, l&#8217image est déjà bien ajustée, nous n&#8217avons donc rien à faire.

L'étape suivante consiste à sélectionner l'arrière-plan. Cela a été assez facile à faire avec l'outil [baguette magique] (http://docs.gimp.org/en/gimp-tool-fuzzy-select.html), bien que j'aie dû corriger certaines parties où les bandes blanches de l'objet se confondent avec l'arrière-plan avec l'outil [lasso] (http://docs.gimp.org/en/gimp-tool-free-select.html). De plus, une fois l'arrière-plan bien sélectionné, j'ai étendu la sélection de quelques pixels (à pleine résolution) pour éviter de laisser un halo blanchâtre autour de l'objet en raison du crénelage. (Vous ne pouvez pas le voir dans cette capture d&#8217écran à échelle réduite, mais j&#8217ai vraiment réussi à faire un assez bon travail avec la sélection, si je puis dire).

!Même image avec l'arrière-plan sélectionné][2]

Maintenant, voici l'astuce** : au lieu de simplement couper l'arrière-plan, j'ai utilisé Colors &rarr ; Color to Alpha pour changer la couleur de l'arrière-plan (blanc) en transparent. (Vous pourriez également utiliser le remplissage du seau avec le mode Effacement des couleurs comme le suggère utopicam). S'il était appliqué à l'ensemble de l'image, l'objet serait également semi-transparent, mais comme seul l'arrière-plan est sélectionné, les ombres deviennent translucides alors que l'objet lui-même reste opaque :

![Image après application de Color to Alpha][3]

Et voici la même image sur un fond bleu pâle, pour mieux montrer les ombres et les reflets semi-transparents :

![Même image sur un fond bleu pâle][4]

Une astuce supplémentaire que je n&#8217ai pas montrée est qu&#8217il est souvent plus pratique de faire deux copies du calque d&#8217image, de convertir la sélection en [masque de calque] (http://docs.gimp.org/en/gimp-layer-mask-add.html) sur le calque supérieur, et d&#8217appliquer Couleur à Alpha sur le calque inférieur. Cela vous permet d'affiner les bords de l'objet en modifiant le masque, tout en voyant en direct le résultat. (Astuce : faites quelques calques d'arrière-plan remplis de différentes couleurs, afin de pouvoir facilement vérifier l'aspect de l'image sur différents arrière-plans). En particulier, le fait de rendre parfois légèrement translucides les reflets près des bords de l'objet peut donner un résultat plus agréable et plus naturel, car il imite le reflet de l'arrière-plan sur l'objet.

[1] : http://i.stack.imgur.com/FszSV.jpg [2] : http://i.stack.imgur.com/rgl07.jpg [3] : http://i.stack.imgur.com/hGlWD.jpg [4] : http://i.stack.imgur.com/cARb3.jpg

Commentaires (3)

Utilisation du remplissage rapide de seaux au lieu de la sélection de contours

Note : Ce tutoriel est également disponible en PDF

[La trahison des images de notre compatriote Ren&#233 ; Magritte ; partiellement vandalisé pour les besoins de ce tutoriel][1].

Ajouter un canal alpha

Certains types d'images n'ont pas de canal de transparence ; les JPG par exemple. Si c'est le cas, ajoutez un canal de transparence alpha. Cela se fait en sélectionnant Couche → Transparence → Ajouter un canal alpha.

Remplir le godet avec de la couleur [facultatif].

L'étape suivante est facultative et consiste à remplir d'abord la zone qui doit devenir transparente avec une couleur unie. Sélectionnez l'outil de remplissage de seau ou appuyez sur Shift+B. Dans les options de la boîte à outils "Remplissage du seau", sélectionnez "Remplir les zones transparentes" uniquement si nécessaire. Sélectionnez ensuite Remplissage couleur BG et Echantillon fusionné et faites quelques essais en ajustant le Seuil pour obtenir les meilleurs résultats. Entre-temps, appuyez sur Ctrl+Z pour annuler.

Un certain mélange de couleurs sera inévitable et même souhaité. (À cet égard, Adobe Photoshop n'est pas différent.) Choisissez donc une couleur compatible avec l'arrière-plan sur lequel l'image résultante sera finalement utilisée. Cliquez sur le rectangle de la couleur de fond dans la moitié supérieure de la fenêtre de la boîte à outils Options d'outils pour changer la couleur de fond. Ici, j'ai utilisé f3f3e9 comme couleur de fond pour le remplissage en couleur unie. Cependant, on peut aussi utiliser l'outil pipette pour choisir une couleur n'importe où sur le bureau.

Remplissage du seau : Ne sélectionnez Remplir les zones transparentes que lorsque cela est nécessaire. Sélectionnez ensuite Remplissage couleur BG et Echantillon fusionné et faites quelques essais en ajustant le Seuil pour obtenir les meilleurs résultats. Entre les deux, appuyez sur Ctrl+Z pour annuler.][2]

!Remplissage du seau appliqué. Choisissez une couleur de remplissage compatible avec l'arrière-plan sur lequel l'image résultante sera finalement utilisée. En effet, un certain mélange de couleurs est inévitable et même souhaité. Ici, j'ai utilisé f3f3e9 pour un remplissage de couleur unie.][3]

Sélection par couleur

La bonne chose à faire maintenant est Select → By Colour. Il pourrait être tentant d'exécuter Colour to Transparency, cependant cela changerait aussi les zones semi-transparentes dans la zone de l'image désirée. Cette fois, sélectionnez bien Remplir les zones transparentes ainsi que Fusionner les échantillons. Pour cet exemple particulier, j'ai choisi de ne pas appliquer Antialiasing ni Feather edges. Néanmoins, expérimentez avec ces paramètres et choisissez ce qui vous semble le mieux. Encore une fois, faites quelques essais en ajustant le Threshold pour obtenir les meilleurs résultats. Entre-temps, appuyez sur Ctrl+Z pour annuler.

!Sélectionner par couleur : Cette fois-ci, sélectionnez Remplir les zones transparentes ainsi que Echantillon fusionné. Encore une fois, faites quelques essais en ajustant Threshold et expérimentez avec Antialiasing et Feather edges pour de meilleurs résultats. Entre-temps, appuyez sur Ctrl+Z pour annuler.][4].

!Sélectionner → Par couleur appliqué][5]

Soustraire de la sélection

Parfois, il s'avère difficile d'obtenir une sélection de couleurs exactement correcte. Une partie de la zone de l'image souhaitée pourrait être sélectionnée aussi bien parce que la couleur correspondait. Dans ce cas, et à peine visible, neuf pixels souhaités au milieu du tuyau ont également été sélectionnés pour être supprimés. Lorsque cela se produit, utilisez Ctrl+Drag avec un outil Select de votre choix pour sélectionner une zone de sélection soustractive.

[Utilisez Ctrl+Drag avec un outil Select de votre choix pour sélectionner une zone de sélection soustractive][6].

!La zone de transparence souhaitée est maintenant sélectionnée.][7]

Agrandir la sélection [facultatif].

Au bord de l'image souhaitée, certaines nuances de l'arrière-plan peuvent encore rester non sélectionnées. Si c'est le cas, agrandissez la sélection d'un pixel en utilisant Select → Grow... → 1px.

Supprimer

Une fois que la zone de transparence souhaitée est sélectionnée, appuyez simplement sur Delete.

Une fois que la zone de transparence souhaitée est sélectionnée, appuyez simplement sur Delete.][8].

Résultat final

Enfin, exportez l'image transparente avec Fichier → Exporter sous... vers un format de fichier qui supporte la transparence. Ce serait de préférence PNG, mais GIF fonctionnerait aussi bien.

[Le résultat final] [9]

[1] : http://i.stack.imgur.com/9VdOM.jpg [2] : http://i.stack.imgur.com/j7ByG.png [3] : http://i.stack.imgur.com/rWBMX.png [4] : http://i.stack.imgur.com/CC2xJ.png [5] : http://i.stack.imgur.com/hQhAG.png [6] : http://i.stack.imgur.com/I8ili.png [7] : http://i.stack.imgur.com/b3wu7.png [8] : http://i.stack.imgur.com/FQSoi.png [9] : http://i.stack.imgur.com/UKUAx.png

Commentaires (4)

Il semble que vous deviez recadrer certaines parties des images (la figure principale, par exemple) et supprimer l'arrière-plan. Vous pouvez le faire en utilisant l'outil lasso.

Le site Web de gimp contient de nombreux tutoriels et explications. Consultez le site http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection et le site http://docs.gimp.org/en/gimp-tool-free-select.html.

La sélection polygonale crée un point d'ancrage à chaque fois que vous cliquez. Ensuite, le déplacement du pointeur de la souris dessine une ligne avec un nouveau point d'ancrage que vous pouvez déplacer tant que vous ne cliquez pas à nouveau.

Vous pouvez accéder à l'outil Lasso de différentes manières :

  • À partir de la barre de menus de l'image Outils → Outils de sélection → Sélection libre,

  • en cliquant sur l'icône de l'outil dans la boîte à outils,

  • en utilisant le raccourci clavier F.

Pour rendre l'arrière-plan solide d'une image transparent, ajoutez un canal Alpha, et utilisez la Baguette magique pour sélectionner l'arrière-plan. Ensuite, utilisez l'outil Sélecteur de couleurs pour sélectionner la couleur d'arrière-plan, qui devient la couleur de premier plan dans la Boîte à outils. Utilisez l'outil Remplissage par seau avec la couleur sélectionnée. Réglez le mode de remplissage du seau sur "Effacement de la couleur", ce qui efface les pixels de la couleur sélectionnée ; les autres pixels sont partiellement effacés et leur couleur est modifiée.

Commentaires (0)