Как избавиться от ореола на анимашке без фона.
Многие задают вопрос -
почему созданный в фотошопе GIF курсор, баннер, кнопка или фигурка
- в общем, любая анимашка без фона,
при публикации на страничке интернета, которая имеет цвет, кроме белого,
появляется ореол, типа этого
Дело в том, что гиф не поддерживает прозрачность в изображениях.
Я не буду вдаваться в заумные подробности реагирования и воспроизведения браузером
гиф изображения. Скажу только одно:
так как гиф не поддерживает прозрачность в изображении,
то всегда будет ореол на анимашке без фона.
Как избавиться от этого ореола?
Да очень просто.
Нужно в созданную анимашку добавить фон с тем же цветом, что и страница интернета,
на которой эта анимашка будет опубликована.
Давайте рассмотрим это дело на конкретном примере,
а именно на публикации анимированной кнопки на моём сайте
в уроке по созданию кнопки " DOWNLOAD".
Как видите ореол присутствует, так как гифка было сохранена без фона.
1. Открываю рабочий фал, который у меня сохранён при написании урока.
В панели слоёв создаю новый слой,
располагаю его в самом низу
и заливаю цветом фона страницы моего сайта.
2. Сохраняю гифку и публикую на сайте.
Ореол исчез.
3. Как узнать цвет экрана, т.е. странички,
на которой публикуете анимашку?
Да проще париной репы.
1) Сделайте скрин страницы, откройте его в фотошопе
и пипеткой определите цвет.
2) Воспользуйтесь программой HTMLColors2K - ссылка.
Если же попробовать к уже сохранённой гифке добавить фон,
то ореол останется, так как сохраняясь гифка игнорировала прозрачность,
но и с этим можно побороться.
Читайте ЗДЕСЬ.
С теплом, Ольга Бор.
|
|