Participant

Answered

How to export gif with transparent background using the latest version of After Effects 2022 on Mac

Forum|Forum|3 years ago
March 2, 2022
5 replies
34223 views

Dear all,

I am having a hard time trying to export a gif file with transparent background using After Effects on my Mac. I read different posts and watched many tutorials online, but the settings in my version of After Effects are different and I have never been able to complete a transparent gif 😥. Is there someone who's using the latest version of After Effects and knows the right steps to do it?

Thank you very much!

Correct answer Warren Heaton10841144

If you need to create animated GIF files on a regular basis, GifGun for After Effects is well worth it.

https://aescripts.com/gifgun/

As long as the animation is 500 frames or less, you can render a movie file from After Effects with transparency and then convert that to an animated GIF with transparency in Photoshop.

Assuming that you can see the Transparency Grid in After Effects, add your Comp to the After Effects Render Queue, set the Render Settings template to "Best Settings", and the Output Module to "High Quality with Alpha". Open the resulting movie file in Photoshop (note, on the macOS side if you're on a M1-based Mac you may still have to open Photoshop using Rosetta) and use File > Export > Save for Web (Legacy)... to set the GIF options and save it. If you're using an older version of After Effects (2021 or older), you'll need to use the "Lossless with Alpha" Output Module template.

You may have noticed that there's an "Animated GIF" Format option in Adobe Media Encoder Queue. Avoid this unless you're converting short video clips to animated GIF - it treats anaimted GIF like it's video when it is not.

A

asd21ewads

Known Participant

Download a free script AEJuice Export GIF. In Settings - turn on Alpha Channel. Close Settings, and press Export. At the first import, it will download a library (ImageMagick, I believe) to help with the alpha channel (20 sec) and it should export a gif with transparency.

W

Warren Heaton10841144

Correct answer

Community Expert

If you need to create animated GIF files on a regular basis, GifGun for After Effects is well worth it.

https://aescripts.com/gifgun/

As long as the animation is 500 frames or less, you can render a movie file from After Effects with transparency and then convert that to an animated GIF with transparency in Photoshop.

Assuming that you can see the Transparency Grid in After Effects, add your Comp to the After Effects Render Queue, set the Render Settings template to "Best Settings", and the Output Module to "High Quality with Alpha". Open the resulting movie file in Photoshop (note, on the macOS side if you're on a M1-based Mac you may still have to open Photoshop using Rosetta) and use File > Export > Save for Web (Legacy)... to set the GIF options and save it. If you're using an older version of After Effects (2021 or older), you'll need to use the "Lossless with Alpha" Output Module template.

You may have noticed that there's an "Animated GIF" Format option in Adobe Media Encoder Queue. Avoid this unless you're converting short video clips to animated GIF - it treats anaimted GIF like it's video when it is not.

sbarbAuthor

Participant

Thank you so much, Warren! I didn't know about Rosetta. I finally was able to export my gif! And thank you for suggesting me GifGun, I will try it 🙂

Mylenium

Legend

Have you actually converted it to frame animation? did you use a format like PNG or TIFF that actualyl supports transparency?

Mylenium

Legend

Render an image sequence ands import it as a frame animation. QT has been busted for ages and is the worst possible way to exchange your data.

Mylenium

sbarbAuthor

Participant

Thanks, Mylenium. I tried to render an image sequence as you recommended but once in Photoshop, the video doesn't move because I only see the first frame (with the black background instead of the transparency). Are there other settings I forgot to activate maybe?

Mylenium

Legend

Without any info about what settings you actualyl use currently and the specifics of your comp nobody can really tell you much. Could be a million things from an overlooked layer switch to issues with hardware acceleration to something like having to pre-compose to actualyl "flatten" the transparency generated by an effect and get correct results. We really need more info here.

Mylenium

sbarbAuthor

Participant

Dear Mylenium,

thank you for your reply. Here is what I did: I went to the render queue, I chose the format "QuickTime", in the option format I picked "Animation" and in the channel, I specified "RGB + Alpha". I then exported the .mov file. I wanted to open it with Photoshop (and use this program to export the gif), but Photoshop didn't let me open it because it says that "it can't recognize the file format". What did I do wrong?

The file itself is really simple: just the background that I did with Illustrator (that has the transparency in the corners) and an animated image over it.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded