White dots around transparent GIF

New Here ,
Dec 01, 2020

Copy link to clipboard

Copied

I'm trying to make the first GIF attached transparent and have gotten most of the background out, but when I export for web and preview the gif, there are white dots all around the main character.  On a white background, these wouldn't matter, but I want to be able to use the GIF on any background.  Do I have to clean each frame better or is there another problem that may be causing this?

TOPICS
How to, Problem or error

Views

41

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

White dots around transparent GIF

New Here ,
Dec 01, 2020

Copy link to clipboard

Copied

I'm trying to make the first GIF attached transparent and have gotten most of the background out, but when I export for web and preview the gif, there are white dots all around the main character.  On a white background, these wouldn't matter, but I want to be able to use the GIF on any background.  Do I have to clean each frame better or is there another problem that may be causing this?

TOPICS
How to, Problem or error

Views

42

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 01, 2020 0
Most Valuable Participant ,
Dec 01, 2020

Copy link to clipboard

Copied

Yes you need to delete the pixels you can not use multiply blending or blend if for you need the other white pixel to cover the background

JJMack

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 01, 2020 2
Guide ,
Dec 01, 2020

Copy link to clipboard

Copied

The white pixels are caused by the transparent anti-aliased edges left behind when you cut out the animation.

Gifs support only 1bit transparency: either on, or off.

 

Transparent smooth edges are impossible in GIF, and Photoshop attempts to reduce these to 1bit by dithering the edges and introducing a matte colour (in your case white, which is the default) as well.

This results in the white halos/pixels.

 

You have two options:

1) remove all transparent smooth anti-aliased edges, and create aliased edges instead. You may have to redo your selections and ensure no anti-aliasing is used. Hard pixel edges only!

2) avoid the archaic GIF format altogether, and switch to an APNG (animated PNG) instead. APNG supports full transparency. All web browsers now support animated png files.

 

The problem is that all Adobe apps are unable to export animated png files.

 

The simple solution: export your animation as a PNG file sequence, and assemble these into an APNG file with either one of these tools:

PNG Assembler (Windows)

https://sourceforge.net/projects/apngasm/files/2.91/apngasm_gui-2.91-bin-win32.zip/download

APNGb (Mac)

https://github.com/shgodoroja/APNGb

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 01, 2020 1