Bonjour !

J'essaye d'exporter une animation en .gif avec le fond transparent. J'ai essayé d'exporter en séquence PNG avec couche Alfa et d'enregister en gif via photoshop, mais je n'arrive pas à obtenir un fond transparent, j'ai toujours un fond noir :/

Quelqu'un sait il comment faire ? Merci d'avance !

ps : l'animation est ensuite utilisée sur un site

Finalement si, du moins jusqu'à un certain point. Je m'explique. J'ai exporté en séquence png, avec en couche RVB + Alpha. J'ai ensuite exporté dans Photohop en gif. Le fond était bien transparent, mais l'ombre portée que j'avais ajoutée dans after effect faisait "bavé" l'animation.

Voici le gif sur after effect :

Et voilà en RVB + alpha, le fond est bien transparent mais l'ombre "bave".

J'ai donc enlevé l'ombre portée. Mais là nouvelle surprise ! Le fond était bien transparent mais je me suis aperçu que l'opacité n'était pas gérée comme dans la version after effect et que le gif était, je trouve, assez dégradé par rapport à l'animation d'origine.

Du coup, est-ce que tu aurais une solution pour pallier à ces problèmes ? Ou quelqu'un d'autre ?

A moins que tu as une autre façon de faire, meilleure que le gif. Dans ce cas je suis tout à fait ouvert

Bonsoir.

Pourquoi exporter une séquence PNG en GIF pour l'envoyer dans AE ? Le format GIF n'est pas du tout fait pour ça, il défonce la qualité des images et est très limité quand aux paramètres possibles. Tu pourrais simplement importer tes images en tant que séquence  d'images dans AE :

Avantages : tu conserves la qualité brut des images (ici du png), tu ne figes ni ne restreints les paramètres importants (comme le framerate ou la gestion de la couche alpha), tu en fais ce que tu veux.

Inconvénients : vraiment, j'en vois pas.

Si ton but est uniquement de faire un fichier GIF, ben c'est simple : le GIF ne supporte pas les variations d'alpha autres que 0 et 1. Autrement dit : un pixel dans un format GIF est soit totalement transparent, soit totalement opaque, mais il ne peut pas être "plus ou moins transparent". C'est l'un des défauts du GIF. Du coup, lorsque tu exportes une variation de transparence en GIF, le logiciel va littéralement mettre une couche de couleur unique sous chaque pixel "plus ou moins transparent" pour que, à la sortie, il y ait un dégradé de couleur au lieue d'une transparence progressive.

La seule solution que tu as, c'est d'utiliser une transparence en dithering. C'est à dire que, au lieue de remplacer tous les pixels "plus ou moins transparents" par des pixels de couleur sur fond blanc ou noir, le logiciel va produire une sorte de bruit alternant pixels transparents et pixels colorés de manière à donner l'illusion d'une transparence progressive. Vu de près ça ressemble à ça :

A gauche l'image d'origine, à droite la version GIF avec Dithering de type diffusion. Un beau pointillisme dégueulasse quoi.

Je me suis peut être mal exprimé, mais une fois l'export en gif terminé, le but n'est pas de réutiliser le gif dans ae mais de l'utiliser sur un site en tant qu'illustration (en attendant de maîtriser l'animation svg) Mais j'ai bien compris que le gif n'était pas le meilleur moyen de faire ce que je voulais, du coup je l'ai exporté en vidéo, avec un autoplay et une loop à l'infini.

Par contre, vous allez rire mais j'ai un nouveau problème Le but du gif transparent était de le mettre par dessus un fond que j'avais créer en css. Fond que j'ai voulu recréer dans AE. Au moment de l''export tout va bien, qquand je lis le fichier .mp4, le fond est présent, mais quand je l'importe dans mon html, les 2 triangles ont disparus.

Ce qu'on peut voir dans AE et quand je lis la vidéo avec vlc

Ce que ça donne sur mon site :

regardes directement dans AE si les triangles sont toujours là dans le fichier vidéo exporté. S'ils y sont pas, c'est un problème à l'export. S'ils y sont, c'est un problème avec la page web (qui peut être lié au code ou au support du format). Je suppose...

Sinon, quel est le format et codec de la vidéo ?

Finalement, j'ai remarqué que le fond de la vidéo était transparent, du coup, j'ai pu placer les vidéos sur les fonds créés en css. Pour info je les ai exporté avec AE en .mov, couche RVB et codec animation (j'ai laissé la couleur et la profondeur par défaut). Puis je les ai encodé en H.264 avec Adobe Media Encoder.

En tout cas, merci d'avoir pris le temps de m'aider