Gradients don't export correctly

Creatide / AnimateMate

Create your animations directly in Sketch using AnimateMate.

http://AnimateMate.com

MIT License

1.33k stars 78 forks source link

Gradients don't export correctly #30

Closed davemoz closed 7 years ago

davemoz commented 7 years ago

While testing this plugin I tried to recreate the Facebook loading animation (having a masked, gradient-filled "highlight" rectangle animate across some UI elements) and noticed that the gradient doesn't export correctly when exporting as a gif. See here: https://www.dropbox.com/s/tsew3buks4ybfxt/animateMate-gradientFail.gif?dl=0

niittymaa commented 7 years ago

It could be because of GIF compression. Have you tested out with exporting PNG sequence? If PNG looks ok, then it's gif compression. Using gradients in GIF images is not easiest, because there is limited amount of colors in gif... AnimateMate uses Gifsicle library.

Tip: There is great free app to playback PNG sequences http://djv.sourceforge.net/

davemoz commented 7 years ago

Thanks, I did end up resorting to using a PNG sequence and re-exporting from Photoshop as a gif.