Saving GIF and items become not clear


I'm using Photoshop CC.

I've created a GIF animation with a text, circles etc etc.

This text (and other items) is showing fine in Photoshop, but, when I do "Save for web" and open the GIF, the text become not clear at the end of the animation, like the image above: enter image description here

The problem seems to be related to the background color. I mean: on each step of my GIF I've a background (white), just on the last step I removed the background 'cause I don't want it on my animation. In fact when I add a background color to my last step the result is this: enter image description here

So, the question is: how can I correctly create a GIF with transparent background and mantain a good quality?


10/24/2014 3:16:00 PM

Accepted Answer

GIF cannot display semi-transparent pixels. If you want to get rid of the jagged edges choose white as the color in the »Matte« Dropdown-Menu in the Save for Web dialogue.

Radial Gradient without matte color:

enter image description here

with matte color set as white:

enter image description here

The Problem with this is, that if the logo is used on any other color than white, it will have a jagged white outline.

enter image description here

10/24/2014 4:08:00 PM