The GIF image format was developed by CompuServe in 1987 and has been a mainstay since the infancy of the internet. From cats and batman, to falls and the ice bucket challenge, GIFs have been used to entertain us. But as soon as you make it with a transparent background, it falls apart. It gets ugly and you get weird white edges. How can you fix that?
This blog will go over what you can do to make your GIFs lose that ugly halo. This blog assumes you know how to make an animated GIF in fireworks, and focuses solely on removing the white border. For this tutorial I remade the click GIF we use in a lot of our courses.
Make it bigger
When I re-animated it I wanted it scalable so I made it huge. A whopping 1672 pixels! Way more than it will ever need. I exported 2 different versions below, one at full resolution, the other at 100 x 100 pixels. I then shrunk the 1672 x 1672 by using HTML code. So, not really shrunk, just displayed smaller.
Tags: Adobe Fireworks • anamated gif • elearning • Featured • gif • graphic design • halo • ugly • ugly white border • white border