Exporting as a GIF Properly (blurred edges)

[WP275]

Hi there,

I'm trying to export a PNG sequence as a GIF in Photoshop using Save for Web (Legacy).

The animation was made in After Effects, in which the top two layers have a very soft drop shadow.

Here's what it looks like in After Effects and Photoshop (with and without a background):

 

When I export it out of Photoshop, it looks like this:

Somehow, the drop shadow is being turned into this white solid.

What are the optimal settings for exporting as a GIF?

Here are my current settings:

Thank you in advance!

[davescm · Accepted solution]

If you are going to use the gif against a solid coloured background and you know what colour, e.g. the blue in your screenshot, change the matte colour from white to that blue colour.
If you have no idea of what background it will be against you could try turning matte to "none" and using transparency dither , but it rarely looks good and you may be better off without the shadow.

Dave

[Melissa2007]

I was having the same issue. Changing matte to the background color worked like a charm. Thanks for sharing!

[WP275]

Setting the matte to none and the dither to 0% made it export as I wanted it to. I didn't notice any significant lapse in quality because of it either.

Thank you for the response.