Средства поддержки анимации 2D и 3D (стр. 2 из 4)
3. Третью группу образуют программы, ориентированные на создание 3D-графики (например, 3D Studio Max) и вместе с тем позволяющие создавать анимацию в формате Animation GIF (обычно за счет специального плагина, часто включаемого в поставку). Графические 3D-программы удобны тем, что не требуют покадровой прорисовки — обычно для создания gif-файла бывает достаточно задать объекту некое циклическое действие, например поворот вокруг оси, записать полученную анимацию как серию кадров и экспортировать ее в анимационный gif. Однако есть одно «но» — традиционные программы для работы с трехмерной графикой требуют глубоких профессиональных знаний и сложны в применении. Но не стоит отчаиваться! Если вам необходимо создать, например, анимированный трехмерный логотип, то вполне можно обойтись программой Xara3D, которая хоть и позиционируется для работы с трехмерной графикой, однако умеет создавать и анимационные gif’ы и очень проста в применении.
Добавим, что в группу программных продуктов, ориентированных исключительно на создание анимационных gif’ов, входят пакеты, которые также можно использовать для создания трехмерных анимационных кнопок и логотипов, правда они получатся не столь эффектными, как при применении программы Xara3D.
Рассмотрим некоторые технологии и принципы создания анимации.
UleadGIFAnimator
Ulead GIF Animator входит в графический пакет Ulead PhotoImpact, однако может использоваться и автономно — для создания анимированных gif’ов на основе изображений, созданных в любом графическом пакете. Благодаря удобному и интуитивно понятному интерфейсу и богатым возможностям, эта программа считается сегодня одним из самых удобных и функциональных gif-аниматоров и значительно экономит время web-дизайнера, поскольку может распознавать изменения, сделанные во внешних редакторах (PhotoImpact, Photoshop или Paint Shop Pro), и автоматически обновлять соответствующие кадры в анимации. Анимированный рисунок может быть экспортирован в формат PhotoImpact (UFO) или Photoshop (PSD) с сохранением разбивки на слои. Кроме того, можно выделить любой слой рисунка, созданного в графическом редакторе PhotoImpact, Photoshop или Paint Shop Pro, как отдельный объект для GIF Animator.
Программа предоставляет богатый набор средств композиции, редактирования, наложения спецэффектов, оптимизации и экспорта. Динамическая анимация многослойных рисунков на основе полноцветной объектно-ориентированной модели позволяет легко манипулировать несколькими объектами на рисунке и быстро создавать многообъектные анимации, а динамическое обновление изображений, созданных во внешних редакторах, устанавливает новый стандарт интеграции. Мастер анимаций упрощает размещение изображений на рабочем поле и дает возможность мгновенно оценить качество созданной анимации на основе ее демонстрационного показа в окне предварительного просмотра. Диспетчер объектов помогает вести учет всех объектов рисунка, а функции построения промежуточных кадров позволяют автоматизировать процесс анимации, генерируя промежуточные позиции выбранных объектов.
Среди возможностей Ulead GIF Animator — анимация текста и наложение более 130 анимационных эффектов. Реализованные в программе усовершенствованные методы сжатия изображений позволяют добиться существенного уменьшения размеров анимационных файлов, автоматическая генерация HTML-кода значительно ускоряет процесс вставки готовых анимаций в web-страницу, а поддержка экспорта в различные форматы, включая Flash, AVI, MPEG и QuickTime, делает программу еще более привлекательной.
ImageReady CS
Программа ImageReady CS входит в состав популярного пакета Photoshop CS от компании Adobe и предназначена для разработки различных Web-элементов, в том числе анимированных gif’ов, что с учетом полной совместимости с Photoshop делает ее прекрасным инструментом для web-дизайна, рассчитанных на профессионалов. Photoshop и ImageReady работают в тесном взаимодействии и прекрасно дополняют друг друга, а редактируемый файл можно без проблем перемещать между программами во время редактирования с автоматическим его сохранением. Возможен экспорт созданных анимированных gif-файлов в формат Macromedia Flash (SWF).
Анимированные gif’ы могут создаваться как на основе многослойных файлов Adobe Photoshop и Adobe Illustrator, так и из отдельных изображений, сохраненных в различных графических форматах. При создании анимации на основе серии изображений для монтажа кадров не обязательно нужно загружать каждое изображение отдельно — можно воспользоваться возможностью импорта из папки, в которой предварительно были сохранены отдельные кадры будущей анимации. Возможно автоматическое формирование необходимого количества промежуточных кадров, значительно ускоряющее получение плавных анимаций, так как отпадает надобность вручную создавать каждый кадр. В окне программы можно сразу же просмотреть результат и при необходимости внести требуемые изменения.
рис. 1ImageReady имеет большую галерею фильтров, аналогичных многим известным фильтрам Photoshop. Поэтому для добавления к кадру того или иного эффекта не всегда надо переключаться в Photoshop — многие действия доступны и из среды ImageReady.
Для перехода из Photoshop в ImageReady и обратно нажмите левой кнопкой мыши на последней строчке вертикальной панели инструментов – Edit to Image Ready (Открыть в Image Ready), либо просто одновременной удерживайте комбинацию клавиш Shift+Ctrl+M:
рис. 2Панель Animation можно вызвать командой Window > Animation (Окно > Анимация).
При GIF-анимации набор кадров изображения воспроизводится в порядке, определенном пользователем. Для Web-страницы можно создать различные анимационные эффекты: сделать так, чтобы текст или графика перемещались, постепенно исчезали или появлялись, либо изменялись другим способом.
Для подготовки анимации в программе ImageReady необходимо создать множество кадров изображения с помощью палитры Animation (Анимация), показанной на рис. 3. Затем можно редактировать отдельные слои каждого кадра с помощью палитры Layers (Слои) рис. 4, причем у каждого кадра будет собственная уникальная совокупность установок на палитре Layers. И наконец, надо сохранить последовательность кадров в виде одного GIF-файла — теперь анимация готова для просмотра в интерактивном режиме.
рис. 3 
рис. 4Эффекты слоя
Программа ImageReady предлагает тот же набор эффектов слоя, что и Photoshop. Но программа Photoshop регулирует свойства слоя с помощью диалогового окна Layer Style (Стиль слоя), a ImageReady - с помощью контекстной палитры опций слоя.
Эффекты в программе ImageReady обладают теми же характеристиками, что и в Photoshop: их названия отображаются под именем слоя, к которому они применены; эффекты перемещаются вместе со слоем; на элементах палитры есть обращенные вправо стрелочки, с помощью которых можно открыть или закрыть список эффектов. У каждого эффекта есть свой собственный значок, позволяющий отобразить или скрыть данный эффект.
Создание анимационного эффекта для какого-либо изображения.
1. Откройте или создайте изображение, содержащее фоновый слой и прозрачный слой с рисунком какого-либо предмета.
2. Откройте палитру Animation (Анимация).
3. Выберите слой на палитре Layers (Слои).
4. С помощью инструмента Move (Перемещение) перетащите элемент изображения к краю основного окна.
5. В нижней части палитры Animation щелкните по кнопке Duplicate current frame (Дублировать текущий кадр). Скопированный кадр будет выделен.
6. Слой, выбранный на шаге 3, должен оставаться выделенным.
7. С помощью инструмента Move (клавиша V) перетащите элемент слоя на другую сторону основного окна. Оставьте этот слой выделенным!
8. На палитре Animation щелкните по кнопке Tween (Промежуточные кадры) для построения промежуточных кадров между уже выбранными.
9. В диалоговом окне Tween (Промежуточные кадры) поставьте переключатель Layers (Слои) в одно из следующих положений:
· All Layers (Все слои), чтобы скопировать точки со всех слоев в новые кадры.
· Selected Layer (Выделенный слой), чтобы скопировать точки только выделенного слоя в новые кадры. Все другие слои будут спрятаны.
Затем установите в группе Parameters (Параметры) флажки тех параметров, которые будут изменяться в промежуточных кадрах: Position (Расположение), Opacity (Непрозрачность) и/или Effects (Эффекты).
Из всплывающего меню Tween with (Диапазон промежуточных кадров) выберите режим Previous Frame (Добавление промежуточных кадров между выделенным кадром и предыдущим).
Выбор параметров воспроизведения анимации
Из всплывающего меню, расположенного в нижнем левом углу палитры Animation (Анимация), выберите режим воспроизведения, указывающий, как будет воспроизводиться цнимация: Once (Однократно) или Forever (Непрерывно в цикле). Либо включите опцию Other (Иначе), чтобы указать определенное количество воспроизведений анимации, а затем щелкните по кнопке ОК.