Программы для создания GIF-анимации

Анимационная графика может эффективно дополнить общий дизайн веб-страницы, сделать ее динамичной. Движущиеся GIF-изображения привлекают взгляд, поэтому особенно часто анимация используется в рекламных баннерах, основная цель существования которых - щелчок по нему мышки посетителя. Современные баннеры могут сочетать в себе движущиеся персонажи, текст, меняющийся фон. GIF (GIF89a) - наиболее распространенный формат веб-анимации, как правило именно он используется для баннеров.

Анимированный GIF - это последовательность GIF-изображений, сохраненная в отдельном файле вместе с описанием функций управления. Изображения воспроизводятся последовательно, как в мультипликации. Задается отрезок времени, через который будет загружаться очередное изображение. Чем меньше этот отрезок, тем воспроизведение будет быстрее, и, наоборот. GIF-анимации могут проигрываться один раз, повторяться в цикле или проигрываться заданное число раз. GIF-анимацию можно воспроизводить непосредственно при помощи как Internet Explorer, так и Netscape Navigator.

Процесс разработки GIF-анимации состоит из двух этапов:

1. Создание отдельных изображений, в которых от кадра к кадру происходят некоторые изменения. При этом используются программы подготовки веб-графики.
2. Соединение отдельных кадров в анимационную последовательность с помощью программы, создающей файл формата GIF89a (GIF89a specifications from Compuserve).

Для создания отдельных кадров, которые составят движущуюся картинку в Web, можно использовать Adobe PhotoShop (PhotoShop Homepage). Приложение Adobe ImageReady позволяет создавать анимационные GIF-файлы из файлов слоев, созданных в PhotoShop, создавать промежуточные кадры (tweening), оптимизировать анимации для использования в Web. В ImageReady инструменты для анимации GIF находятся внутри палитры Animation. Средство tweening позволяет автоматически создавать промежуточные кадры в анимации и может быть применено к графическим и текстовым изображениям.

Объем файла баннера не должен превышать 10-12 Кбайт, иначе время загрузки может быть недопустимо большим. Качество GIF-кадра должно быть тем выше, чем больше время его показа. При быстрой смене кадров недостатки изображений, возникшие после оптимизации, зрительно незаметны. GIF может иметь количество цветов от 2 до 256. Для хранения каждого пиксела изображения, использующего, например, 32 цвета (2 в степени 5), будет взято по 5 бит. Размер каждого пиксела уменьшится на 1 бит только при переходе, в данном примере, к 16 цветам (2 в степени 4), а при 20 цветов выигрыш в размере незначительный. Сокращение числа цветов в изображении, числа и размеров кадров, отказ от полутонов позволяет добиться значительного уменьшения размера GIF-изображения. Так же могут быть использованы некоторые приемы, которые описаны на сайте PCMag в статье Подготовка эффективных Web-анимаций: замедление (или ускорение) анимации, использование фильтра размывка движением (motion blur) для создания иллюзии движения, отсечение избыточных частей изображения, использование слоев в анимации, т.е. наложение слоя с новым изображением поверх старого, причем фрагменты предыдущего кадра могут быть прозрачными. О создание анимации в Adobe ImageReady и в Ulead GIF Animator читайте на сайтах Андрея Тушева и Максима Образцова. В Бесплатной Школе Баннермейкеров вы научитесь делать баннерную рекламу. Руководство по созданию анимационной графики дано на странице Royal Frazier. Советы по созданию gif-анимации - на сайтах WebClub (статьи Анимационные картинки: что это и как их создавать, Неисчерпаемый GIF), Gif2000, Баннеры, Живой GIF, Devchonki.org. Галереи 3D изображений, видеороликов, материалы по 3D-графике и анимации вы найдете на сайтах Digital Blasphemy, Render.ru, Animast.inc.

Ulead GIF Animator (Ulead.com, Ulead Systems) - это наиболее популярная программа для создания профессиональной компактной анимации. Содержит множество встроенных эффектов и переходов, имеет простой и удобный интерфейс, возможность настройки скорости и размеров анимированного изображения, подключения большого количества графических форматов, обладает широкими возможностями работы с текстом.

Программа FireWorks 4 (Macromedia, ПО Macromedia) - профессиональное средство подготовки веб-графики, создания, редактирования растровых и векторных изображений, многокадровых GIF-анимаций. Программа позволяет в визуальной среде разрабатывать кнопки, rollover-эффекты и сложные навигационные схемы с многоуровневыми всплывающими меню, поддерживает множество форматов графических файлов, а также позволяет быстро проектировать и создавать графику, HTML-коды и сценарии JavaScript.

Xara (Xara.com) - мощный графический редактор, работает как с векторной графикой, так и с растровой графикой, поддерживает Java, Flash, GIF-анимацию.

Пакет CorelXARA фирмы Corel (Corel.ru, Corel Corporation, Corel Designer.com) использует векторную графику, ориентирован именно на Web-дизайнеров, последние версии пакета могут создавать анимированные GIF-файлы.

Отдельные изображения можно создать с помощью программы PaintShopPro 7.0 (PaintShop Homepage). А в программе GIF Construction Set Professional 2.0a (MindWorkshop) для Windows фирмы Alchemy Mindworks предусмотрен механизм объединения различных изображений в одном GIF-файле и их воспроизведение с заданной скоростью. С помощью GifCon можно создавать GIF-анимацию не только вручную, но и при помощи встроенного набора функций Animation Wizard. Инструмент "Суперкомпрессия" позволяет минимизировать размер анимационного GIF-файла при помощи нескольких методик. Работает с AVI-файлами, различными цветовыми палитрами.

В программу WebPainter Totally Hip Software встроен графический редактор и инструмент анимации. Включены такие расширенные возможности, как послойное редактирование изображения, создание окна ленты кадров, возможность одновременного редактирования нескольких кадров, расширенный набор инструментов трансформации. С помощью версий этой программы для Windows можно осуществлять импорт и экспорт AVI-файлов, а версия для Macintosh выполняет те же операции с QuickTime-видео.

Adobe LiveMotion 1.0 (Adobe) - анимационная программа, совместимая со статическими и последовательными растровыми форматами (такими, как JPEG и GIF), генерирует стандартные JavaScript-объекты, которые изменяют свой вид при прохождении над ними курсора (rollovers). Возможность непосредственного экспорта на Web-страницы векторных анимаций в формате Flash SWF. Об этой программе читайте на сайте PCMag в статье Adobe в движении.

Небольшие, популярные анимационные программы: GIF Movie Gear 3.0 (Gamani.com) - работает с AVI-файлами, файлами-слоями PhotoShop, оптимизирует файлы; Microsoft GIF Animator (Microsoft.com, Microsoft в России) - входит в состав Image Composer 1.5; Coffeecup GIF Animator (Cofeecup.com) - программа для создания анимаций из картинок форматов JPG, BMP и GIF, экспортирует в форматы GIF и AVI, добавляет к ним комментарии; Alchemy GIF Animator (Alchemy-lab.com). Для создания анимированных иконок и курсоров можно воспользоваться IconForge 5.0 CursorArts - позволяет извлечь ярлыки (иконки) из файлов EXE, DLL, ICO, ANI, CUR, отредактировать их, наложить графические эффекты и сохранить в форматах BMP, GIF, JPEG, PCX, TIFF или 'вписать' обратно в файлы EXE, DLL, OCX, VBX, DRV, ICL и CPL, есть также специальный редактор для создания анимационных курсоров из файлов AVI, FLC, FLI и GIF. EasyApps 6.2.9 включает две интегрированные программы: IconEasel - создает иконки, курсоры, в том числе анимационные, EasyIcons - работает с библиотеками иконок. Cool Button Tool 4.1 - программа для создания анимированных кнопок, реагирующих на события, создается Java-апплет. AIS Banner Blocker (Atomintersoft.com) - добавляет цветной или прозрачный текст в изображение формата BMP, GIF, анимированный GIF, JPEG и сохраняет полученное изображение в новом файле того же формата. Это может быть полезно при создании образцов для заказчика.

На сервере компании Animation Factory вы можете воспользоваться онлайновым графическим редактором и библиотекой анимационных GIF-изображений для создания своей анимации. Примечательно то, что заданная вами последовательность преобразований GIF-изображения выполняется приложением типа ASP (Application Service Provider), расположенном на сервере компании. Так же Animation Factory предлагает онлайновые графические редакторы: GIFWorks, ButtonMaker - позволяют редактировать изображение с указанным URL; 3D Text Maker - преобразует английский текст в трехмерное анимированное изображение; редактор почтовых открыток Postcard Maker - содержит gif-анимации, фоновые рисунки, иконки, рамки, линии.

3D Studio MAX компании Kinetix - профессиональное программное обеспечение для трехмерного моделирования и анимации, разработки компьютерных игр, рекламных роликов. Возможность использования более чем ста подключаемых приложений и создания своих приложений-модулей. На сайте Дизайн и графика вы найдете советы по работе с 3D Studio MAX. 3D GIF Designer 2.1 - редактор для создания анимированных изображений (в том числе трехмерных) для использования в качестве баннеров, кнопок, презентаций. Возможность использования изображений форматов JPG, GIF, BMP, AVI, добавлять текст, простые фигуры, применять различные эффекты, включает более 30 заготовок баннеров, кнопок, логотипов. Программы 3D моделирования и анимации: LightWave 3D компании NewTek, этой программе посвящен сайт Sim.ru; Ray Dream Studio от Fractal Design - работает в Windows, Macintosh, описание возможностей этого пакета есть на сайтах History of Ray Dream Studio, Ray Dream Studio; TrueSpace5 Caligari Corporation; пакет трехмерной анимации от Maxon.

Существуют ограничения при использовании GIF-анимации. Формат GIF89a не допускает включение любого рода аудиоизображений, отдельные элементы анимации нельзя сделать интерактивными. Поэтому, чтобы создать анимацию, включающую аудио и более высокие уровни интерактивности, необходимо использовать альтернативные форматы файлов и приложения (например, Macromedia Flash).

Macromedia Director 8 Shockwave Internet Studio (Macromedia, ПО Macromedia) - средство разработки веб-сайтов, мощных мультимедиа-презентаций, приложений электронной коммерции и развлечений. Director объединяет графику, звук, анимацию, текст и видео для создания многопользовательского интерактивного информационного наполнения в потоковом формате, который легко разместить как на web-страницах, так и на компакт-дисках CD и DVD. Fireworks - для создания графики в среде проектирования и разработки. Звуковые редакторы - BIAS Peak LE (для Macintosh) и Sonic Foundry SoundForgeXP (для Windows) - для создания и редактирования звуковых эффектов. Библиотеки реакций на события (behavior libraries) - для создания средств интерактивного взаимодействия. Shockwave Multiuser Server 2 - для обслуживания сообществ пользователей и коллективных игр в Интернет.

Анимационные программы, позволяющие создавать спецэффекты: MAYA компании AliasWavefront - мощное интегрированное программное средство трехмерной графики для анимации персонажей и создания спецэффектов; PicturesToExe 3.21 WnSoft - используется для создания самозапускающихся слайд шоу из графических файлов форматов BMP, GIF и JPG, позволяет выбрать последовательность демонстрируемых слайдов, определить длительность экспозиции и пауз, добавить эффекты перехода, защитить слайд шоу паролем, сопроводить демонстрацию воспроизведением музыкального произведения (файлы MIDI, WAV или MP3); Gypsee 1.52 Makers Software - для помещения звуковых файлов MIDI и WAV внутрь анимационного GIF-файла, необходим специальный модуль для браузера, есть встроенные инструменты для оптимизации размера GIF-файла и конвертации его в исполнительный EXE-файл; Блендер - трёхмерный графический редактор, позволяющий создавать анимацию, обладает мощными инструментами разработки сцен, ему посвящены сайты Blender.newmail.ru, Blender.boom.ru; Реформер+ - это полная русская версия популярной анимационной программы Deformer 2.0 компании STOIK Software, предназначена для создания забавных спецэффектов и анимационных роликов из отсканированных фотографий или уже готовых графических файлов.

С помощью цифровых преобразователей видео кадров можно оцифровать отдельные кадры непосредственно с видеомагнитофона или другого источнико видео, оцифровать отдельные видеокадры с помощью камеры, подключенной непосредственно к вашему компьютеру. Затем, имеющуюся Video-for-Windows анимацию или видеоклип, можно конвертировать в анимационный GIF. Программа GIF Animation Studio (Webreview.com) позволяет конвертировать AVI-файл в файл GIF-анимации. После этого можно редактировать каждый элемент самостоятельно. Animator-9 2.9 Key Technology - программа для создания анимации из снимков цифровой фотокамеры. Генерирует анимационный GIF или Java-апплет, позволяет создавать анимации файлов форматов BMP или JPG.

Бесплатные и условно-бесплатные программы для создания GIF-анимации вы можете загрузить с сайтов Neosoft, Завалинка, Freeware.ru, Download.ru, SoftList.ru, Geocities.com, SoftArt.nm.ru, Fcenter.ru, Svga.ru, Softpile.com, Pcdigest.net.

• число кадров существенно влияет на размер файла;
• цвет фона анимации должен сочетаться с цветом фона страницы;
• желательно, чтобы элементы в анимации составляли единое целое со всей веб-страницей;
• для информационного сайта слишком активная анимация не рекомендуется.