SkylineLab > Статьи > В помощь дизайнеру > Создание анимационной faviconСтатьи
Создание анимационной favicon

В помощь дизайнеру: Статьи - Создание анимационной favicon

      Создание анимационной favicon

      Наличие анимационной иконки позволит сделать сайт более запоминающимся для пользователя. От обычно иконки анимационная отличается тем, что имеет gif формат. Чтобы создать подобной иконку дизайнер может воспользоваться любой программой, которая работает с наборами фреймов. Приступая к работе необходимо иметь заранее готовый рисунок-основу размером 16 на16 пикселей.

      На одном изображении необходимо заблаговременно создать несколько слоев, которые будут отвечать за анимацию. Изображение следует сохранить в формате PSD, затем запустить Adobe ImageReady и открыть панель анимации через меню.

      После чего нужно открыть сохраненное изображение и добавить количество кадров, равному количеству слоев. Каждый кадр в панели должен иметь только один слой, другие слои должны быть скрыты. В панели можно настроить время отображения каждого кадра. Затем необходимо выбрать подходящий интервал, а после создания анимации сохранить кадры в GIF. Когда рисунок будет загружен на сайт, в качестве иконки обязательно нужно указать не favicon.ico, а новое изображение. Чтобы это сделать необходимо после мета тегов включить строку в файл: <LINK href=animation.gif rel=shortcut icon>.


<< Назад

+7 (903) 66-22-797