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

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

[350x304]


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

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

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

[350x304]

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

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

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

[304x178]

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

[350x304]

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

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

[302x340]

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

Серия сообщений "ФШ полезности":
Часть 1 - если у меня рамка форматом "гиф" и белое окошко как вставить туда фотографию (лицо)
Часть 2 - как вставить в рамку "гиф" формат - фотку
...
Часть 38 - Выделение для начинающих. Урок 1
Часть 39 - Чаво Actions и Маски
Часть 40 - Как избавиться от ореола на анимашке без фона.