Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > Gimp > Rendre l'arrière-plan d'une image transparent avec The Gimp > Lecture du tutoriel

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

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : Deium
Note : 12 / 20 (12 votes)
Visualisations : 5 420

Plus d'informations Plus d'informations
Vous venez de finir un schéma pour la présentation que vous allez présenter demain devant le grand patron (THE big boss). Vous l'intégrez dans voter diaporama et vous vous rendez compte que l'arrière-plan du schéma n'est pas transparent et ne va pas du tout avec celui du diaporama. Une seule solution : rendre cet arrière-plan transparent... C'est ce que nous allons faire...
Sommaire du tutoriel :
Icône du chapitre

Préparons-nous

Pour rendre cette image transparente, nous allons utiliser The Gimp, le logiciel de retouche d'image gratuit, libre et multi-plateforme. Pour plus d'information : voir l'article sur Wikipedia.

Nous ne détaillerons pas l'installation ici, ce n'est pas le but de ce tutoriel.

Pour les utilisateurs de Windows, vous trouverez un tutoriel d'installation ici.

Pour être fin prêt, il ne nous reste plus qu'à ouvrir notre image avec The Gimp. Pour cela, on clique sur Fichier -> Ouvrir et on sélectionne notre image.
  • Selon votre système d'exploitation et votre navigateur de fichier, il se peut qu'en fessant clic droit sur l'image, puis "Ouvrir avec" puis "Éditeur d'image The Gimp" ou similaire;
  • Il est conseillé de très tôt s'habituer à utiliser les raccourcis clavier, pour gagner du temps. Pour ouvrir un fichier appuyez sur Ctrl et O en même temps.

Vous êtes donc fin prêt pour cette manipulation.

Rendre l'arrière-plan transparent

Alors, ici on entre dans le vif du sujet. Sortez vos cahiers, prenez des notes ! ;)

Donner au calque d'arrière-plan un canal alpha



Euh ... AU SECOURS !!! J'ai déjà rien compris au titre, je risque pas de comprendre le tutoriel... C'est normal ?

Ah bon ? Vous comprenez pas ? Bon ben alors je vais vous expliquer, mais c'est bien parce que c'est vous ... ^^

Les calques et les canaux



C'est quoi un calque ?

Pendant que vous travaillez sur une image, il est utile de la décomposer en plusieurs couches. Cette décomposition permet de ne travailler que sur un bout d'image sans risquer de modifier les autres, ou permet encore de masquer temporairement un bout de l'image pour mieux voir votre travail. Au moment d'enregistrer ou d'affiche l'image, The Gimp dessine les calques les uns à la suite des autres, en partant de celui du fond et en allant vers celui de devant, un peu comme un peintre qui peindrait les couches d'un tableau... ;)

Le calque d'arrière-plan de The Gimp, c'est-à-dire le seul calque présent à l'ouverture d'une image, ne possède pas de canal alpha.

Mais .... Mais .... Mais c'est quoi un canal alpha ?

Un canal alpha c'est tout simplement les informations de transparence du canal.
  • Il existe un canal par couleur primaire. Les couleurs primaire sont bien sûr le Bleu, le Vert et le Rouge. Et si! Le Jaune, le Bleu et le Rouge sont les couleurs primaires en peinture et seulement en peinture. Ici, on prend les vrai (qui viennent de l'optique);
  • Tout nouveau calque créé possède quatre canaux : le canal Bleu, le canal Vert, le canal Rouge ET le canal Alpha. On ne fera donc cette manipulation pour le calque d'arrière-plan.
Ok, maintenant qu'on a la théorie, il ne nous reste plus que la pratique à faire.

Ajouter un canal alpha au calque d'arrière-plan



Bon ben allez-y je vous regarde. Quoi vous y arrivez pas ? Ok alors c'est très simple.
Dans la fenêtre d'édition de l'image, cliquez sur le menu Boîtes de Dialogues, puis sur Calques.
  • Sinon vous pouvez passer par la fenêtre principale de The Gimp (celle où il y a les outils). Dans ce cas, cliquez sur Fichier, puis Boîte de Dialogue et enfin Calques
  • Et pour ceux qui voudraient utiliser les raccourcis clavier, la fenêtre calques, s'obtient en appuyant sur Ctrl et L simultanément

Il n'y a qu'un seul calque dans le liste, c'est normal. Nous l'avons dit plus haut, une image ne possède au départ qu'un seul calque, celui d'arrière-plan. Faites un clic droit sur ce calque, puis cliquez sur Ajouter un canal alpha. Vous voyez, c'est pas très dur à faire, c'est à la porté de n'importe quel Zéro. :-°

Sélectionner les parties de l'image destinée à être transparentes



Pour sélectionner avec The Gimp, il existe plusieurs outils, nous n'en détaillerons que trois.

La sélection Rectangulaire et Ovale



Les sélection ovale et rectangulaires

À gauche, les boutons pour activer ces outils.
Comme les noms les indique, ces outils de sélections permettent de sélectionner des rectangles ou des ronds. Dans la plupart des cas très peu utiles pour ce que nous voulons faire. Mais bon, il est toujours bon de savoir les utiliser.

Pour ajouter des bouts à une sélection, appuyez sur Maj et sélectionnez ce qu'il y a à ajouter. De même, pour enlever à la sélection, appuyez sur Ctrl et sélectionnez la partie à enlever. Vous pouvez tout à fait combiner les différents outils de sélection. Enfin pour ne sélectionner que l'intersection entre la sélection déjà sélectionnée et celle en cours de sélection, maintenir appuyé Ctrl et Maj en même temps que vous faites la sélection.

La sélection "A main levée"



La sélection A main levée

Voici son symbole.
Avec cette sélection, il vous suffit de dessiner le contour de ce que vous voulez sélectionner. Le principal problème de cette sélection est d'être précis et que le moindre dérapage avec la souris peut vous obliger à recommencer. La solution nous est apportée par la baguette magique. (Normale puisqu'elle est magique :D )

La baguette magique



La Baguette magique

Voici son symbole.
Cet outil génial vous permet de sélectionner une couleur et toutes les couleurs autour d'elle qui lui ressemble. Si notre arrière-plan est uni ou presque, cet outil conviendra à merveille.

Vous pouvez modifier le seuil de tolérance des couleurs. Cette valeur correspond à un indice qui permet de savoir à The Gimp si deux couleurs sont presque identique et doivent être sélectionnée ensemble ou pas. En gros, pour les vrais Zéros, plus cette valeur est grande, plus The Gimp sélectionnera des couleurs différentes. Et vice versa bien sur!
En pratique, si la sélection est pas assez grande, ou vous ajouter avec Maj appuyé en cliquant sur un endroit non sélectionné, ou vous augmentez la tolérance.
Pour trouver la tolérance, quand vous avez l'outil baguette magique activé, c'est la valeur de seuil (qui va de 0, sélection que de la même couleur, à 255). Vous pouvez modifier la valeur numérique ou déplacer la barre.

Un fois que vous avez sélectionné tout ce que doit devenir transparent, on passe à la suite.

Si votre arrière-plan ne comporte qu'une seule couleur, il existe un autre outil : la sélection par couleur. Pour l'utiliser, cliquez sur le menu Sélection dans la fenêtre de l'image, puis Par Couleur (ou Maj + O), puis sur la couleur à sélectionner.

Effacer la sélection



Alors là c'est très simple :
On fait un clic droit sur la sélection, puis Édition, puis Effacer, ou alors, plus simple, on appui sur Suppr.

Et voilà votre arrière-plan a disparu.

Pour savoir quelles partis de l'images sont transparentes, il existe un moyen très simple: les zones transparentes sont remplacées par l'image ci-dessous. Il est donc très facile de les repérer.

Transparence

Enregistrer l'image

Nous entrons dans la dernière ligne droite... C'est presque fini! :D
Tout est fait, il ne nous reste plus qu'à enregistrer notre image.
Malheureusement, tous les formats ne gèrent pas la transparence.

Si vous enregistrer votre image dans un format ne gérant pas la transparence, votre arrière-plan transparent sera remplacé par une couleur unie. Et on reviendrait au point de départ. :p

Le format PNG



Le format PNG, abréviation de Portable Network Graphics est un format ouvert qui gère la transparence. Il convient donc parfaitement pour notre utilisation. De plus beaucoup de logiciel sont capable de le lire. Pour plus d'information : l'article sur ce format sur Wikipedia.

Pour enregistrer, cliquez sur le menu Fichier dans la fenêtre de l'image, puis sur Enregistrer sous ( ou Maj + Ctrl + S simultanément). Choisissez l'emplacement de votre image. Choisissez comme type d'image : Image PNG. Cliquez enfin sur Enregistrer, puis sur Enregistrer. La dernière boîte de dialogue permet de choisir certains détails liés aux formats. Dans le doute, ne touchez à rien. :D

Et voilà votre image est prête à être utilisée... :)

Et voilà, vous savez rendre un arrière-plan transparent. Ce n'est sûrement pas la seule solution, ni la meilleure, sauf qu'elle marche et pour un Zéro, c'est suffisant...
Votre big boss sera fier de vous...
Bonne continuation sur le Site du Zéro!
Retour en haut Retour en haut


Créé : le 17/05/2008 à 23:47:51
Modifié : le 22/08/2008 à 16:07:47
Avancement : 100%
Licence : Copie non autorisée

17 commentaires

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 134 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0394s (0.0212s)