Skip to main content
Pavels Lavrinovics
Participant
February 9, 2017
Answered

Black grain when exporting .gif

  • February 9, 2017
  • 1 reply
  • 20344 views

Hello,

I've been making some simple motion graphics for a presentation, all was going fine until I've decided to move the position of a layer underneath. As I have done that the colored part of my file has gotten a black grain on it (only after exporting). I have not changed any export setting, but when exported as an mp4 the problem is gone. I've tried everything I could think of within my composition but the problem remains.

First export: https://giphy.com/gifs/26xBrCwtMncY2ylDG?status=200

Second export (after moving away the black part of the wave from underneath): https://giphy.com/gifs/26xBRI9aj7sdpS7h6?status=200

I cant see the grain in preview and the only layer under the green wave is the background which is white. This could be a simple mistake, but please let me know.

Thank you!

This topic has been closed for replies.
Correct answer Roei Tzoref

the GIF exporter in AME lacks many features (and unsupported for Mac users) and I haven't yet seen anyone use it professionally. I have seen professionals use Photoshop for exporting GIF files (Render the video from Ae, then drag to Photoshop). if you make a lot of GIF's, I heard this script is very nice: GifGun - aescripts + aeplugins - aescripts.com

for optimizing your GIFs I would recommend this article: https://design.tutsplus.com/tutorials/10-ways-to-optimize-an-animated-gif-file--psd-34649

1 reply

Pavels Lavrinovics
Participant
February 9, 2017

Instead of exporting the Animated GIF through Media Encoder, I have exported it as H.264 and converted to a GIF afterwards in Photoshop.

This has fixed the problem but I have exported a few Animated GIFS trough Encoder before and this has never happened. Happy to fix the problem but I wish I could understand the root of it..

Roei Tzoref
Roei TzorefCorrect answer
Legend
February 9, 2017

the GIF exporter in AME lacks many features (and unsupported for Mac users) and I haven't yet seen anyone use it professionally. I have seen professionals use Photoshop for exporting GIF files (Render the video from Ae, then drag to Photoshop). if you make a lot of GIF's, I heard this script is very nice: GifGun - aescripts + aeplugins - aescripts.com

for optimizing your GIFs I would recommend this article: https://design.tutsplus.com/tutorials/10-ways-to-optimize-an-animated-gif-file--psd-34649

Community Expert
February 10, 2017
I didn't realize AME still needs to be worked on.

I am not sure the AME team even considers investing in this feature. if you want this to happen, you should ask for it here: Feature Request/Bug Report Form


Here's a good and efficient workflow when creating animated gifs using After Effects.

  1. Do not worry about timing - set up your comp so that each move or transition takes the appropriate number of frames but keep the At Rest or Hero frames limited to 1 frame in the AE comp. You will change the duration later
  2. Use the Lossless with Alpha preset in the Output module to render your production master
  3. Open the production master render in Photoshop - change to the video workflow - and set the timing of the video in the frame settings dialogue
  4. Export your animated gif from Photoshop

Using this technique I have often created animated gifs for banner ads that feature 4 or 5 products. There would be a 8 frame animation between products, then 4 to 10 seconds of the product, then an animation to the next product. The end result using the recommended workflow gives you an gif that i is 45 frames long but lasts for about a minute (5 8 frame transitions and 5 hero frames) compared compared to an animation that would be three or four hundred frames long if you set the timing in After Effects.