Babylon Design

par Samuel Le Morvan

Chez vous aussi, utilisez un Web de qualité

Tutoriels Photoshop

Apprenez à maîtriser les rudiments d’Adobe® Photoshop® pour redonner de l’éclat à vos compositions graphiques !

Tutoriels Photoshop

GIF Transparent

Voici comment faire parfaitement des GIFs transparents. Simple, très efficace et surtout utile !


  • Ouvrez votre image.

  • Zoomez et effacez les défauts de votre image avec la gomme. (Maintenez la barre espace pour utiliser la Main sans changer d’Outil)
  • Et avec la Baguette Magique sélectionnez la future zone transparente (ici le blanc).

  • Faites Sélection > Plage de couleur et avec la Pipette cliquez sur la même zone dans l’aperçu. Tolérance 40, cochez Sélection et Prévisualisation : Masque.
  • Cliquez OK.

  • Toute votre surface blanche est sélectionnée.
  • Invertissez la sélection (Ctrl+Maj+I) et vous obtenez une sélection parfaite.
  • Cliquez sur la sélection avec le bouton droit et cliquez "Calque par Couper".

  • Supprimez le calque de Fond et vous obtenez votre GIF Transparent !

  • Enregistez une copie sous…

  • N’oubliez pas de cochez la case Transparence !!!

Ce que nos lecteurs en disent :

  1. Deoxys

    C’est une version compliquée d’une action simple. Il suffit que l’image soit en un seul calque qui n’est pas arrière plan (retirez le cadenas). Puis séléctionnez la zone blanche avec la baguette magique et supprimez avec la touche delete de votre clavier. Ensuite, gommez les défauts à la gomme =)

  2. Citron

    En plus de cela, le résultat en GIF sera très loin du resultat lissé vu sous photoshop, n’oublions pas que le GIF est le niveaux de transparence ne font pas bon ménage.

  3. Flasher

    Pour moi c’est tout à fait ce que je recherchais. Ca faisait 2h que je tournais en rond… Merci beaucoup donc ^^

  4. mandy

    bonjour :)
    comment puis-je faire un gif, avec Adobe Photoshop Elements 2.0 ? malgré l’aide, je ne m’en sors pas ..
    merci de bien vouloir me donner un coup de main =)

    merci d’avance

  5. musculation

    Merci pour le tutoriel, lorsque j’affiche l’image sur mon site ça marche nickel avec firefox, mais internet explorer ne prend pas en compte la transparance :(

    • Shemu

      Tu as dû enregistrer en PNG et non pas en GIF.

  6. WhosDaPiMp

    j’adore le "Invertissez la sélection".
    Bon tuto néanmoins, merci pour le travail.

Les commentaires sont clos.