Анимационная Favicon

Создание анимационной иконки для сайта отличается от использования обычной иконки тем, что анимационная иконка обязательно должна иметь формат gif.

Для создания анимации подойдет любая программа, которая может создать анимационный рисунок из набора фреймов. Так например, можно использовать Macromedia Flash. Одним из распространенных инструментов для создания анимации является Adobe ImageReady.

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

Для создания анимации необходимо создать рисунок размером 16x16 пикселей в Adobe Photoshop.

Создайте на одном изображении несколько слоев, которые будут имитировать анимацию (то есть изображение на слоях должны быть разнообразными). Сохраните изображение в формате PSD.

Перейдите в Adobe ImageReady и через меню Window/Animation откройте панелья анимации. Откройте сохраненное изображения в формате psd и добавте на панели такое количество кадров, сколько слоев имеет изображение. Для каждого кадра на панеле слоев включите только один слой (остальные должны быть скрыты). При необходимости для каждого кадра можно изменить время его отображения.

Для этого под каждым кадром щелкните правой кнопкой мыши и выберите необходимый интервал.

После создания кадров необходимо сохранить анимацию File/Save Optimized As в формате GIF.

Отображение анимации в адресной строке

После загрузки рисунка на сайт, браузеру необходимо указать, что бы в качестве иконки он использовал не favicon.ico а рисунок gif. Для этого после описания мета тегов в файл необходимо включить строку:

(LINK href='animation.gif' rel='shortcut icon')
замените "(" на "<" и наоборот

В результате в адресной строке вы увидите свой анимационный рисунок:

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Анимационная Favicon | | 2010-09-21 04:22:59 | | Языки разметки | | Создание анимационной иконки для сайта отличается от использования обычной иконки тем, что анимационная иконка обязательно должна иметь формат gif. Для создания анимации подойдет любая программа, | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: