LinuxÉdu-Québec

Accueil À propos de nous Contact Plan du site
Accueil du site > Applications > graphisme > La transparence

Le samedi 20 mars 2004, par Gilles G. Jobin

La transparence

Lors de la création d’une page web, on a souvent besoin de rendre une image transparente. Ce petit tutoriel vous indiquera la manière de faire avec le fameux GIMP lorsque l’image est numérisée d’un livre, donc avec un fond blanc.

Pour pouvoir suivre la méthode proposée, téléchargez d’abord l’image ci-dessous. Elle provient de la dixième édition (1966) de Engineering Drawing des auteurs French et Vierck. Ce livre a été originalement publié en 1911.

Étape 1 : Il faut d’abord s’assurer que l’image est bien en mode RVB. Du menu, choisissez Image puis Mode puis rvb.

Étape 2 : Il faut maintenant décomposer l’image en canaux. Du menu, choisissez Image puis Mode puis Décomposer. Sélectionner ensuite rvb. Trois images contenant les informations sur les niveaux de rouge, bleu et vert seront visibles.

Étape 3 : Sélectionner ensuite l’image orignale (du menu, choisissez Édition puis Copier) et collez-la en tant que nouveau (Du menu : Édition puis Coller en tant que nouveau). Les étapes suivantes se feront sur cette nouvelle copie.

Étape 4 : Il faut maintenant transformer cette image en mode niveaux de gris. Du menu, choisissez Image puis Mode puis Niveaux de gris. Vous aurez alors l’image suivante :

Étape 5 : Nous devons inverser les couleurs : du menu, choisissez Image puis Couleurs puis Inverser.

Étape 6 : Il faut maintenant créer un calque blanc que nous superposerons à l’image. Ouvrez donc votre outil calques : Bouton droit sur l’image puis Calques puis Calques, canaux et chemins....

Il faut ensuite créer un nouveau calque blanc, puis choisir le mode : superposer. Donc cliquez sur l’icône permettant d’insérer un nouveau calque (1 sur l’image ci-dessous), choisissez BLANC puis choisissez le mode SUPERPOSER (en cliquant sur mode, voir 2 sur l’image ci-dessous).

Pour accentuer les constrastes, il peut être utile de dupliquer ce calque (en cliquant sur l’icône appropriée - voir 3 sur l’image ci-dessous) deux ou trois fois. Ici, nous l’avons dupliqué deux fois.

Étape 7 : Il faut fusionner tous les calques visibles. Du menu, calques puis Fusionner les calques visibles et laissez l’option Étendu autant que possible. Tout le noir de cette image sera complètement transparent.

Étape 8 : On doit recomposer l’image à partir des canaux originaux de l’étape 2. Donc du menu, choisissez Image puis mode puis Composer en choisissant l’option RVBA, puis les bons canaux rouge/vert/bleu. (Voir l’image ci-dessous.) Il faut choisir l’image qui fut collée en tant que nouveau comme canal alpha. Vous obtiendrez alors quelque chose comme :

Étape 9 : Il suffit maintenant d’enregistrer cette image en format png avec l’option Enregistrer la couleur d’arrière-plan et le tour est joué ! Ci-dessous, vous pouvez voir ce que cela donne dans une page web avec un fond d’écran jaune.

Une fois l’habitude prise, vous pourrez faire l’ensemble de ces étapes en quelques minutes. Le plus long est généralement la numérisation.

5 Messages de forum

  • 20 mars 2004 21:09, par Pascal L
    Bien que je privilégie le mode png pour enregistrer des images avec transparence, il est à noter que Internet Explorer ne gère pas bien ce format avec cet option. L’autre alternative est d’enregistrer au format gif.
  • 22 mars 2004 08:57, par Patrice Levesque

    MSIE supporte 1 niveau de transparence pour le format PNG - lorsque ce dernier est en format indexé. Avant de sauvegarder, transformer l’image en mode "index".

    Tant qu’à sauvegarder en GIF, autant utiliser PNG indexé : pour les mêmes fonctionnalités, il n’a pas de problèmes de licences et offre un meilleur taux de compression la plupart du temps.

    Pour faire fonctionner les PNG avec plusieurs niveaux de transparence, il faut recourir à un truc pas beau du tout. La recette se trouve sur : http://ptaff.ca/xhtml/#png

  • 22 mars 2004 14:49

    Vous pouvez aussi utiliser la baguette magique... en jouant avec le seuil et sélection inversé.

     Sélectionner le blanc avec la baguette magique
     et ensuite inverser la sélection obtenue.
     Faire copier (les éléments qui ne sont pas blancs)
     et coler en tant que nouvel image...(le fond sera transparant)
     enregistrer la nouvelle image obtenue dans le format souhaité... gif ou png.

    à plus...

    Un tutoriel qui pourrait vous aider cliquer

  • 23 mars 2004 08:17

    Cette méthode fonctionne en effet très bien lorsque le blanc n’est qu’à l’extérieur. Mais pour l’image donnée en exemple, il faudait, avant d’inverser la selection, sélectionner aussi le blanc à l’intérieur de l’image. Cela se fait tout de même relativement bien en maintenant la touche MAJ enfoncée. Le tutoriel indiqué dans la note montre comment procéder. Cependant, lorsque l’image contient une foule de ces espaces intérieurs où l’on désire aussi un effet de transparence, la méthode donnée dans l’article est sans doute préférable.

    Gilles

  • 23 mars 2004 20:00

    Pourquoi se compliquer la vie ? Votre image est trop simple pour une procédure aussi longue. Ici il suffit de faire

    1. une sélection par couleur Menu -> Sélection ,

    2. cliquer le blanc avec la pipette, cliquer le bouton inverser,

    3. CTRL+C pour copier la sélection,

    4. Menu -> Fichier -> Nouveau

    5. et coller dans la nouvelle image vide avec un CTRL+C.

    Essayez, c’est plus long à lire qu’à faire ;-)

    R. Ouellette


Applications | LinuxÉdu-Québec | Revue de presse | Projets | Événements - colloques | Réflexion et opinion | Système d’exploitation