Как избавиться от ореола на анимашке без фона.

Дело в том, что гиф не поддерживает прозрачность в изображениях.
Я не буду вдаваться в заумные подробности реагирования и воспроизведения браузером
гиф изображения. Скажу только одно:
так как гиф не поддерживает прозрачность в изображении,
то всегда будет ореол на анимашке без фона.

Как избавиться от этого ореола?
Да очень просто.
Нужно в созданную анимашку добавить фон с тем же цветом, что и страница интернета,
на которой эта анимашка будет опубликована.

Давайте рассмотрим это дело на конкретном примере,
а именно на публикации анимированной кнопки на моём сайте
в уроке по созданию кнопки " DOWNLOAD".

[350x304]

Как видите ореол присутствует, так как гифка было сохранена без фона.

1. Открываю рабочий фал, который у меня сохранён при написании урока.

В панели слоёв создаю новый слой,
располагаю его в самом низу
и заливаю цветом фона страницы моего сайта.

[304x178]

2. Сохраняю гифку и публикую на сайте.
Ореол исчез.

[350x304]

3. Как узнать цвет экрана, т.е. странички,
на которой публикуете анимашку?
Да проще париной репы.

1) Сделайте скрин страницы, откройте его в фотошопе
и пипеткой определите цвет.

[302x340]

2) Воспользуйтесь программой HTMLColors2K - ссылка.

С теплом, Ольга Бор.