Исходное сообщение morela4

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

Многие задают вопрос -
почему созданный в фотошопе GIF курсор, баннер, кнопка или фигурка
- в общем, любая анимашка без фона,
при публикации на страничке интернета, которая имеет цвет, кроме белого,
появляется ореол, типа этого




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

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

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



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

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

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



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



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

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



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