Skip to main content
Known Participant
February 26, 2018
Beantwortet

annoying little white border line appeared in Gif animation

  • February 26, 2018
  • 2 Antworten
  • 35695 Ansichten

Hello!

With photoshop CC 2018 I created a gif animation, clicking on "create video timeline" and then using the clock icon with the "transform", changing the w value to 1% at frame 100 . The original image was this png file: https://postimg.org/image/iq7f73hwb/  , the result this gif: https://media.giphy.com/media/gXPl17sWWZ0HndMPQW/giphy.gif

Both have and should have transparent background, I am 99% happy with the result. Unfortunately this annoying detail, at some point a thin white outside boarder around the question mark appeared. To demonstrate (since it might not be visible with the two images above) I saved a single frame, put it in front of a green background (for some unknown reason it came out dark grey instead of green, but that is not the point here). https://postimg.org/image/f99yhid97/

The thin white line is annoying since I will use the animation with another background later. I hope it is just a little check/uncheck a boarder setting or using an svg or whatever filetype as the origininal image or something with safe settings. Any ideas? Thanks in advance!

Dieses Thema wurde für Antworten geschlossen.
Beste Antwort von melissapiccone

I kinda solved it, that white only appears if there is no background. Once you put a background behind it its invisible, therefore its all good


A gif can only have 1 color transparent. You will always have a "halo" from the anti-aliasing. You can remove it and you will have a rough "stair-step" edge. It's best to place it on a solid color background to match the anti-aliasing color.

A png has alpha layer level transparency - 256 levels the same as a photoshop level. However, you can't animate a png.

2 Antworten

Participant
November 30, 2021

Use "FXAA" Plugin. It's free and works like a charm!
PRO TIP: Duplicate the effect until you reach the desired result.

 

 

[Link to FXAA removed by moderator since it is not a Photoshop plug-in. (Thanks @Paul-BU ) ]

 

Participant
December 7, 2021

This thread is about photoshop GIFs and the FXAA plugin is for After Effects, just FYI to anyone who sees this post above.

Nancy OShea
Community Expert
Community Expert
February 26, 2018

Looks like an aliasing problem (jagged edges).

Aliasing & anti-aliasing in Photoshop

Nancy O'Shea— Product User & Community Expert
Known Participant
February 26, 2018

Thanks! Do I have to apply Anti Aliasing for the original image or the animation? Because I can not apply it for all the individual frames, unless it does it automatically.

Known Participant
March 9, 2018

A gif can only have 1 color transparent. You will always have a "halo" from the anti-aliasing. You can remove it and you will have a rough "stair-step" edge. It's best to place it on a solid color background to match the anti-aliasing color.

A png has alpha layer level transparency - 256 levels the same as a photoshop level. However, you can't animate a png.


thanks, how can I decide what the color of the halo is? In this case, I would want it to be black http://playground.e-smog.org/gimpforum/gif-bg.html