Вы можете создавать GIF анимацию двумя основными путями: в один шаг или в два. Графические программы, такие как Adobe ImageReady, Macromedia Fireworks и Microsoft PhotoDraw (вторая версия), позволяют создавать графику, устанавливать кадры анимации и экспортировать сжатые GIF файлы.
GIF анимация похожа на небольшой фильм, который можно проиграть с помощью вашего браузера. Большинство активных рисунков, которые вы видите на веб-страницах, передаются вашему браузеру как GIF анимация. Этот формат столь популярен потому, что, в отличие от других видов анимации, он может отображаться практически любым браузером без применения дополнительных программ. Вы можете разместить GIF анимацию на вашей странице так же, как если бы это был обычный GIF файл, но кроме рисунка файл содержит серию кадров, чтобы отобразить движение или изменение изображения.
GIF анимация не работает с браузеромИспользуя программное обеспечение для работы с графикой GIF, такое, как Adobe Image Ready или Macromedia Fireworks, вы можете создавать GIF анимацию, которая представляет собой небольшие ролики, проигрываемые браузером. GIF анимация выглядит и работает как обычная GIF графика, но, будучи правильно сделанной, она оживает на странице. (Для знакомства с GIF анимацией см. раздел "Начинаем работать с GIF анимацией")Если ваша GIF анимация не работает, причинами проблемы могут быть: браузер, процедуры, использованные вами при создании GIF анимации, или опции, выбранные вами при сохранении. Чтобы установить правильную причину и решить проблему, проделайте следующие шаги:В браузере проверьте, работает ли остальная GIF анимация например, баннеры на домашних страницах обычно анимированы. Если вы не видите анимацию, проблема, возможно в вашем браузере. Некоторые старые браузеры не поддерживают GIF анимацию и показывают лишь статическое изображение. Кроме того, в новых браузерах существует опция отключения анимации на случай, если она вас очень утомит. Чтобы включить анимацию в Internet Explorer 5, нажмите Internet Options (Свойства обозревателя) в меню Tools (Сервис), выберите закладку Advanced (Дополнительно), отметьте окно Play Animation (Показывать анимацию) и нажмите OK. Убедитесь, что показ анимации включен в опциях вашего браузераЕсли анимация по-прежнему не работает, откройте ее с помощью вашей программы для работы с графикой или GIF анимацией. Если возможно, используйте файл Fireworks или ImageReady. В противном случае используйте GIF файл, но учтите, что файл, экспортированный в формате GIF, может не содержать всей информации, необходимой для работы над ним с помощью вашей графической программы.Посмотрите на список кадров вашей анимации. Если кадр всего один, то ваш GIF не является анимацией. Чтобы превратить его в анимацию, вы можете добавить кадры либо размножить уже существующий, внося небольшие изменения в каждую копию. Для создания анимации вам нужно как минимум два разных кадраЕсли при проигрывании вашей анимации присутствуют ошибки изображения: точки, размытые области, причиной могут быть опции оптимизации, используемые вашим GIF. Для того чтобы уменьшить ваш анимированный GIF файл настолько, насколько это возможно, большинство графических программ используют различные хитрости, которые могут быть не совместимы с вашим браузером. (Например, многие пользователи браузеров America On-Line жаловались на проблемы с оптимизированной анимацией.) Если у вас проблемы с изображением анимации, в вашем браузере отключите опции оптимизации. Например, в ImageReady для этого отключите опции Bounding Box и Redundant Pixel Removal, в FireWorks отключите опции AutoCrop и AutoDifference.Просмотрите вашу анимацию, чтобы убедиться, что все в порядке, затем сохраните ее или экспортируйте. Выберите то количество цветов, которое позволит вашей анимации изображаться адекватно. При уменьшении числа цветов просматривайте вашу анимацию снова, чтобы быть уверенным в том, что данного количества цветов хватит для четкого изображения. В FireWorks для экспорта используется формат Animated GIF и палитра WebSnap Adaptive. Для такой анимации достаточно 64 цветовПри сохранении или экспорте анимации убедитесь, что вы выбрали формат Animated GIF. В некоторых графических программах, например в Fireworks, возможно сохранить вашу анимацию как обычный (статичный) GIF файл даже после того, как вы размножили кадры. Анимированный GIF файл слишком долго загружаетсяВ формате GIF изображение сжимается достаточно эффективно, особенно при наличии областей сплошного цвета. Более того, анимированные GIF файлы используют сложные методы для уменьшения размера, сохраняя минимум информации для воспроизведения изображения. Тем не менее, большая и красочная анимация содержит огромное количество информации. Если вы не будете ее аккуратно оптимизировать, вам придется работать с большими файлами, медленно загружаемыми через Интернет. Чтобы уменьшить размер анимированного GIF файла, попробуйте проделать следующие шаги. Во время шагов с 1 по 4 вы будете вносить изменения в анимацию. Затем вы убедитесь в оптимальности установок, использованных вами при сохранении или экспорте GIF файла.Откройте анимацию с помощью вашей программы для работы с графикой или GIF анимацией. Если возможно, используйте файлы Fireworks или ImageReady. В другом случае используйте GIF файл, но учтите, что если файл был предварительно оптимизирован, он может не содержать всей информации необходимой для работы над ним с помощью вашей графической программы.Используя таблицу или список кадров, посмотрите, как сильно различаются кадры. Не превышает ли количество кадров необходимое для отображения действия? Если это так, удалите промежуточные кадры и увеличьте интервал между ними. Рецепт маленькой GIF анимации: меньше действия и цвета, меньше кадров, большие интервалы между нимиЕсли ваш анимационный файл слишком велик, постарайтесь еще уменьшить действие. Попробуйте разместить действие в одной области, оставляя большую часть фона без изменений, тогда ваша графическая программа сможет оптимизировать анимацию более эффективно.По возможности используйте меньше цветов в своей анимации GIF файлы с меньшим количеством цветов занимают меньше места. Выберите подходящую для вашей анимации адаптивную палитру. Попробуйте уменьшить глубину цвета или количество цветов, но всегда просматривайте вашу анимацию, чтобы убедиться, что данного количества цветов достаточно для четкого изображения.Просмотрите вашу анимацию, чтобы убедиться, что все в порядке, затем сохраните ее или экспортируйте в формате Animated GIF (анимированный GIF). Убедитесь, что включены все опции оптимизации GIF вашей графической программы. Большинство программ включают их по умолчанию.Начинаем работать с GIF анимацией
В данной лекции рассматриваются возможные проблемы при создании web-страниц с использованием анимации. Проводится краткий обзор наиболее популярных методов "оживить" страницу. Дается информация о некоторых программах для работы с графикой.
Анимация: версия для печати и PDA
Практика разработки Web-страниц
Интернет-Университет Информационных Технологий
INTUIT.ru::Интернет-Университет Информационных Технологий
Комментариев нет:
Отправить комментарий