Adobe ImageReady
Интерфейс Adobe ImageReady 3.0.
Палитра Анимация
Просмотр и сохранение анимации
Создание интерактивных компонентов Web-страниц
Создание графических карт для Web-страниц
Практикум
От разработки инструментов создания анимации не осталась в стороне и фирма Adobe, включившая в Photoshop 6 программу ImageReady. С помощью этой программы проще всего реализуется анимация из заранее подготовленных файлов рисунков, содержащих фазы движения, однако в ней предусмотрена и возможность автоматического расчета промежуточных кадров.
Предварительно созданный в Adobe Photoshop 6 (http:// www.adobe.соm/products/photoshop/overview12.html) файл рисунка, содержащий в изображении несколько слоев, позволяет быстро получить анимацию, использующую эти слои. Для этого в Photoshop предназначена специальная кнопка Jump to (Перейти) палитры инструментов, которая запускает приложение ImageReady и загружает в него файл, открытый в данный момент в растровом редакторе Photoshop.
Анимации ImageReady сохраняются в формате GIF и могут воспроизводиться заданное число раз, а также повторяться в цикле. Однако они не допускают присоединения аудиофайлов для звукового сопровождения.
Слои обеспечивают также удобный способ композиционного построения изображения из различных графических и текстовых элементов, позволяя выполнять изменения каждого из них без воздействия на остальные элементы. Разделение элементов изображения по слоям также дает возможность применять к ним различные фильтры, получая самые разнообразные эффекты. Концепция слоев важна не только для создания изображений в Photoshop — с появлением каскадных таблиц стилей (CSS — Cascading Style Sheets) Web-дизайнеры могут разрабатывать современные Web-страницы, аналогичным образом располагая по слоям входящие в них текст и графику.
Подробнее познакомиться с инструментами Adobe Photoshop и работой над изображениями можно в книгах издательства «Питер»: Стразницкас М. «Photoshop 5.5 для подготовки Web-графики. Учебный курс» и Панкратова Т. «Photoshop 6. Учебный курс».
Хотя программа ImageReady может быть
Хотя программа ImageReady может быть открыта независимо от Photoshop, ее окно включает стандартный набор элементов, присущий этому растровому редактору.

Рис. 3.1. Окно программы Adobe ImageReady 3.0
Это не только строки заголовка и меню, а также целый комплект инструментов и палитр для создания и редактирования различных объектов, в том числе слоев и масок. К командам меню могут быть добавлены новые команды и фильтры, разработанные третьими фирмами и представленные в виде дополнительных (plug-in) модулей. Палитра инструментов (Tools) позволяет создавать, редактировать и просматривать изображение, а также выделять его области. Некоторые инструменты рисования имеют ассоциированные палитры, например такие, как Brushes (Кисти) и Options (Параметры), позволяющие выбирать для них различные значения управляющих параметров.

Рис. 3.2. Окно задания параметров нового документа
Находящиеся на экране палитры позволяют управлять изображением и изменять его. Они могут быть отображены или скрыты во время работы, но по умолчанию располагаются группой в правой части окна приложения. Чтобы вывести на экран отсутствующую палитру, следует выполнить соответствующую ей команду меню Window > Show (Окно > Показать). Она открывает окно одной из групп палитр, отображая на первом плане вкладку с выбранной палитрой. При желании можно объединить несколько палитр в одну, перетащив соответствующую вкладку в окно другой палитры. Если палитра имеет ассоциированное меню команд, то для его открытия служит специальная круглая кнопка со стрелкой внутри. Скрыть группу палитр можно щелчком на кнопке закрытия в правом верхнем углу ее строки заголовка. Эта строка используется также для перемещения палитры по экрану.
По команде File > New (Файл > Новый) открывается окно New Document (Новый документ) для выбора параметров создаваемой в ImageReady анимации. В этом окне задают размер кадра будущей анимации в пикселах, ее название, а также выбирают тип первого слоя, служащего фоном: White (белый), Background color (цветной фон), Transparent (прозрачный). Щелчок на кнопке ОК открывает окно документа с заданными свойствами.
Окно документа ImageReady позволяет не только редактировать изображение текущего кадра анимации, но и выполнять ее просмотр. Благодаря наличию четырех вкладок оно позволяет легко переключаться между оригинальным изображением и его оптимизированной версией. Кроме того, оно имеет представление 2-Up, позволяющее расположить эти версии рядом, и представление 4-Up, показывающее одновременно три варианта оптимизации изображения для размещения на Web-странице с заданием для них индивидуальных параметров.

Рис. 3.3. Окно документа с раскрытым меню
Можно держать на экране одновременно открытыми несколько окон документов, в том числе, чтобы видеть несколько версий одного файла.
Раскрывающееся меню окна документа содержит команды, информирующие о свойствах оригинального и оптимизированного изображений. Щелчок на стрелке, расположенной в нижней строке окна, открывает список следующих команд:
Original/Optimized File Size (Размер файла оригинала/оптимизированного изображения) — первое значение представляет размер оригинального файла. Если была выполнена оптимизация, то второе значение указывает размер оптимизированного файла и его формат в соответствии с параметрами Optimize palette;
Optimized Information (Результаты оптимизации) — показывает формат, размер, количество цветов и процент имитации (dither) оптимизированного изображения;
Image Dimensions (Размер изображения) — показывает размер в пикселах;
Watermark Strength (Водяной знак) — позволяет увидеть цифровую подпись рисунка Digimarc, если она имеется;
Undo/Redo Status (Число отмен/повторов) — показывает число возможных отмен (повторений) действий с изображением;
Original in Bytes (Размер оригинала в байтах) — показывает размер оригинального изображения в байтах;
Optimized in Bytes (Размер оптимизированного изображения в байтах) — показывает размер оптимизированного изображения в байтах;
Optimized Savings (Экономия при оптимизации) — показывает, на сколько уменьшается размер оптимизированного изображения;
Size/Download Time (Размер и время загрузки для скоростей 9.6 Kbps / 14.4 Kbps / 28.8 Kbps / 56.6 Kbps / 128 Kbps / 256 Kbps) — показывает размер оптимизированного файла и предполагаемое время загрузки при соответствующей скорости.
При достаточной ширине окна в его нижней строке становится доступным второе аналогичное раскрывающееся меню, содержащее такой же набор команд и позволяющее отобразить дополнительно одно из перечисленных свойств. Adobe ImageReady может открывать и импортировать файлы следующих форматов: PSD, AI, BMP, EPS, FlashPix, FLIC, FLI, GIF, JPEG, PCX, PDF, Pixar, PNG, MOV, Targa и TIFF. Файлы AI, PDF и EPS при этом растрируются (rasterized), то есть векторное описание изображения становится точечным.
Чтобы открыть файл, выполняют команду File > Open (Файл > Открыть), выбирают папку, в которой он находится, выделяют нужный файл и щелкают на кнопке Open (Открыть). Если файл открывался в предыдущем сеансе работы с программой, то его имя можно выбрать из списка подменю команды File > Recent Files (Файл > Недавно открывавшиеся). Каждый выделенный файл открывается в отдельном окне документа.
Если изображение, хранящееся в файле, нужно поместить в уже открытый документ, то выполняют команду File > Place (Файл > Поместить), которая позволяет указать точное место размещения изображения в кадре.

Рис. 3.4. Окно File to Place для выбора файла изображения
В первом диалоговом окне File to Place (Размещаемый файл) выбирают файл с изображением, а после щелчка на кнопке Open (Открыть) открывается следующее окно Place (Размещение), в котором из раскрывающихся списков Horizontal (По горизонтали) и Vertical (По вертикали) выбирают нужные значения, определяя точку, относительно которой измеряется сдвиг вставляемого изображения, и в соответствующих полях ввода задают значения этого сдвига в пикселах (можно задавать и отрицательные значения). Кнопка Choose (Выбор) позволяет вновь открыть окно выбора файла для его замены. Щелчок на кнопке ОК окна Place (Размещение) вставляет изображение в указанную позицию. При размещении векторного изображения, созданного в Adobe Illustrator, открывается также окно Rasterize options (Параметры растрирования), в котором определяются следующие параметры: размеры изображения Width (Ширина) и Height (Высота) в пикселах, а также устанавливаются флажки Constrain Proportions (Сохранить пропорции) для предотвращения искажения изображения при масштабировании и Antialias (Сглаживание) для получения гладких контуров. Щелчок на кнопке О К вставляет изображение в окно документа на новый слой.
При импорте или сканировании изображения оно помещается на первый слой документа. Импорт файла выполняется по команде File > Import (Файл > Импорт) с выбором соответствующей команды подменю.

Рис. 3.5. Окно Place для указания положения размещаемого изображения

Рис. 3.6. Окно задания параметров растрирования
Команда этого подменю Folder as Frames (Папки как кадры) позволяет импортировать все файлы изображений, хранящиеся в выбранной папке как последовательность кадров анимации. В этом случае все файлы должны иметь названия, позволяющие их расположить в нужном порядке. После импорта файлов из папки они не только создают последовательность кадров анимации, но и представлены отдельными слоями на палитре Layers (Слои).
Создание дополнительных слоев позволяет организовать объекты по уровням. На каждом слое можно помещать или рисовать новые объекты, редактировать или изменять расположение существующих объектов, не затрагивая при этом остальные слои.
Слои обеспечивают удобный способ композиционного построения изображения из различных графических и текстовых элементов, позволяя выполнять в них изменения без воздействия на остальные элементы. Разделение элементов изображения по слоям также дает возможность применять к ним фильтры, обеспечивая различное их взаимодействие. Специальные свойства, такие как слои-маски, назначаемые для отдельных слоев, позволяют экспериментировать с изображением и добиваться разнообразных эффектов.
Многослойное изображение, созданное в Photoshop и открытое в ImageReady, сохраняет весь набор слоев, в том числе корректирующие слои, а также эффекты, ранее примененные к слоям. В ImageReady можно редактировать все слои, кроме корректирующих. Однако ImageReady не поддерживает слой холста Photoshop. Этот слой преобразуется в обычный слой, после того как файл, созданный в Photoshop, открывается в ImageReady.

Рис. 3.7. Палитра Layers
На рис. 3.7 цифрами обозначены следующие элементы управления палитры Layers (Слои):
Выделенный слой, доступный для редактирования (Selected layer).
Указатель связанных слоев (Link/Unlink).
Указатель отображения слоя в кадре (Show/Hide).
Кнопка перехода к предыдущему кадру анимации (Previous).
Кнопка перехода к следующему кадру анимации (Next).
Кнопка применения к слою эффекта (Layer Effects).
Кнопка создания маски слоя (Layer Mask).
Кнопка создания группы слоев (Create New Set).
Кнопка создания нового слоя (New Layer).
Кнопка удаления слоя (Trash).
Со слоями можно работать как на вкладке оригинального вида окна документа, так и на вкладке оптимизированного вида. Однако в оригинальном представлении результат будет получен быстрее. Кроме того, в оптимизированном виде может применяться лишь ограниченный набор инструментов редактирования. При сохранении оптимизированного изображения все слои объединяются в единый слой изображения либо при создании анимированного GIF-файла объединяются в единый слой каждого отдельного кадра.
Палитра Layers (Слои) отображает все слои изображения по порядку, начиная с самого верхнего. Вместе с именем слоя на ней представлена миниатюра (thumbnail), которая показывает содержимое слоя и изменяется в процессе его редактирования. Палитра слоев позволяет создавать новые слои, скрывать или отображать существующие, копировать, удалять или объединять слои.
Выделенный слой является активным, и к нему можно применять редактирование. Выделить можно только один из слоев. При работе со слоем можно изменять его цвет и тон, прозрачность и позицию, применять к слою графические эффекты, например тень или сияние, и т. п.
Палитра Анимация
Adobe ImageReady — это мощный и удобный инструмент для создания GIF-анимации. Каждая анимация представляется рядом кадров, для управления которыми предназначены как
палитра Animation (Анимация), так и палитра Layers (Слои). Если палитра слоев известна из растрового редактора Photoshop, то палитра анимации появляется только в программе ImageReady. Палитра Animation (Анимация) — это окно, в котором отображается последовательность кадров с возможностью их копирования, перемещения, удаления и организации в любом порядке. Чтобы отобразить ее в окне ImageReady, выполняют команду Window > Show Animation (Окно > Показать анимацию). Для сокращения места, занимаемого палитрой на экране, можно уменьшить размер изображения отдельного кадра на ней, что позволяет видеть одновременно большее число последовательных кадров при ее фиксированной ширине.

Рис. 3.8. Палитра Animation
На рис. 3.8 цифрами обозначены следующие элементы управления палитры Animation (Анимация):
Раскрывающееся меню задержки со значениями (Delay menu).
Раскрывающийся список задания циклического повторения (Looping options).
Кнопка перехода к началу анимации (Rewind).
Кнопка перехода к предыдущему кадру (Backward).
Кнопка остановки воспроизведения (Stop).
Кнопка воспроизведения (Play).
Кнопка перехода к следующему кадру (Forward).
Кнопка расчета промежуточных кадров (Tween).
Кнопка создания нового кадра (New Frame).
Кнопка удаления кадра (Trash).
Палитра Animation (Анимация) имеет собственное меню команд, вызываемое щелчком на кнопке со стрелкой, расположенной в ее правом верхнем углу. В меню представлены следующие команды:
New Frame (Новый кадр) — создает дубликат выделенного кадра (быстрее можно выполнить это действие, если щелкнуть на кнопке Duplicates Current Frame, расположенной в нижней части окна палитры);
Delete Frame (Удалить кадр) — удаляет выделенный кадр (это действие также быстрее выполняется с помощью щелчка на кнопке с рисунком корзины в нижней части окна палитры);
Delete Animation (Удалить анимацию) — удаляет все кадры анимации;
Copy Frame (Копировать кадр) — копирует выделенный кадр;
Paste Frame (Вставить кадр) — вставляет в заданную позицию последний скопированный кадр;
Select All Frames (Выбрать все кадры) — выделяет все кадры анимации;
Tween (Промежуточный) — вызывает диалоговое окно создания заданного количества промежуточных кадров между двумя соседними кадрами;
Reverse Frames (Обратить кадры) — меняет порядок двух или нескольких выделенных кадров в анимации;
Optimize Animation (Оптимизировать анимацию) — уменьшает размер файла анимации с помощью средств Bounding Box и Redundant Pixel elimination;
Match Layer Across Frames (Подогнать слой под кадры) — позволяет при редактировании слоя с помощью палитры Layers (Слои) вставить изменения во все кадры анимации;
Make Frames From Layers (Сделать кадры из слоев) — создает кадры из слоев рисунка Photoshop;
Flatten Frames Into Layers (Свести кадры в слои) — объединяет слои в кадрах анимации в один слой;
Add Layer To New Frames (Добавлять слой для нового кадра) — позволяет при создании нового кадра создавать также новый слой, видимый только в этом кадре, для вновь появляющегося элемента изображения;
New Layers Visible in All Frames (Новые слои отображаются во всех кадрах) — разрешает отобразить вновь созданный слой во всех кадрах анимации;
Palette Options (Параметры палитры) — задает один из трех размеров изображения кадров на палитре.
После открытия файла изображения он представлен на палитре Animation (Анимация) как первый кадр последовательности. Новый кадр последовательности создается как копия предыдущего, после чего в него можно вносить изменения, используя палитру Layers (Слои) и инструменты ImageReady.
Для изменения одного из кадров последовательности его следует выделить. Содержимое выделенного кадра отображается в окне документа. Можно одновременно выделить несколько кадров, расположенных как последовательно друг за другом, так и в произвольном порядке, редактируя их или применяя к ним команды как к группе. В окне документа при этом отображается только текущий кадр, который был выделен первым. На палитре Animation (Анимация) текущий кадр выделяется узкой рамкой, в то время как все выделенные кадры отмечены серым фоном вокруг их изображений.
Чтобы сделать кадр текущим, можно выполнить одно из следующих действий:
щелкнуть на изображении нужного кадра на палитре Animation (Анимация);
на палитрах Animation (Анимация) или Layers (Слои) щелкнуть на кнопке Forward (Вперед), чтобы сделать текущим следующий по порядку кадр;
на палитрах Animation (Анимация) или Layers (Слои) щелкнуть на кнопке Backward (Назад), чтобы сделать текущим предыдущий кадр;
на палитре Animation (Анимация) щелкнуть на кнопке Rewind (Перемотка), чтобы сделать текущим первый кадр анимации.
Чтобы выделить несколько кадров как группу, можно выполнить одно из следующих действий:
выделить первый кадр непрерывной группы и при нажатой клавише Shift щелкнуть по заключительному кадру выделяемой группы;
щелкать по кадрам, расположенным в произвольной последовательности, при нажатой клавише Ctrl;
выделить все кадры анимации можно командой Select All Frames (Выбрать все кадры) из раскрывающегося меню палитры Animation (Анимация).
Убрать кадр из выделенной группы можно, повторно щелкнув по нему при нажатой клавише Ctrl.
Выделенную группу кадров можно переместить, изменив ее место в последовательности, либо, если это непрерывная группа кадров, заменить их порядок обратным. При перемещении произвольно выделенных кадров в новой позиции они расположатся последовательно друг за другом.
Чтобы удалить выделенные кадры, можно выполнить одно из следующих действий:
воспользоваться командой Delete Frames (Удалить кадры) из меню палитры Animation (Анимация);
щелкнуть на кнопке Trash (Корзина) и подтвердить удаление щелчком на кнопке Yes (Да) диалогового окна;
перетащить мышью выделенные кадры на значок корзины палитры Animation (Анимация).
Команды копирования и вставки кадров меню палитры Animation (Анимация) позволяют получить копию кадра, которая может быть вставлена в любое место последовательности. При этом копируется не само изображение, а та конфигурация слоев и их атрибутов, которая присуща данному кадру. При вставке в кадры места назначения текущей анимации или другой анимации следует указать метод, который будет использован при вставке:
Replace Frames (Заменить кадры) — позволяет заменить выделенные кадры скопированными. При вставке кадров в то же самое изображение к нему не добавляются новые слои, а заменяются только их атрибуты теми, что были в скопированных кадрах. При вставке кадров в новое изображение к нему добавляются новые слои, и им присваивается свойство visible (видимый), старым же слоям присваивается свойство hidden (скрытый).
Paste Over Selection (Вставить в выделенные) — добавляет содержимое вставляемых кадров в качестве новых слоев изображения. При вставке кадров в то же самое изображение число слоев в нем удваивается, причем вставленные слои в кадрах назначения будут видимыми, а существовавшие ранее — скрыты. В остальных кадрах анимации вставленные слои будут скрыты.
Paste Before Selection (Вставить перед выделением) или Paste After Selection (Вставить после выделения) — добавляет скопированное число кадров перед или после выделения, причем новые слои добавляются к изображению и будут видимы только во вновь добавленных кадрах, в которых существовавшие до вставки слои изображения будут скрыты.
Флажок Link Added Layers (Связать добавляемые слои) позволяет связать вставляемые слои и затем одновременно изменять их позицию. По щелчку на кнопке ОК выполняется выбранный способ вставки.

Рис. 3.9. Выбор способа вставки скопированных кадров
В ImageReady каждый слой рассматривается как отдельный элемент анимации. Используя команды и параметры палитры Layers (Слои), можно задавать нужные изменения, добиваясь создания анимационных эффектов в изображении, так как изменения будут влиять только на выделенные кадры. Можно менять положение объекта, его прозрачность, а также рассчитывать промежуточные кадры, используя команду Tween (Промежуточный). Изменения, выполненные на палитре Layers (Слои), можно применить ко всем кадрам, если выполнить команду Match Layer Across Frames (Подогнать слой под кадры).
Однако изменения объекта, влияющие на параметры пикселов (такие, как раскраска, изменение тона или цвета, трансформации), оказывают влияние на все кадры анимации, в которых представлен данный объект. Для анимации подобных свойств следует создавать отдельные слои с разными параметрами для каждого изменяемого кадра, задавая соответствующий режим видимости.
Применение эффекта к слою- маске воздействует на все кадры, в которых представлен этот слой, однако при этом маска может дополнительно изменять свое положение.
Создание анимации изменением параметров слоев выполняется достаточно просто и предоставляет, если сохранить ее в формате документа Photoshop, дальнейшую возможность ее редактирования. При создании анимации в Image- Ready анимируемые объекты следует размещать на разных слоях, связывая эти слои в группы.
Возможность автоматического создания промежуточных кадров анимации (tweened animation) является очень полезной и может быть применена как к графическим, так и к текстовым изображениям. Эта функция позволяет рассчитывать кадры, в которых объект может перемещаться, появляться или исчезать, а также к нему может быть применен постепенно усиливающийся эффект.

Рис. 3.10. Выбор параметров при расчете кадров
Перед расчетом промежуточных кадров следует выделить один или несколько последовательных кадров. Если выделен один кадр, то рассчитанные кадры вставляются между ним и предыдущим или же последующим кадрами. Если выделены два последовательных кадра, то новые кадры вставляются между ними. Для выделенной непрерывной группы кадров все промежуточные кадры (то есть все, кроме первого и последнего) заменяются кадрами, рассчитанными по команде Tween (Промежуточный). Выделение первого и последнего кадров анимации также рассматривается как последовательное и позволяет добавить рассчитанные кадры в конец анимации, обеспечивая непрерывность при ее циклическом повторении.
Затем в раскрывающемся меню выбирается команда Tween (Промежуточный) либо выполняется щелчок по одноименной кнопке палитры Animation (Анимация). В открывшемся окне Tween (Расчет промежуточных кадров) задаются следующие параметры:
Выбирается одно из значений переключателя Layers (Слои):
All Layers (Все слои) — выполняет расчет для всех слоев в выделенных кадрах;
Selected Layer (Выделенный слой) — выполняет расчет только для выбранного слоя выделенных кадров, что требует предварительного выделения этого слоя на палитре Layers (Слои).
Снимаются или устанавливаются флажки свойств, для которых выполняется расчет:
Position (Положение) — для расчета изменения положения слоя в кадрах;
Opacity (Непрозрачность) — для изменения значения коэффициента прозрачности в рассчитываемых кадрах;
Effects (Эффекты) — для изменения величины эффекта в рассчитываемых кадрах.
Указывается количество вставляемых кадров. Если выделено более двух кадров, то этот параметр недоступен.
Щелчок на кнопке ОК приводит к созданию заданного числа кадров, которые затем можно редактировать по отдельности.
Время демонстрации каждого кадра в секундах указано под изображением кадра. Чтобы его изменить, следует выделить один или несколько кадров и щелкнуть на величине времени задержки, что вызовет меню с набором постоянных значений. Выбор значения Other (Другое) открывает диалоговое окно Set Frame Delay (Время кадра), в котором можно задать произвольное число секунд. После щелчка на кнопке ОК это время будет присвоено всем выделенным кадрам анимации. Следует отметить, что при просмотре анимации в ImageReady время демонстрации кадров может отличаться от установленного. Поэтому просмотр следует выполнять в браузере, где это время точно выдерживается.
Создаваемая анимация при воспроизведении может быть повторена заданное число раз. Для этого щелчком на раскрывающемся списке Selects looping option (Выбор параметров повторения), расположенном в левом нижнем углу палитры Animation (Анимация), выбирается одно из значений списка: Once (Однократно), Forever (Бесконечно) или Other (Другое). В последнем случае в диалоговом окне Set Loop Count (Число повторов) вводится нужное числовое значение.
Метод удаления кадра (frame disposal method) определяет, сохранится ли изображение предыдущего кадра при демонстрации последующего. При использовании кадров с прозрачным фоном в этом случае будут видны изображения предыдущих кадров.
Выбор метода осуществляется для одного или нескольких выделенных кадров с помощью контекстного меню, вызываемого щелчком правой кнопки мыши на рисунке кадра (thumbnail) в окне Animation (Анимация):
Automatic (Автоматически) — устанавливается по умолчанию, автоматически стирая изображение текущего кадра, если следующий содержит прозрачный слой;
Do Not Dispose (He удалять) — сохраняет изображение предыдущего кадра, добавляя к нему изображение следующего, причем предварительный просмотр такой анимации следует выполнять в браузере;
Restore to Background (Восстановить фон) — позволяет демонстрировать в каждый момент времени только один кадр.
Для методов Do Not Dispose (He удалять) и Restore to Background (Восстановить фон) у рисунков кадров появляется специальная отметка Disposal Method icon, указывающая на тип метода.

Рис. 3.11. Различия методов смены кадров
На рис. 3.11 представлены результаты воспроизведения анимации с прозрачным фоном для параметров смены кадра Restore to Background (первый ряд) и Do Not Dispose (второй ряд).
При сохранении анимации в формате GIF первоначальные слои изображений теряются, так как в каждом кадре все слои сводятся к единому слою. Поэтому если требуется дальнейшее редактирование анимации, то ее целесообразно сохранить в формате Photoshop, содержащем все исходные слои изображений. При необходимости можно получить сведение слоев в кадрах этого файла, выполнив команду Flatten Frames into Layers (Свести кадры в слои). Эта команда позволяет создать отдельный сведенный слой для каждого из кадров и предохранить исходные слои, сделав их скрытыми, для последующего создания новых кадров.
Открывая в ImageReady файл Photoshop, содержащий несколько слоев, каждый слой можно сделать отдельным кадром анимации. Для этого в меню команд палитры Animation (Анимация) предусмотрена команда Make Frames From Layers (Создать кадры из слоев), разбирающая слои по кадрам, после чего файл можно сохранять как анимированный GIF с выбранными параметрами оптимизации.
Практикум
В упражнениях рассмотрено создание анимации из набора готовых изображений, многослойного файла Photoshop, расчет промежуточных кадров для заданных ключевых изображений, а также создание анимированной Web-странице.

Рис. 3.20. Набор фреймов в окне Adobe ImageReady
Упражнение 3.1. Создание покадровой анимации из группы файлов
Запускаем ImageReady. По команде File > Import > Folder as Frames (Файл > Импорт > Папки как кадры) импортируем набор файлов с последовательными фазами движения, находящийся в одной из папок на жестком диске.
Для просмотра анимации выполняем щелчок на кнопке Play (Воспроизвести), расположенной в нижней строке палитры Animation (Анимация).
Если требуется изменение времени задержки между кадрами, то, выполняя щелчок мышью на величине времени под соответствующим кадром, задаем нужный интервал.
Для просмотра анимации в обозревателе выполняем команду File > Preview in (Файл > Просмотр) и из открывшегося списка выбираем нужный обозреватель, например Netscape Navigator. Рекомендуется оценить изображение во всех доступных обозревателях.
Сохраняем анимацию по команде File > Save Optimized (Файл > Сохранить оптимизированный), при этом используются параметры оптимизации по умолчанию. Оценить результат оптимизации можно с помощью вида 2-Up, который показывает исходное и оптимизированное изображения, а также с помощью вида 4-Up, в котором представлены также два изображения другого качества с измененными параметрами оптимизации.
Для изменения параметров, применяемых при оптимизации, выбираем команду File > Preferences > Optimization (Файл > Установки > Оптимизация). В секции Default Optimization (Оптимизация по умолчанию) выбираем один из вариантов, представленных в списке: Use the Previously Used Settings (Ранее использованные); Auto Select GIF/JPEG (Автовыбор); Use Named Setting (Использовать поименованные). В секциях 2-Up Settings и 4-Up Settings задаем параметры для соответствующих представлений изображения, причем первое из них должно быть оригинальным изображением, а остальные выбираются по желанию пользователя. Щелчком на кнопке ОК завершаем определение параметров.
Открываем в Photoshop файл, содержащий несколько слоев, и щелчком на кнопке Jump to (Перейти) или по команде File > Jump to >ImageReady (Файл >Перейти >ImageReady) переключаемся на программу ImageReady. При этом в нее загружается открытый в Photoshop файл.
В меню команд палитры Animation (Анимация) выбираем команду Make Frames From Layers (Создать кадры из слоев), что позволяет из каждого отдельного слоя исходного изображения создать свой кадр.
Выполняем просмотр анимации с помощью кнопки Play (Воспроизвести).
Сохраняем файл как анимационный GIF с выбранными параметрами оптимизации с помощью команды File > Save Optimized (Файл > Сохранить оптимизированный).

Рис. 3.21. Слои, преобразованные в кадры в ImageReady
Упражнение 3.4. Создание анимированной Web-страницы
Запускаем ImageReady. По команде File > New (Файл > Новый) создаем изображение размером 640 х 400 пикселов, соответствующее по размеру выбранной фотографии.
Выполняем команду File > Place (Файл > Поместить) и в центр изображения вставляем фотографию сфинкса.
С помощью ползунка на палитре Layer (Слой) устанавливаем для слоя с фотографией непрозрачность (Opacity) 10%.
С помощью кнопки Duplicates current frame (Дублировать текущий кадр) палитры Animation (Анимация) создаем новый кадр, в котором устанавливаем для слоя с фотографией непрозрачность 100%.
По команде Tween (Промежуточный) меню палитры Animation (Анимация) открываем одноименное окно и в поле Frames To Add (Число добавляемых кадров) задаем количество промежуточных кадров — 2, устанавливаем флажок параметра Opacity (Непрозрачность) и щелкаем на кнопке ОК.
Создадим копию последнего кадра, на которую с помощью инструмента Туре (Текст) добавим к изображению текст приглашения. Автоматически будет создан новый слой с именем текста.
Выделив строку текста, с помощью контекстного меню задаем размер (50 рх) и гарнитуру (например, Brush Script). Дополнительное расстояние между буквами задается с помощью команды Tracking (Трекинг) с вводом значения 100). Снимем выделение, щелкнув вне текста.
Создаем новый кадр (уже шестой), на котором с помощью инструмента Move (Переместить) перемещаем текст в нижний левый угол изображения.
Удерживая клавишу Shift, щелкаем по предыдущему кадру на палитре Animation (Анимация). Будут выделены два кадра.
С помощью команды Tween (Промежуточный) вставляем три новых кадра с промежуточными положениями текста. Убедитесь при этом, что флажок параметра Opacity (Непрозрачность) снят.
Включаем число повторений анимации Once (Однократно) для однократного ее исполнения, после чего выполняем просмотр анимации с помощью кнопки Play (Воспроизведение).
Выполнив просмотр анимации в обозревателе по команде File > Preview in (Файл > Просмотр), можно уточнить скорость смены кадров и при необходимости установить требуемое время для каждого из них.
Выполняя команду File > Save (Файл > Сохранить) сохраняем файл в формате Photoshop для продолжения работы со слоями изображения. Если работа завершена и не требуется сохранения слоев, то по команде File > Save Optimized (Файл > Сохранить оптимизированный) сохраняем GIF-файл для Web-страницы.

Рис. 3.22. Анимированная страница в окне ImageReady
Просмотр и сохранение анимации
Чтобы выполнить предварительный просмотр анимации в окне документа ImageReady, достаточно щелкнуть на кнопке Play (Воспроизвести) палитры Animation (Анимация).

Рис. 3.12. Просмотр анимации в обозревателе
Независимо от заданного числа повторов анимации она в этом случае воспроизводится в бесконечном цикле. Чтобы завершить просмотр анимации, следует щелкнуть на кнопке
Stop (Стоп). Вернуться к начальному кадру можно, щелкнув на кнопке Rewind (Перемотка).
Для просмотра анимации в окне обозревателя выполняют команду File > Preview In (Файл > Просмотр) с выбором названия обозревателя в открывшемся подменю либо щелкают на кнопке Preview in Default Browser (Просмотр в обозревателе по умолчанию) стандартной панели. Для остановки анимации используют кнопку панели инструментов обозревателя Stop (Стоп), а для повторного просмотра — кнопку Refresh (Обновить).
Управление параметрами оптимизации для различных представлений окна документа 2-Up и 4-Up выполняется с помощью установок окна, вызываемого по команде Edit > Preferences > Optimization (Правка > Установки > Оптимизация). В окне Preferences (Установки) в области Default Optimization (Оптимизация по умолчанию) можно выбрать одно из значений:
Previous Settings (Предыдущие) — автоматически применяются параметры последней оптимизации;
Auto Selected GIFor JPEG (Автовыбор) — автоматически выбирается оптимизация как GIF или JPEG по результатам анализа изображения;
Named Setting (Поименованные) — с выбором поименованного набора установок из раскрывающегося списка.
В областях 2-Up Settings или 4-Up Settings определяются параметры для четырех панелей (3-я и 4-я панели доступны только в виде 4-Up):
Original (Оригинал) — отображает на панели исходное изображение (значение доступно только для первой панели);
Current (Текущие) — отображает на выбранной панели изображение с текущими значениями параметров Optimize palette (значение доступно для всех панелей);
Auto (Автоматически) — отображает наименьшую по размеру версию, сгенерированную автоматически ImageReady на основе текущих параметров Optimize palette (значение доступно для второй, третьей и четвертой панелей);
также возможен выбор одного из двенадцати поименованных наборов установок, обеспечивающих демонстрацию на данной панели изображения, соответствующего этим установкам (значение доступно для второй, третьей и четвертой панелей).

Рис. 3.13. Установки параметров оптимизации анимации
Оптимизация необходима для уменьшения размера файла формата GIF, который является единственным форматом в ImageReady, позволяющим демонстрировать анимацию на Web-странице. Кроме задания стандартных параметров оптимизации следует при редактировании кадров анимации оставлять в них только изменяющиеся области на прозрачном фоне, что позволяет значительно сократить размер получаемого файла. Сокращение количества цветов в палитре также уменьшает размер файла, однако, чтобы предотвратить мерцание изображения при воспроизведении и сохранить возможность отображения цветовых оттенков, отсутствующих в палитре, используется специальная техника имитации (dithering technique). В этом случае потребуется больше времени на создание результирующего GIF-файла.
Выбор команды Optimize Animation (Оптимизировать анимацию) из меню команд палитры Animation (Анимация) открывает одноименное окно, в котором по умолчанию установлены флажки:
Bounding Box (Граничная рамка) — обрезает каждый кадр по размеру изменяемой области (файл с такими кадрами можно редактировать только в программах, поддерживающих этот режим);
Redundant Pixel Removal (Удаление избыточных пикселов) — делает прозрачными все не изменившиеся пикселы в кадре (чтобы этот параметр работал, необходимо установить параметр Transparency (Прозрачность) в палитре Optimize и выбрать метод смены кадров Automatic).
Щелчок на кнопке О К запускает оптимизацию.

Рис. 3.14. Окно команды Optimize Animation
Созданную анимацию можно сохранить в формате GIF либо как фильм QuickTime. Другие форматы файлов, такие как JPEG или PNG, сохранят только первый кадр изображения,
не позволяя воспроизвести всю анимацию. Существует несколько способов сохранить оптимизированную анимацию для использования на Web-странице. В ImageReady достаточно выбрать команду File > Save Optimized (Файл > Сохранить оптимизированный), чтобы сохранить анимацию с установками, выбранными при предыдущем ее сохранении. Если это не первое сохранение, то диалоговое окно Save (Сохранить) не появляется и название файла и его параметры остаются теми же, что были присвоены ранее.
Выбор команды File > Save Optimized As (Файл > Сохранить как оптимизированный) позволяет изменить имя файла и выбрать другое место его хранения. Кроме того, возможен выбор измененного параметра Save As Type (Тип файла) из набора доступных значений:
HTML and Images (HTML и рисунки) — генерирует HTML-файл и сохраняет каждый изображение в виде отдельного файла;
Images Only (Только рисунки) — сохраняет только изображение в отдельном файле;
HTML Only (Только HTML) — сохраняет только HTML-файл без файлов изображений.
Кроме того, ImageReady позволяет создать HTML-файл по команде Copy HTML (Копировать HTML), которая копирует код HTML в буфер обмена, а затем он может быть вставлен на Web-страницу в любом HTML-редакторе. В случае изменений исходного изображения для обновления HTML-файла выполняют команду Update HTML (Обновить HTML) с указанием имени обновляемого файла.
Чтобы сохранить анимацию в формате QuickTime, следует выбрать команду File > Export Original (Файл > Экспорт начального) и из раскрывающегося списка выбрать значение QuickTime Movie (оно будет доступно, если на компьютере установлена программа QuickTime). Указав имя файла и его место расположения, щелчком на кнопке Save (Сохранить) создаем файл выбранного типа.
Создание графических карт для Web-страниц
Графическая карта (image map) позволяет связать отдельные области изображения гиперссылками, содержащими адреса URL, с другими Web-страницами, с аудиофайлами или видеофайлами или с другими изображениями. Кроме того, этим областям можно придать свойства интерактивных объектов (rollover), отображающих реакцию на действия пользователя мышью.
Создание графических карт возможно с помощью специального инструмента Image map tool (Графическая карта) или на основе слоев изображения. Области на графической карте определяются их прорисовкой на изображении с помощью мыши при выбранном инструменте Image map tool. (Графическая карта). Также можно определить области карты изображений, используя существующие слои, однако при этом будут доступны не все команды меню палитры Image Map. Чтобы получить доступ ко всем командам, следует преобразовать области, созданные на основе слоев, в области, подобные созданным инструментом Image map tool (Графическая карта). Следует отметить, что создание графических карт с использованием эффекта интерактивного объекта (rollover) предпочтительнее выполнять на базе слоев изображения. Просмотр созданных областей выполняется на палитре Image Map.

Рис. 3.17. Выделение области Image Map
Чтобы указать новую область с помощью инструмента Image map tool (Графическая карта), выбирают нужную форму инструмента (rectangle, circle, polygon). Затем выполняют действия, как при обычном рисовании:
для прямоугольного (rectangle) или круглого (circle) инструмента Image map tool (Графическая карта): протаскиваем его над областью определения (удерживая нажатой клавишу Shift, получаем квадрат или окружность, а удерживая клавишу Alt, создаем объект из его центра);
для многоугольного (polygon) инструмента Image map tool (Графическая карта): щелчками задаем вершины многоугольника; завершаем построение щелчком на начальной точке либо двойным щелчком мыши (удерживая при построении нажатой клавишу Shift, можно строить стороны многоугольника под углом 45°).
Размер прямоугольной (rectangle) или круглой (circle) областей можно задать численно, для чего устанавливают флажок Fixed Size (Фиксированный размер) и вводят размеры в пикселах.
Перемещение и изменение размера области, созданной с помощью инструмента Image map tool (Графическая карта), выполняются с помощью мыши либо путем задания числовых значений для областей прямоугольной и круглой формы.
В последнем случае в области Dimensions (Размеры) палитры Image Map изменяют значения следующих параметров:
X — определяет расстояние в пикселах до левого края прямоугольной области или центра окружности от нулевой отметки горизонтальной линейки;
Y — определяет расстояние в пикселах до верхнего края прямоугольной области или центра окружности от нулевой отметки вертикальной линейки;
W — определяет ширину прямоугольной области;
Н — определяет высоту прямоугольной области;
R — определяет радиус окружности области графической карты.
Область, созданная на основе слоя, по умолчанию имеет прямоугольную форму, но может быть изменена на другую с помощью раскрывающегося списка Shape (Фигура) палитры Image Map, предоставляющего выбор из значений: Rectangle, Circle или Polygon.
Дублирование области графической карты (image map area) выполняется с тем же самым размером и параметрами, что и оригинальная область, созданная с помощью инструмента Image map tool (Графическая карта). Чтобы дублировать одну или несколько областей, их предварительно следует выделить, а затем выполнить одно из следующих действий:
выбрать команду Duplicate Image Map Area (Дублировать область) из меню палитры Image Map;
переместить область графической карты (image map area) при нажатой клавише Alt.
Дубликат появится с небольшим сдвигом (10 пикселов вниз и вправо) поверх оригинала и может быть отредактирован нужным образом.
Порядок создания областей важен в случае их перекрытия, тогда область, которая находится выше в стопке, и определяет ссылку. Для изменения порядка областей можно воспользоваться командами меню палитры Image Map: Bring to Front (Впереди всех), Bring Forward (Сдвинуть вперед), Send Backward (Сдвинуть назад), Send to Back (Позади всех) — либо одноименными кнопками палитры атрибутов при выбранном инструменте Image map select tool (Выделение графической карты).
Для выравнивания областей используют соответствующие команды меню палитры Image Map: Align Top Edges (Выровнять по верхнему краю), Align Vertical Centers (Вертикальное выравнивание по центру), Align Bottom Edges (Выровнять по нижнему краю), Align Left Edges (Выровнять по левому краю), Align Horizontal Centers (Горизонтальное выравнивание по центру), Align Right Edges (Выровнять по правому краю) — либо одноименные кнопки палитры атрибутов при выделенном инструменте Image map select tool (Выделение графической карты). Чтобы выровнять области, созданные на основе слоев, их предварительно следует связать, а затем выбрать команду из подменю Layer > Align Linked (Слой > Выровнять связанные).
Для областей, созданных с помощью инструмента Image map tool (Графическая карта), возможно распределение вдоль вертикальной или горизонтальной оси, для чего используют соответствующие команды меню палитры Image Map: Distribute Top Edges (Распределить по верхнему краю), Distribute Vertical Centers (Вертикальное распределение по центру), Distribute Bottom Edges (Распределить по нижнему краю), Distribute Left Edges (Распределить полевому краю), Distribute Horizontal Centers (Горизонтальное распределение по центру), Distribute Right Edges (Распределить по правому краю) — либо одноименные кнопки палитры атрибутов при выделенном инструменте Image map select tool (Выделение графической карты).
Для удаления выделенной области image map areas используют клавиши Backspace или Delete, а также команду Delete Image Map Area (Удалить область) из меню палитры Image Map. Для области графической карты можно задать имя, URL- адрес, целевой фрейм и альтернативный текст с помощью полей ввода палитры Image Map. Предварительно следует выделить нужную область графической карты. При вводе URL-адреса можно указывать относительную ссылку, но для абсолютной ссылки обязательно следует включить в начало указание на тип протокола — http: / /. Графические карты, создаваемые с помощью ImageReady, могут быть как серверного, так и клиентского типа. В первом случае карта управляется с помощью CGI-скрипта, запускаемого на сервере. Во втором случае вся информация о разметке карты содержится в HTML-файле и интерпретируется самим обозревателем. По этой причине навигация по картам клиентского типа выполняется быстрее. По умолчанию ImageReady сохраняет графические карты именно клиентского типа.
Однако нужный тип графической карты можно задать в окне Output Settings (Параметры вывода), вызываемом по команде File > Output Settings > HTML (Файл > Параметры вывода > HTML). При выборе графической карты серверного типа ImageReady генерирует отдельный файл графической карты, при этом в HTML-файле необходимо указать правильный путь доступа к месту размещения этого файла на сервере.

Рис. 3.19. Задание параметров в окне Output Settings
Создание интерактивных компонентов Web-страниц
При создании Web-страниц с помощью программ Adobe Photoshop или Adobe ImageReady следует принимать во внимание конкретные возможности каждого из этих приложений:
Photoshop обеспечивает подготовку статических изображений для Web с возможностью их деления на отдельные области, связанные гиперссылками с целевыми объектами;
ImageReady кроме всех возможностей, предоставляемых Photoshop, включает также инструменты для создания динамических элементов, таких как анимации и интерактивные кнопки.
С помощью ImageReady можно создать целую анимирован-ную Web-страницу, использующую комбинацию текстов, рисунков и графических объектов. При этом предварительно следует продумать очередность их появления и перемещения в пределах страницы, которая должна иметь стандартный размер, чтобы полностью отображаться в окне обозревателя. Однако чаще всего ImageReady используют для создания таких интерактивных компонентов Web-страницы, как графические карты либо анимированные кнопки.
С этой целью в ImageReady добавлены специальные палитры для Web-дизайна: Rollover, Image Map и Slice, объединенные в одном окне с палитрой Animation (Анимация). Вывести их на передний план можно щелчком на соответствующей вкладке окна Animation (Анимация), либо выполнив одну из команд меню Window (Окно): Show Rollover, Show Slice, Show Image Map.
Под интерактивным эффектом (rollover) понимают такой эффект, при котором изображение принимает различный вид в зависимости от действий пользователя (например, наведение мыши или щелчок на определенной области Web-страницы). Каждое состояние определяется набором параметров палитры Layers (Слои), включая расположение слоев, их стили и параметры форматирования. В качестве состояния может быть использована анимация, либо можно создать такое изображение, при наведении мыши на один из участков которого изменяется вид другой части изображения (secondary rollovers).
Сохраняя изображение для использования в качестве элемента Web-страницы, можно одновременно сгенерировать HTML-файл, который будет содержать информацию для обозревателя о том, как воспроизводить элементы страницы при загрузке. Этот файл включает ссылки на изображения (в формате GIF, PNG или JPEG), HTML-текст, гиперссылки и код JavaScript для создания интерактивных эффектов (rollover effects). Хотя для большинства эффектов можно выполнить предварительный просмотр непосредственно в программах Photoshop или ImageReady, но зависимость демонстрируемых Web-страниц от операционной системы, типа обозревателя и системы отображения цвета требует выполнения просмотра в каждом конкретном обозревателе.
ImageReady поддерживает создание интерактивных объектов (rollovers), добавляя код JavaScript в результирующий HTML-файл, обеспечивающий смену состояния объекта при наведении на него указателя мыши. Для создания интерактивных объектов служит палитра Rollover, совмещенная с палитрой Animation (Анимация). На ней отображаются возможные состояния объекта, каждому из которых может соответствовать свое изображение или даже целая анимация. При сохранении такого объекта, как элемента Web-страницы каждое состояние сохраняется в отдельном файле, в название которого добавлен тип состояния.
Первое из состояний, отображенное на палитре Rollover, всегда состояние Normal (Обычное).
Остальные состояния определяют, каким действием пользователя будет вызываться соответствующий вид интерактивного объекта. Чтобы создать новое состояние, следует выбрать команду New State (Новое состояние) из меню палитры Rollover либо щелкнуть на одноименной кнопке этой палитры. Появившееся новое изображение соответствует следующему по порядку состоянию, но по виду идентично исходному и подлежит редактированию с помощью палитры Layers (Слои). Изменить тип состояния можно с помощью раскрывающегося меню у имени состояния, содержащего следующие значения:
Over (Наведение) — появление на интерактивном объекте указателя мыши при ненажатой левой кнопке;
Down (Нажатие) — нажатие левой кнопки мыши при наведенном ее указателе на интерактивный объект (сохраняется, пока кнопка нажата);
Click (Щелчок) — щелчок левой кнопки мыши на интерактивном объекте состояние сохраняется до следующего действия пользователя на объекте);
Out (Наружу) — определяет состояние, когда указатель мыши сходит с области карты изображения (обычно для этой цели используется состояние Normal);
Up (Отпускание) — определяет состояние, когда пользователь отпускает нажатую клавишу мыши на интерактивном объекте (обычно для этой цели используется состояние Over);
Custom (Пользовательский) — определяет новое состояние, для которого нужно создать код JavaScript и добавить его к HTML-файлу Web-страницы, чтобы это действие могло быть реализовано;
None (Нет) — используется, чтобы заданное изображение могло быть в дальнейшем использовано как одно из состояний интерактивного объекта (это состояние не отображается на Web-странице).
Раскрывающееся меню Rollover states (Интерактивные состояния) включает только те состояния, которые еще не применялись для данного объекта (исключения составляют состояния None и Custom, которые могут быть использованы неоднократно).
При работе со слоями изменение порядка слоев в состоянии Normal вызывает их перемещение во всех остальных состояниях. Однако перемещение отдельного слоя в других состояниях rollover сохраняет его первоначальное положение во всех остальных состояниях.

Рис. 3.15. Палитра Rollover с разными состояниями объекта
Так как палитры Animation и Rollover совмещены в одном окне, то легко можно создать анимацию, связанную с определенным состоянием. Предварительно следует выделить это состояние, затем перейти на палитру Animation (Анимация) и щелкнуть на кнопке New Frame (Новый кадр). Дальнейшее создание анимации выполняется способами, описанными ранее.
Анимация в состоянии Normal воспроизводится при первоначальной загрузке страницы, а остальные варианты анимации — при возникновении соответствующего события.
При использовании команд палитры Layers (Слои) для создания эффектов состояния интерактивных объектов (rollover) изменения действуют только на текущее состояние.
Чтобы изменения в слое отразились во всех состояниях интерактивных объектов (rollover), на палитре Layers (Слои) выделяем слой, содержащий элемент, который должен отображаться во всех состояниях, а на палитре Rollover из меню палитры выбираем одну из следующих команд:
Match Layer Across States (Подогнать слой под состояния) — назначает атрибуты выделенного слоя в текущем состоянии ко всем состояниям интерактивного объекта;
Match Layer Across All Rollovers (Подогнать слой под все интерактивные объекты) — назначает атрибуты выделенного слоя в текущем состоянии ко всем состояниям во всех интерактивных объектах данного изображения.
При копировании состояния интерактивного объекта (rollover) и вставке его в одно из состояний текущего объекта или объекта другого изображения слои вставляемого состояния заменят слои места назначения. Возможно также взаимное копирование и вставка кадров с палитры Animation или состояний с палитры Rollover как новых состояний или кадров анимации. При этом используется специальный внутренний буфер обмена, доступный только для этих команд, что не удаляет информацию из основного буфера обмена программы ImageReady.

Рис. 3.16. Меню палитры Rollover
Чтобы скопировать состояние интерактивного объекта (rollover), следует выделить требуемое состояние и выполнить команду Copy Rollover State (Копировать состояние) из меню палитры Rollover. Затем выделяют состояние в текущем или другом интерактивном объекте, которое следует заменить, и выполняют команду Paste Rollover State (Вставить состояние) из меню палитры Rollover.
Возможно удаление отдельных состояний интерактивных объектов (rollover) либо всех состояний сразу. Чтобы удалить отдельное состояние, его следует выделить, а затем щелкнуть на кнопке Trash (Корзина) палитры Rollover либо выбрать команду Delete State (Удалить состояние) из меню палитры Rollover. Чтобы удалить все состояния интерактивного объекта (rollover), выполняют команду Delete Rollover (Удалить интерактивный объект) из меню палитры Rollover.
Предварительный просмотр интерактивных объектов возможен непосредственно в окне документа ImageReady при переключении в режим rollover preview (например, с помощью кнопки Play (Воспроизвести) палитры Rollover). Этот просмотр выполняется с помощью обозревателя Internet Explorer 5.0 для Windows. Просмотр с помощью другого обозревателя выполняется щелчком на кнопке Preview in Default Browser (Просмотр в обозревателе по умолчанию) панели инструментов.
Для выхода из режима предварительного просмотра щелкают на кнопке Play (Воспроизвести) еще раз либо выбирают любой другой инструмент палитры инструментов.
Следует отметить, что в ImageReady инструмент Туре (Текст) позволяет вводить текст прямо на изображение или графический объект в окне документа, а не в отдельное окно, как при использовании аналогичного инструмента Photoshop. Дальнейшее редактирование атрибутов текста возможно при его выделении и выборе команд контекстного меню, выполняющих их изменение.
Анимация формы
Метод расчета промежуточных кадров (shapes-tweened) позволяет преобразовывать одну форму в другую, изменяя при этом ее размер, положение и цвет. При создании анимации формы следует учесть, что Flash не может выполнить такую анимацию для групп, символов, текстовых блоков и растровых изображений.
Анимация формы фигур позволяет создать эффект метаморфозы, когда одна форма превращается в другую. Для управления этими изменениями служат специальные идентификаторы формы (shape hints), которые позволяют создавать сложные изменения и превращения отдельных частей исходной фигуры в новые. Идентификаторы формы отмечают отдельные точки фигуры до и после изменения ее формы. Каждая из них обозначается буквой латинского алфавита, что позволяет задать до 26 идентификаторов. Таким образом можно создать изменение выражения нарисованных лиц, превращения одних животных в других и т. п. Для фигур сложной формы желательно задать промежуточные состояния в виде дополнительных ключевых кадров, что позволит контролировать фазы превращения. Лучше все анимируе-мые фигуры размещать в отдельных слоях, хотя можно выполнять одновременную анимацию для слоя, содержащего сразу несколько фигур.

Рис. 4.15. Преобразование формы: автоматическое и с использованием идентификаторов
Для применения анимации формы (shapes-tweened) к группам, символам, текстовым блокам и растровым изображениям их предварительно следует преобразовать командой Modify > Break Apart (Изменить > Разбить на части). По этой команде разрывается связь между экземпляром и символом, превращая экземпляр в набор несвязанных линий и фигур, что позволяет изменять его, не оказывая воздействия на другие экземпляры. Изменения символа в дальнейшем также не будут влиять на данный экземпляр.
Рассмотрим последовательность действий при создании анимации формы:
Выделим слой и пустой ключевой кадр на нем, с которого начнется анимация.
Создадим объект для первого кадра последовательности с помощью любого инструмента рисования.
Выделим требуемый заключительный кадр последовательности и превратим его в ключевой.
Создаем новый объект в этом кадре, к которому должен быть преобразован исходный объект.
Выполним команду Window > Panels > Frame (Окно > Панели > Кадр), чтобы открыть панель Frame (Кадр).
Из раскрывающегося списка Tweening (Расчет) выбирем значение Shape (Форма).
Зададим значение Easing (Плавность) в диапазоне от -100 до 100, определяя скорость изменений во времени. Отрицательные значения соответствуют медленным изменениям вначале и быстрым в конце. Положительные — быстрым вначале и замедляющимся к концу анимации. По умолчанию скорость постоянна. Регулировка производится ползунком, открывающимся щелчком на стрелке.
В раскрывающемся списке Blend (Переход) выбираем значение Distributive (Распределенный) — для гладких промежуточных форм или значение Angular (Острый) — для сохранения четких углов и прямых линий в промежуточ ных формах. Последнее значение применимо только к формам, имеющим острые углы и прямые линии, в противном случае автоматически будет задано значение Distributive (Распределенный).

Рис. 4.16. Задание параметров анимации формы
Чтобы контролировать сложные превращения формах, используют идентификаторы формы (shape hints). Они определяют точки, которые в исходной и завершающей формах должны соответствовать друг другу.
Идентификаторы формы (shape hints), помеченные буквой латинского алфавита, представлены желтым цветом в начальном и зеленым цветом в конечном ключевых кадрах. Красный цвет идентификатора означает, что он расположен не на кривой и не может участвовать в трансформации. При использовании идентификаторов формы следует придерживаться нескольких правил:
Идентификаторы располагают на фигуре в определенной последовательности, например против часовой стрелки, начиная с левого верхнего угла объекта.
Порядок идентификаторов должен сохраняться как в начальном положении фигуры, так и в конечном положении, чтобы не нарушалась их логическая последовательность (например, если на первом ключевом кадре abc, на следующем не должно быть acb).
Для фигур сложной формы создаются дополнительные ключевые кадры, определяющие этапы состояния фигуры, с расчетом промежуточных кадров между ними.

Рис. 4.17. Изменение цвета идентификаторов при правильном размещении
Чтобы использовать идентификаторы формы, выполняют следующие действия:
Выделяют первый ключевой кадр в последовательности и выполняют команду Modify > Transform > Add Shape Hint (Изменить > Трансформировать > Добавить идентификатор). На объекте появится первый идентификатор красного цвета с буквой внутри.
Идентификатор перемещают в точку на контуре фигуры, которую хотят отметить.
Выделяют конечный ключевой кадр последовательности, на котором идентификатор красного цвета устанавливают в точку на контуре фигуры, в которую должна перейти первоначальная, при этом идентификатор изменяет свой цвет на зеленый.
Выполняют просмотр фильма, чтобы убедиться, что форма изменяется желаемым образом. В противном случае перемещают идентификатор для более точной настройки изменения формы.
Повторяют процесс, добавляя новые идентификаторы (b, с и т. д.).
Если идентификаторы формы не отображаются на экране, то выполняют команду View > Show Shape Hints (Вид > Показать идентификаторы формы), которая доступна, если выделенный слой и ключевой кадр содержат идентификаторы формы.
Использование идентификаторов формы позволяет не только выполнять анимацию формы, но и создавать дополнительные эффекты, например вращение.
Лишний идентификатор формы, размещенный на фигуре, можно удалить, щелкнув по нему правой кнопкой мыши и выбрав из контекстного меню команду Remove Hint (Удалить идентификатор). Делать это следует на первом ключевом кадре последовательности. Для удаления всех идентификаторов формы достаточно выполнить команду Modify > Transform > Remove All Hints (Изменить > Трансформировать > Убрать все идентификаторы).
Как уже отмечалось, Flash при создании анимации формы не может выполнить ее расчет для групп, символов, текстовых блоков и растровых изображений. В этих случаях приходится пользоваться пошаговой (покадровой) анимацией, что существенно увеличивает размер конечного файла, но дает простор для воображения и позволяет с помощью последовательности изображений выполнять любые превращения.

Рис. 4.18. Пример покадровой анимации с использованием рисунков
Редактирование анимации
При редактировании анимации можно перемещать кадры как в текущем слое, так и между слоями. Однако на рабочем столе редактировать можно только ключевые кадры. Промежуточные кадры, рассчитанные компьютером, можно видеть, но в них нельзя вносить изменения. Они будут меняться только при изменении управляющих ими ключевых кадров или при добавлении новых ключевых кадров в последовательность.

Рис. 4.19. Одновременное отображение ключевых кадров при анимации формы
Для отображения и редактирования нескольких кадров одновременно следует использовать режим кальки (onion skin), позволяющий увидеть содержимое нескольких последовательных кадров. Этот режим особенно удобен при редактировании пошаговой анимации. Чтобы его активизировать, нужно выполнить щелчок по кнопке Onion Skin (Режим кальки) окна. В этом режиме текущий кадр отображается ярко, а все остальные — как полупрозрачные с наложением друг на друга. Редактировать при этом можно только текущий кадр. Чтобы обеспечить доступ ко всем кадрам, отмеченным маркерами диапазона, следует щелкнуть по кнопке Edit Multiple Frames (Правка нескольких кадров), также расположенной в окне Timeline (Ось времени).
При перемещении текущего кадра одновременно изменяется положение маркеров диапазона отображаемых полупрозрачных кадров. Ухватив указателем мыши один из маркеров, можно расширить диапазон в ту или иную сторону. Чтобы избежать путаницы при большом количестве слоев, можно блокировать или скрыть те слои, содержание которых не требуется отображать в данный момент. Заблокированные слои, отмеченные значком замка в окне оси времени, не отображаются в режиме кальки.
Для изменения момента появления объекта или его превращения следует перетащить мышью в новую позицию на временной оси ключевой кадр или всю последовательность. При необходимости можно скопировать выделенную последовательность кадров, это действие выполняется с помощью мыши при нажатой клавише Alt.
Можно также выполнить изменение порядка следования анимированных кадров на противоположный, для чего следует выделить кадры последовательности в одном или нескольких слоях и выполнить команду Modify > Frames > Reverse (Изменить > Кадры > Обратный). В этом случае в начале и в конце выделенной последовательности обязательно должны присутствовать ключевые кадры.
В окне Timeline (Ось времени) имеются следующие кнопки, управляющие режимом кальки:

Рис. 4.20. Кнопки управления режимом кальки
Кнопка Onion Skin (Режим кальки) включает отображение на рабочем столе содержимого группы кадров, заключенных между маркерами диапазона Start Onion Skin и End Onion Skin, расположенными на оси времени.
Кнопка Onion Skin Outlines (Контуры на кальке) задает отображение контуров объектов группы кадров, заключенной между маркерами диапазона.
Кнопка Edit Multiple Frames (Правка нескольких кадров) делает доступным для редактирования содержимое всех кадров диапазона.
Кнопка Modify Onion Markers (Изменить маркеры диапазона) открывает меню со следующими командами для изменения представления маркеров диапазона:
Always Show Markers (Всегда отображать маркеры) — отображает положение маркеров диапазона в заголовке оси времени и при выключенном режиме кальки (onion skin);
Anchor Onion Marks (Закрепить маркеры) — блокирует маркеры диапазона на текущей позиции, что препятствует их обычному перемещению вместе с указателем текущего кадра;
Onion 2 (показать два кадра) — включает в диапазон по 2 кадра с каждой стороны от указателя текущего кадра;
Onion 5 (показать пять кадров) — включает в диапазон по 5 кадров с каждой стороны от указателя текущего кадра;
Onion All (показать все кадры) — включает в диапазон все кадры фильма.
При работе над фильмом может возникнуть необходимость переместить всю анимацию в новое положение на рабочем столе. В этом случае, чтобы избежать повторного размещения и выравнивания объектов, их следует перемещать все вместе и одновременно. Предварительно необходимо разблокировать все слои анимации (для заблокированных слоев перемещения объектов не произойдет). Затем щелчком на кнопке Edit Multiple Frames (Правка нескольких кадров) задают режим редактирования всех кадров диапазона и перемещают маркеры диапазона в нужное положение. Например, для выбора всех кадров щелкают по кнопке Modify Onion Markers (Изменить маркеры диапазона) и выбирают команду Onion All (Показать все кадры). Далее выделяют все объекты командой Edit > Select All (Правка > Выделить все) и перемещают всю анимацию в новую позицию на рабочем столе.
Добавление к анимации звука
Теперь, когда мы научились создавать движущееся изображение, можно добавить к нему звук. Macromedia Flash позволяет назначить объекту звук-событие либо использовать потоковый звук. Их воспроизведение по-разному реализуется при просмотре Web-страницы в Интернете. Воспроизведение звука-события начинается только после его полной загрузки на локальный компьютер и продолжается до тех пор, пока его специально не остановят. Потоковый звук начинает воспроизводиться сразу после загрузки такого объема данных, который достаточен для озвучивания первых нескольких кадров анимации, и продолжает воспроизводиться по мере дальнейшей загрузки, при этом звук синхронизируется с временной диаграммой на Web-сайте. Таким образом, воспроизведение звука совместно с анимацией может быть сделано непрерывным, не зависящим от распределения кадров на оси времени, либо его можно синхронизировать с поведением объектов.
Озвучивание фильма в Macromedia Flash предполагает создание отдельного слоя для звука, назначение ему звукового файла и задание параметров звука на панели Sound (Звук). Создать звуковой слой можно обычной командой Insert > Layer (Вставка > Слой). Каждый звук размещается в отдельном слое, и каждый такой слой работает подобно звуковому каналу. При воспроизведении фильма звуки на всех слоях воспроизводятся вместе.
Полоса частот и степень сжатия звукового файла существенно влияют на качество и размер звуковых данных в готовом фильме. Macromedia Flash может импортировать звуковые файлы форматов WAV, AIFF и AU, сохраняя их в библиотеке наряду с растровыми изображениями и символами. Так как звуковые файлы занимают значительный объем памяти, то желательно использовать файлы, оптимальные по качеству. Macromedia Flash работает с 8- или 16-разрядными звуками с полосой 11,22 или 44 кГц (для стереозвука потребуется в два раза больше места, чем для моно). При импорте звука, полоса которого не кратна 11, звучание может стать выше или ниже, чем в оригинале, из-за его преобразования. Чтобы размер выходного файла Macromedia Flash не оказался очень большим, следует придерживаться следующих принципов:
многократное воспроизведение одного звука с помощью цикла позволяет создать звуковой фон значительной длительности;
использование звуковых эффектов, применяемых к одному звуковому файлу, позволяет разнообразить его звучание;
исключение пауз между звуками позволяет устранить сохранение лишней информации.
Управление параметрами воспроизведения звукового файла выполняется на панели Sound (Звук), где доступен набор следующих установок.

Рис. 4.21. Панель Sound для присоединенного звукового файла
В раскрывающемся списке Sync (Синхронизация) представлены четыре варианта событий:
Event ( Событие) — позволяет синхронизировать звук с событием; воспроизведение начинается с синхронизированным кадром и продолжается независимо от временной диаграммы даже при остановке самого фильма (звуки-события при воспроизведении опубликованного фильма смешиваются);
Start (Начать) — обеспечивает аналогичные функции, однако при возникновении события запускается новый экземпляр звука, даже если он уже воспроизводится;
Stop (Остановить) — позволяет остановить воспроизведение указанного звукового файла;
Stream (Поток) — позволяет синхронизировать звук с временной диаграммой на Web-сервере, при этом кадры анимации, которые Flash не успевает прорисовывать, могут пропускаться (такой звук останавливается при остановке анимации; при воспроизведении опубликованного фильма потоковые звуки также смешиваются).
В поле ввода Loops (Цикл) задается число повторений воспроизведения звука. Если длина звука мала, то для его непрерывного воспроизведения в течение всего фильма можно задать достаточно большое число повторений.
Раскрывающийся список Effect (Эффект) позволяет назначить звуковому файлу некоторые эффекты:
None (Нет) — отменяет все ранее назначенные эффекты;
Left Channel (Левый канал) — воспроизводит звук только в левом канале;
Right Channel (Правый канал) — воспроизводит зв^к только в правом канале;
Fade Left to Right (С левого в правый) — звук «перетекает» с левого канала на правый;
Fade Right to Left (С правого в левый) — звук «перетекает» с правого канала на левый;
Fade In (Нарастание) — постепенное нарастание громкости в процессе воспроизведения;
Fade Out (Затухание) — постепенное уменьшение громкости в процессе воспроизведения;
Custom (Пользовательский) — позволяет назначить собственный звуковой эффект.

Рис. 4.22. Регулировка уровня звука в окне Edit Envelope
Щелчок на кнопке Edit (Правка) открывает дополнительное окно Edit Envelope (Правка звука), в котором можно изменить выбранный эффект и вручную задать уровень громкости звука и моменты начала и конца его воспроизведения. Для каждого из каналов (верхний — левый, нижний — правый) можно задать до восьми маркеров настройки громкости, перемещением которых регулируют уровень звука в канале. Специальные бегунки Time In (Начальный момент) и Time Out (Конечный момент), расположенные на оси числа кадров или времени, задают участок звукового файла, подлежащий воспроизведению. Невыделенная часть звукового файла не сохраняется в фильме, что уменьшает общий размер его файла.

Рис. 4.23. Определение параметров экспорта отдельного звукового файла
Для каждого звукового файла можно также задать свои параметры компрессии в зависимости от его качества и требуемого размера будущего файла фильма Macromedia Flash. Для этого в диалоговом окне Library (Библиотека) следует выделить нужный звук и щелчком на кнопке Properties (Свойства) открыть окно Sound Properties (Свойства звука). В этом окне раскрывающийся список Compression (Сжатие) содержит следующие варианты (рис. 4.23):
Default (По умолчанию) — используются параметры по умолчанию, заданные в окне Publish Settings (Параметры публикации);
ADPCM — применяется для экспорта коротких звуков-событий, устанавливая параметры сжатия для 16-разрядного звука;
МРЗ — применяется для экспорта длительных потоковых звуков, устанавливая параметры сжатия МРЗ;
RAW — экспорт звука без сжатия.
В зависимости от выбранного варианта становятся доступными для установки еще несколько параметров:
флажок Convert Stereo to Mono (Конвертировать стерео к моно) позволяет преобразовать стереозвук в монофонический;
раскрывающийся список Sample Rate (Частота дискретизации) позволяет выбрать полосу частот для звуков экспортируемого файла (5 кГц — речь, 11 кГц — короткие звуки, 22 кГц — для Web-сайтов, 44 кГц — качество компакт-диска), но не выше полосы оригинала;
раскрывающийся список ADPCM Bits позволяет выбрать число битов, используемое в кодировании ADPCM (от 2 до 5);
раскрывающийся список Bit Rate позволяет выбрать максимальную скорость передачи звуковой информации в битах, выполняемую при кодировании МРЗ (рекомендуется 16 Кбит/с и выше);
раскрывающийся список Quality (Качество) позволяет задать один из трех вариантов: Fast (Быстрый), Medium (Средний), Best (Наилучший). Первый пригоден для публикации на Web-сайте, остальные для публикации фильма на локальном диске или компакт-диске).
Следует отметить, что при экспорте фильма Flash в форматы Quick Time или Windows AVI ограничения на использование звуковых файлов снимаются, так как в этом случае звуки объединяются в одну звуковую дорожку. Поэтому для создания фильмов подобного формата можно использовать произвольное число исходных файлов. Для связи звука и изображения следует использовать потоковую синхронизацию. Если компьютер, на котором воспроизводится фильм, не будет успевать прорисовывать все кадры, то часть из них будет просто пропущена.
При открытии окна приложения Flash

Рис. 4.1. Вид окна Macromedia Flash
При открытии окна приложения Flash 5 на экране появляются следующие элементы интерфейса:
Stage (рабочий стол) — область для компоновки отдельных кадров, создания композиции из графических элементов или импортированных точечных изображений и просмотра результатов анимации;
Timeline (ось времени) — окно, содержащее список отдельных слоев с расположенными на них графическими объектами и их распределением во времени (на оси времени отмечен каждый кадр фильма);
Symbols (символы) — основные элементы фильма, как правило, многократно в нем используемые;
Library (библиотека) — окно со списком символов и импортированных файлов, позволяющее выполнять их организацию и сортировку;
Floating, dockable panels (пристыковываемые панели) — окна с набором вкладок, служащие для настройки приложения и изменения параметров элементов фильма;
Movie Explorer (обозреватель фильма) — дополнительно вызываемое окно для просмотра структуры фильма.
На рабочем столе отображается композиция того кадра, который отмечен Указателем текущего кадра (Playhead) в окне Timeline (Ось времени). Представленные в окне Timeline (Ось времени) слои (Layers) можно рассматривать как стопку прозрачных пленок, содержащих графические элементы. Комбинируя эти пленки между собой, можно создать общую композицию кадра. Переходя от кадра к кадру, можно изменять композицию, отдельно управляя каждым элементом в слое и редактируя его.

Рис. 4.2. Ось времени с набором слоев
На рис. 4.2 цифрами отмечены следующие элементы управления окна Timeline (Ось времени):
Указатель текущего кадра (Playhead).
Линейка времени (Timeline header).
Кнопка раскрывающегося меню Frame View.
Кнопка Center Frame.
Кнопки режима Onion Skin.
Указатель номера выделенного кадра.
Значение частоты кадров (Frame rate).
Слой направляющей Guide Layer.
Пустой ключевой кадр (Empty keyframe).
Покадровая анимация (Frame by frame Animation).
Анимация с расчетом кадров (Tweened Animation).
Symbols (символы) — это многократно используемые элементы фильма. Ими могут быть кнопки, графика, шрифты, звуки, видеоклипы и т. п. Помещая символ на рабочий стол, создают экземпляр этого символа. Для любого элемента, появляющегося в фильме более одного раза, символы позволяют получить более компактный результирующий файл. Изменение символа влияет на все его экземпляры, но редактирование экземпляра не отражается на свойствах породившего его символа. Символы можно редактировать как непосредственно в области Stage (на рабочем столе), так и в отдельном окне. При редактировании одного символа на рабочем столе все остальные элементы остаются видимыми, но недоступными для редактирования. На оси времени остается при этом только слой, соответствующий редактируемому символу. Символы играют важную роль в создании интерактивных фильмов Flash. Так, символ кнопки может менять свой вид при наведении на него указателя мыши либо в зависимости от того, в каком месте рабочего стола будет помещен его экземпляр.

Рис. 4.3. Окно библиотеки
Library (библиотека) — это место хранения и организации в группы символов, а также импортированных файлов, включая звуковые и видеофайлы. Кроме того, в ней указываются характеристики символа, например сколько раз данный символ использован в фильме. Требуемый символ можно просто перетащить из окна библиотеки на рабочий стол, при этом будет создан экземпляр символа, наследующий все его свойства.

Рис. 4.4. Панель Info с характеристиками фигуры
Dockable panels (панели) позволяют не только просматривать, организовывать и модифицировать элементы фильма, но и задавать параметры или применять команды к каждому типу элементов. Панели можно показывать или скрывать, создавая пользовательский вариант интерфейса.
Macromedia Flash
Интерфейс Macromedia Flash 5
Начало работы над фильмом
Создание анимации методом расчета кадров
Создание анимации движения
Задание движения по траектории
Анимация формы
Редактирование анимации
Добавление к анимации звука
Сохранение файла с анимацией
Практикум
Программный продукт фирмы Macromedia -Flash 5 предназначен для создания мультимедийных компонентов Web-страниц. Он предлагает средства для реализации интерактивной работы с этими компонентами, дополняя Web-сайт потоковым звуком в формате МРЗ.
С помощью Macromedia Flash 5 (http: //www.macromedia . com/software/flash) можно создавать также анимированные изображения различного типа — от простейших «живых» кнопок до сложных мультипликаций. Так же, как и в ImageReady, анимация создается путем изменения содержания последовательности кадров. Поддерживаются многослойные изображения, можно задавать перемещение объекта, его вращение, изменение формы, размера, цвета, прозрачности, причем эти изменения могут выполняться как по отдельности, так и одновременно друг с другом.
При пошаговой анимации (frame-by-frame animation) в каждом кадре создается собственное изображение, как в мультфильмах, нарисованных художниками. Это существенно увеличивает размер конечного файла, так как требует сохранения всех кадров. При использовании автоматического создания промежуточных кадров (tweened animation) в конечном файле сохраняется изображение только для ключевых кадров, что позволяет сократить его размер.
Результаты анимации обычно сохраняются в виде фильмов Flash в формате SWF, которые используют векторную графику, но могут также включать точечную графику и звук. Они поддерживают интерактивность, что позволяет создавать фильмы, поведение которых зависит от реакции пользователя. Фильмы Flash компактны, быстро загружаются и масштабируются к размеру экрана зрителя.
На Web-странице с помощью Flash создаются элементы управления, анимированные заставки, длительные анимации, сопровождающиеся звуком, и даже целые интерактивные Web-страницы. Для их просмотра предназначен Flash Player, размещаемый на локальном компьютере, либо специальные компоненты, подключаемые к обозревателю.
Подробнее познакомиться с работой в программе Macromedia Flash можно в книге издательства «Питер» из серии «Краткий курс» — «Macromedia Flash 5», а также готовится к изданию книга «Эффективная работа: Flash 5».
Начало работы над фильмом
Каждый раз при открытии приложения Flash создается новый файл с расширением FLA. При этом для задания таких свойств фильма, как размер, частота кадров, цвет фона и т. п. используется диалоговое окно Movie Properties (Свойства фильма).
Если окно приложения Flash уже открыто, то, чтобы начать новый фильм, следует выбрать команду File > New (Файл > Создать). Выбирая затем команду Modify > Movie (Изменить > Фильм), открываем окно Movie Properties (Свойства фильма). В поле Frame Rate (Частота кадров) этого окна задается число кадров в секунду (для Web-страниц обычно выбирают значения от 8 до 12). В полях Width (Ширина) и Height (Высота) — размер в пикселах по горизонтали и вертикали (минимально возможный равен 18 х 18, амаксимальный — 2880 х 2880). Кнопки Contents (Содержание) и Printer (Принтер) служат для согласования размера рабочего стола с его содержимым или областью печати на заданном формате бумаги.

Рис. 4.5. Задание параметров фильма в Macromedia Flash
Палитра Background color (Цвет фона) позволяет выбрать цвет фона кадров. Раскрывающийся список Ruler Units (Деления линейки) задает единицы измерения, используемые для линеек и координат объектов. Щелчок на кнопке ОК окна присваивает выбранные параметры фильму. Timeline (Ось времени) позволяет отобразить композицию любого кадра и выполнить ее редактирование. Кадры, определяющие изменения в фильме, должны быть сделаны ключевыми, что необходимо для расчета промежуточных кадров методом tweened animation. Количество рассчитываемых кадров можно менять, перетаскивая ключевой кадр вдоль оси времени.
С кадрами можно выполнять следующие операции: выделение, перемещение, копирование и вставка, удаление, преобразование в ключевые и наоборот.
Чтобы вставить кадр, выбирают команду Insert > Frame (Вставка > Кадр). Чтобы создать ключевой кадр, следует выбрать команду Insert > Keyframe (Вставка > Ключевой кадр). Для создания пустого ключевого кадра используют команду Insert > Blank Keyframe (Вставка > Пустой ключевой кадр). Аналогичные команды доступны в контекстном меню кадра, вызываемом щелчком правой кнопки мыши. Чтобы удалить кадр, ключевой кадр или последовательность кадров, их предварительно следует выделить, а затем выполнить команду Insert > Remove Frame (Вставка > Удалить кадр). Последовательность кадров можно переместить на новое место простым перетаскиванием с помощью мыши. При необходимости изменить продолжительность последовательности кадров, рассчитанной по методу tweened animation, ее ключевой кадр перемещают при нажатой клавише Alt. Чтобы скопировать кадр или последовательность кадров, следует предварительно выполнить их выделение, затем выбрать команду Edit > Copy Frames (Правка > Копировать кадры), после чего, перейдя на место вставки, выделить заменяемые кадры и выполнить команду Edit > Paste Frames (Правка > Вставить кадры).
Преобразовать ключевой кадр в обычный можно по команде Insert > Clear Keyframe (Вставка > Очистить ключевой кадр). В этом случае вся рассчитанная последовательность кадров заменяется на содержимое кадра, предшествующего ключевому.
При большом количестве объектов и значительной продолжительности фильма для управления его содержанием удобно пользоваться окном Movie Explorer (Обозревательфильма). С его помощью при работе над фильмом можно выполнять целый ряд действий:
поиск элементов по их названию;
поиск всех экземпляров определенного символа;
отображение свойств элемента;
отображение заданных категорий объектов в окне обозревателя;
выделение элементов для редактирования;
замена определенного шрифта другим во всех местах его использования;
копирование текста в буфер обмена для контроля его правописания в текстовом редакторе;
знакомство ср структурой фильма, созданного другим разработчиком;
печать иерархической структуры объектов фильма из окна обозревателя.

Рис. 4.6. Окно Movie Explorer
Вызов окна обозревателя фильма осуществляется по команде Window > Movie Explorer (Окно > Обозреватель фильма). Управление окном обозревателя осуществляется либо с помощью команд раскрывающегося меню, вызываемого щелчком на кнопке в правом верхнем углу окна, либо с помощью доступных в контекстном меню объектов. Для выбора категорий отображаемых объектов используются кнопки в области Show (Показ), позволяющие показать текст, символы, действия, импортированные файлы, кадры и слои. Кнопка Customize (Пользовательский) дает возможность еще более детализировать выбор с помощью диалогового окна Movie Explorer Settings (Установки обозревателя фильма). Установка флажков Show Movie Elements (Показывать элементы фильма) и Show Symbol Definitions (Показывать описания символов) соответствует отметке одноименных команд раскрывающегося меню окна.
Поле Find (Поиск) позволяет найти по названию элемент фильма, шрифт, действие, а также кадр по его номеру. Поиск проводится только по отображенным в окне обозревателя компонентам.
Выделение элемента в обозревателе сопровождается его выделением на рабочем столе, если он не заблокирован. Для выделения нескольких элементов можно использовать клавиши Shift и Ctrl. Выделение сцены отображает на рабочем столе первый кадр этой сцены.
Раскрывающееся меню окна обозревателя фильма содержит следующий набор команд:
Goto Location (Перейти к месту) — переход к выделенному слою, сцене или кадру;
Goto Symbol Definition (Перейти к описанию символа) — переход к описанию символа, выделенного в окне обозревателя;
Select Symbol Instances (Выделить экземпляры символа) — переход к сцене, содержащей экземпляры символа, выделенного в окне обозревателя фильма;
Find in Library (Поиск в библиотеке) — выбор выделенного символа в окне библиотеки;
Properties (Свойства) — открытие панелей, соответствующих выделенному элементу;
Rename (Переименовать) — изменение имени выделенного элемента;
Edit in Place (Правка на месте) — разрешение редактировать выделенный элемент на рабочем столе;
Edit in New Window (Правка в новом окне) — переход к редактированию выделенного элемента в отдельном окне;
Show Movie Elements (Показывать элементы фильма) — отображение сцен фильма с входящими в них элементами;
Show Symbol Definitions (Показывать описания символов) — отображение всех элементов, связанных с символом;
Copy Text to Clipboard (Копировать текст в буфер) — копирование выделенного текста в буфер обмена, откуда его можно вставить в текстовый редактор для изменения или проверки;
Cut (Вырезать), Сору (Копировать), Paste (Вставить) и Clear (Очистить) — выполняют указанные действия с выделенным элементом;
Expand Branch (Развернуть ветвь) — разворачивание дерева навигации у выделенного элемента;
Collapse Branch (Свернуть ветвь) — сворачивание дерева навигации у выделенного элемента;
Collapse Others (Свернуть другие) — сворачивание всех ветвей навигационного дерева, не содержащих выделенного элемента;
Print (Печать) — печать дерева навигации, отображенного в данный момент в окне обозревателя.
Для многократного использования объекта его можно преобразовать в символ, предварительно выделив его в композиции на рабочем столе. Можно также создать пустой символ и импортировать в него содержимое либо в режиме редактирования создать его содержимое вручную. Символы поддерживают всю функциональность Flash, в том числе анимацию. Использование символов для анимации позволяет создать итоговый файл минимального размера. Особенно значительный эффект получается в случае анимации с повторяющимися движениями, например взмахами крыльев птицы или насекомого.
Чтобы создать новый символ из одного или нескольких объектов на рабочем столе, следует предварительно выделить эти объекты и выполнить команду Insert > Convert to Symbol (Вставка > Преобразовать в символ). В открывшемся диалоговом окне Symbol Properties (Свойства символа) вводят имя символа и выбирают тип его поведения, устанавливая значение переключателя Behavior (Поведение): Graphic (Графика), Button (Кнопка) или Movie Clip (Видеоклип). Щелчок на кнопке О К добавляет новый символ в библиотеку, а выделенный на рабочем столе объект преобразуется в экземпляр этого символа. Дальнейшее его изменение возможно только в режиме редактирования символов.

Рис. 4.7. Окно Symbol Properties

Рис. 4.8. Окно редактирования символа
При создании пустого символа следует убедиться, что на рабочем столе ничего не выделено, после чего можно выбрать команду Insert > New Symbol (Вставка > Новый символ) либо щелкнуть на одноименной кнопке в окне библиотеки. В диалоговом окне Symbol Properties (Свойства символа) вводится имя нового символа и указывается тип его поведения. После щелчка на кнопке ОК символ добавляется в библиотеку и Flash переходит в режим его редактирования. Наполнить символ содержанием можно, используя ось времени, инструменты рисования, средства импорта, либо с помощью экземпляров других символов. Закончив наполнение символа, следует перейти в режим редактирования сцены, выбрав команду Edit > Edit Movie (Правка > Правка фильма) либо щелкнув на кнопке с ее названием в левом верхнем углу окна документа. Для многочисленных сцен можно использовать кнопку Edit Scene (Правка сцены) в правом верхнем углу окна документа, выбирая из списка нужную сцену.
Практикум
В упражнениях рассмотрено создание анимации движения и изменения формы, а также присоединение к анимации звуковых файлов и сохранение фильма со звуком.
Упражнение 4.1. Анимация движения
Запускаем Macromedia Flash. Если в окне не отображается временная диаграмма, то по команде View > Timeline (Вид > Ось времени) выводим ее на экран.
Создадим на столе объект, например цветной круг. Выделим его и по команде Insert > Create Motion Tween (Вставка > Рассчитать движение) преобразуем в символ Flash с именем по умолчанию tweenl.
На временной диаграмме выделяем последний кадр будущей последовательности, например 15, и выполняем команду Insert > Frame (Вставка > Кадр).
Переместим объект в новую позицию на рабочем столе, при этом будет создан новый ключевой кадр в конце последовательности, а на временной диаграмме между ключевыми кадрами появится стрелка.
По команде Windows > Panel > Frame (Окно > Панели > Кадр) открываем панель Frame (Кадр), в которой задаются свойства анимации движения, — в раскрывающемся списке Tweening (Расчет) должно быть значение Motion (Движение).
Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр анимации.
Упражнение 4.2. Анимация формы
Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
Активизируем слой и выделяем на нем пустой ключевой кадр для создания будущей анимации.
На рабочем столе изображаем исходную фигдоу с помощью любых инструментов рисования, предлагаемых Flash, учитывая, что можно будет изменять не только ее форму, но и цвет, и ее положение. В примере на рис. 4.19 это красный овал.
Пропустив определенное число кадров, например 15, по команде Insert > Key Frame (Вставка > Ключевой кадр) задаем второй ключевой кадр, в котором изобразим конечное состояние фигуры. В примере это зеленый прямоугольник.
Для первого ключевого кадра выделим объект на рабочем столе и выбором команды Modify > Frame (Изменить > Кадр) откроем панель Frame (Кадр), в которой в списке Tweening (Расчет) зададим тип анимации Shape (Форма).
Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации.
Упражнение 4.3. Анимация с использованием идентификаторов
Запускаем Macromedia Flash. Если программа активна, то щелчком по кнопке New (Создать) либо выбором команды File > New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View > Timeline (Вид > Ось времени).
Изобразим на столе объект, например желтый круг.
Пропустив определенное число кадров, например 15, по команде Insert > Keyframe (Вставка > Ключевой кадр) зададим второй ключевой кадр, на котором изобразим конечное состояние фигуры. В примере это синий круг такого же размера в той же позиции стола.
В первом ключевом кадре выделяем круг и открываем панель Frame (Кадр) выбором команды Modify > Frame (Изменить > Кадр). В раскрывающемся списке Tweening (Расчет) зададим тип анимации Shape (Форма). При просмотре такой анимации круг будет лишь постепенно менять свой цвет.
Снова выделим первый ключевой кадр и выполним команду Modify > Transform Add Shape Hints (Изменить > Трансформировать > Добавить идентификатор). В центре фигуры появится начальный идентификатор — красный кружок, помеченный буквой «а». Если команда Add Shape Hints (Добавить идентификатор) недоступна, то предварительно следует выполнить команду View > Show Shape Hints (Вид > Показать идентификаторы формы).
Переместим идентификатор «а» на левый край окружности и повторим команду Add Shape Hints (Добавить идентификатор). Новый идентификатор «6» переместим на правый край окружности (рис. 4.28).
Выделим конечный кадр и в нем разместим идентификаторы в обратном порядке. Если они размещены точно на окружности, то их цвет изменится на зеленый. Цвет соответствующих идентификаторов в первом кадре станет желтым (рис. 4.29).
Нажатие клавиши Enter или выбор команды Control > Play (Управление > Воспроизвести) запускает просмотр созданной анимации. Теперь круг будет не только менять цвет, но и вращаться относительно вертикальной оси.
Команда File > Save (Файл > Сохранить) позволяет сохранить файл анимации с расширением FLA для дальнейшей работы над ней.

Рис. 4.28. Размещение идентификаторов формы в первом кадре

Рис. 4.29. Размещение идентификаторов формы в конечном кадре
Упражнение 4.4. Создание последовательности кадров для пошаговой анимации
Щелчком по кнопке New (Создать) либо выбором команды File> New (Файл > Создать) создадим новый фильм. Для отображения на экране временной диаграммы выполняем команду View >Timeline (Вид > Ось времени).
В окне Timeline (Ось времени) выделяем слой и кадр, с которого начнется анимация. Если кадр не является ключевым, то выполняем команду Insert > Keyframe (Вставка > Ключевой кадр).
Помещаем на стол изображение первого кадра последовательности. Это можно сделать с помощью инструментов рисования, импорта готового изображения или вставки графики из буфера обмена.
Щелчком правой кнопки мыши по следующему кадру этого же слоя открываем контекстное меню и выполняем команду Insert Keyframe (Вставить ключевой кадр). Таким образом, в последовательность добавляется новый ключевой кадр с таким же, как и в первом кадре, содержанием.
Изменим содержание этого кадра нужным образом (можно также импортировать следующее изображение, подготовленное в каком-либо графическом редакторе), что дает следующий кадр будущей анимации.
Повторяем шаги 4 и 5 до тех пор, пока не будет сформировано необходимое превращение. Воспроизведение анимации с помощью клавиши Enter позволяет контролировать работу в любой момент.
7. Готовый фильм сохраняется по команде File > Export Movie (Файл > Экспорт фильма), что позволяет создать файл с расширением SWF, предназначенный для воспроизведения с помощью Flash-проигрывателя, но не подлежащий дальнейшему редактированию.
Упражнение 4.5. Присоединение звукового файла к анимации
При открытом файле фильма Macromedia Flash вставим новый слой командой Insert > Layer (Вставка > Слой).
По команде File > Import (Файл > Импорт) открываем окно задания местонахождения файла и выбираем нужный звуковой файл. При необходимости импортировать несколько файлов последовательно повторяем эти действия. Все импортированные файлы будут помещены в библиотеку.
Для назначения слою звукового файла следует открыть панель Sound (Звук), где в одноименном раскрывающемся списке выбираем один из импортированных файлов. Список будет доступен, если в слое выделены все кадры, с которыми он должен воспроизводиться.
С помощью кнопки Edit (Правка) вызовите окно правки звука Edit Envelope (Правка звука), где задайте эффект или уровни громкости, проверяя характер звучания с помощью кнопки.воспроизведения (рис. 4.19), и щелчком по кнопке ОК закройте окно.
Упражнение 4.6. Присоединение нескольких звуковых файлов
Вставляем новый слой по команде Insert > Layer (Вставка > Слой), выделяем кадр, с которого должен начаться звук, и выполняем команду Insert > Keyframe (Вставка > Ключевой кадр). При выделенном ключевом кадре вызываем окно его свойств командой Modify > Frame (Изменить > Кадр).
На панели Sound (Звук) в одноименном раскрывающемся списке выбираем один из импортированных файлов. Редактируем звук с помощью инструментов Macromedia Flash и назначаем эффекты, проверяя характер звучания с помощью кнопки воспроизведения. Щелчком по кнопке О К закрываем окно.
Результат одновременного воспроизведения звука проверяем по команде Control > Test Movie (Управление > Проверить фильм).
Если какой-либо из звуков должен иметь собственные параметры экспорта, то по команде Window > Library (Окно > Библиотека) вызываем библиотеку, в которой перечислены импортированные звуки, и, выделив нужный звук щелчком правой кнопки, выбираем команду Properties (Свойства). В окне свойств звука задаем требуемые параметры компрессии.
При экспорте фильма имеется возможность создать отдельный звуковой файл в формате WAV, объединяющий все звуки фильма. Для этого по команде File > Export Movie (Файл > Экспорт фильма) открываем окно задания имени и типа файла и в раскрывающемся списке File Type (Тип файла) выбираем WAV.
Сохранение файла с анимацией
Файлы Flash сохраняются в формате FLA по команде File > Save (Файл > Сохранить) под ранее выбранным именем либо по команде File > Save As (Файл > Сохранить как) для указания нового имени и месторасположения. При необходимости вернуться к последней сохраненной версии файла можно воспользоваться командой File > Revert (Файл > Возврат).
При работе над анимацией предварительный просмотр текущей сцены выполняется по команде Control > Play (Управление > Воспроизвести) либо по нажатию клавиши Enter. Для удобства возврата к началу анимации и пошаговому просмотру можно вывести на экран панель Controller (Контроллер), содержащую набор кнопок управления. Для этого следует выполнить команду Window > Toolbars > Controller (Окно > Панели инструментов > Контроллер). Пошаговый просмотр возможен не только с помощью команд меню Control (Управление): Step Forward (Шаг вперед) и Step Backward (Шаг назад), но также и щелчком на одноименных кнопках панели Controller либо нажатием клавиш < и > клавиатуры.

Рис. 4.24. Панель Controller
Для непрерывного воспроизведения анимации выполняют команду Control > Loop Playback (Управление > Повтор воспроизведения), а для проигрывания всех сцен фильма — команду Control > Play All Scenes (Управление > Воспроизведение всех сцен). Если при предварительном просмотре не нужно воспроизводить звук, то выполняют команду Control > Mute Sounds (Управление > Отключить звук). Для интерактивной анимации используют команды меню Control (Управление): Enable Simple Frame Actions (Активизировать действия кадра) или Enable Simple Buttons (Активизировать кнопки), активизирующие режим взаимодействия с пользователем. Так как многие интерактивные функции нельзя проверить в режиме предварительного просмотра без экспертов окончательный формат фильма, то для их тестирования предусмотрена команда Control > Test Movie (Управление > Проверить фильм) или Control > Test Scene (Управление > Проверить сцену), по которым создается файл SWF и проигрывается в отдельном окне с помощью проигрывателя Flash player. При создании файла SWF используется набор параметров по умолчанию, установленный в окне Publish Settings (Параметры публикации), и файл сохраняется в той же папке, что и файл FLA.
Дополнительно можно проверить фильм в окне обозревателя, для чего следует выполнить команду File > Publish Preview > HTML (Файл > Просмотр публикации > HTML).
Опубликование фильма Flash в Интернете — это двухэтапный процесс. Первоначально по команде File > Publish Settings (Файл » Параметры публикации) выбираются тип файла и его параметры. Затем по команде File > Publish (Файл > Публиковать) выполняется создание фильма в выбранном формате.
Диалоговое окно Publish Settings (Параметры публикации) позволяет выбрать также параметры для создания отдельных файлов изображений, включенных в анимацию, в том числе GIF, JPEG или PNG, и сохранить эти установки вместе с файлом фильма.
В зависимости от установок окна Publish Settings (Параметры публикации) по команде Publish (Публиковать) создаются результирующие файлы следующих типов:
Фильм Flash для Интернета (файл SWF).
При отсутствии Flash Player используются альтернативные форматы (GIF, JPEG, PNG или QuickTime).
Поддержка HTML-документов требует для показа фильма (или альтернативных изображений), контроля его параметров в обозревателе.
При наличии программ воспроизведения фильмов на платформах Windows или Macintosh либо в формате QuickTime можно сохранить фильмы Flash в файлах EXE, HQX или MOV соответственно.
Параметры этих файлов предварительно задаются в окне Publish Settings (Параметры публикации), вызываемом по команде File > Publish Settings (Файл > Параметры публикации). По умолчанию в нем установлены флажки для файлов SWF и HTML. Поэтому в окне имеются вкладки для определения их параметров. Выбор дополнительных форматов файлов открывает новые вкладки в окне Publish Settings (Параметры публикации), позволяя установить параметры сохранения и для них.

Рис. 4.25. Выбор типов файлов в окне Publish Settings
Так как HTML-код требуется для воспроизведения на Web-странице любого формата файла, то эта вкладка всегда активизирована и на нее помещаются нужные команды вызова в соответствии с заданными форматами.

Рис. 4.26. Выбор параметров для файла SWF

Рис. 4.27. Выбор параметров для файла HTML
Сохранить результирующие файлы можно в одной папке с именем, выбранным по умолчанию, либо по отдельности в разных папках и под разными именами. После задания всех параметров можно перейти непосредственно к созданию требуемых файлов, щелкнув на кнопке Publish (Публиковать), либо сохранить эти установки, закрыв окно щелчком на кнопке ОК.
Создание анимации движения
Анимацию движения (motion-tweened) также можно применять к экземплярам, группам или текстовым блокам, при этом Flash поддерживает расчет промежуточных кадров при перемещении, изменении размера, поворота и скоса объектов. Дополнительно можно изменять цвет экземпляров объектов или текста, применяя градиентную смену цветов или изменяя их прозрачность. Чтобы выполнить такие изменения для группы или текстового блока, их предварительно следует преобразовать в символы командой Insert > Convert to Symbol (Вставка > Преобразовать в символ). При этом преобразуемый объект становится экземпляром этого символа.
Создать анимацию движения можно двумя способами:
Создать начальный и конечный ключевые кадры и для начального кадра установить значение Motion (Движение) в раскрывающемся списке Tweening (Расчет) на панели Frame (Кадр).
Создать начальный ключевой кадр, затем выполнить команду Insert > Create Motion Tween (Вставка > Рассчитать движение) и переместить объект в новую позицию на сцене. При этом Flash автоматически создаст заключительный ключевой кадр.

Рис. 4.10. Результат расчета промежуточных кадров анимации
При каждом изменении положения ключевых кадров либо изменении их содержимого Flash автоматически рассчитывает промежуточные кадры.
Рассмотрим последовательность действий при создании анимации движения с помощью задания параметров на панели Frame (Кадр):
Выделяем имя слоя, чтобы сделать его текущим, и выделяем один из ключевых кадров слоя, где должна начаться анимация.
Создаем на рабочем столе экземпляр, группу или текстовый блок либо перетаскиваем экземпляр символа из окна библиотеки. Рисованный объект следует преобразовать в символ.
Создаем завершающий ключевой кадр, определяющий длину последовательности кадров.
Чтобы изменить экземпляр, группу или текстовый блок в последнем кадре, можно выполнить следующее: переместить их в новую позицию, изменить размер, угол поворота или скоса, изменить цвет экземпляра или текста.
Выполняем команду Window > Panels > Frame (Окно > Панели > Кадр), чтобы открыть панель Frame (Кадр). В раскрывающемся списке Tweening (Расчет) выбираем значение Motion (Движение).
При изменении размера объекта следует установить флажок Scale (Масштабировать).
Значение Easing (Плавность) задаем в диапазоне от -100 до 100, определяя тем самым скорость изменений во времени. Отрицательные значения соответствуют медленным изменениям вначале и быстрым в конце. Положительные — быстрым вначале и замедляющимся к концу анимации. По умолчанию скорость постоянна. Регулировка производится ползунком, открывающимся щелчком на стрелке.
Вращение можно задать выбором значения из раскрывающегося списка Rotate (Поворот). По умолчанию вращения нет. Значение CW соответствует вращению по часовой стрелке, a CCW — против, с указанием требуемого числа оборотов. Это вращение будет добавлено к повороту объекта, заданному на шаге 4.
Флажок Orient to Path (Ориентация на траекторию) устанавливается в случае, если задана криволинейная траектория движения.
Флажок Synchronize (Синхронизировать) позволяет синхронизировать число кадров анимации с числом экземпляров графики, если они различны.
При заданной траектории движения флажок Snap (Привязка) фиксирует на ней анимируемый экземпляр.

Рис. 4.11. Выбор параметров анимации движения
Рассмотрим последовательность действий при создании анимации по команде Create Motion Tween (Рассчитать движение):
Выделяем пустой ключевой кадр и изображаем на рабочем столе объект или перетаскиваем на него экземпляр символа из окна библиотеки.
Выполняем команду Insert > Create Motion Tween (Вставка > Рассчитать движение). Изображенный на первом шаге объект будет автоматически преобразован в символ, которому присвоено имя tweenl. Последующим объектам будут присваиваться имена tween2, tween3 и т. д.
Щелчком указываем кадр, где должна завершиться анимация, и выполняем команду Insert > Frame (Вставка > Кадр).
Перемещаем объект, экземпляр или блок текста в желаемую позицию. Изменяем его размер и угол поворота, если это требуется. После всех изменений снимаем с объекта выделение. В конце последовательности кадров автоматически появляется ключевой кадр.
Выделяем конечный ключевой кадр последовательности и выполняем команду Window > Panels > Frame (Окно > Панели > Кадр). На открывшейся панели Frame (Кадр) автоматически должно появиться значение Motion (Движение).
Если был изменен размер, то следует установить флажок Scale (Масштабировать).
Значение Easing (Плавность) задается в диапазоне от -100 до 100, определяя скорость изменений во времени. Отрицательные значения соответствуют медленным изменениям вначале и быстрым в конце. Положительные — быстрым вначале и замедляющимся к концу анимации. По умолчанию скорость постоянна. Регулировка производится ползунком, открывающимся щелчком на стрелке.
Вращение задается выбором значения из раскрывающегося списка Rotate (Поворот). По умолчанию указывается значение Auto (Автоматически), определяемое поворотом объекта на шаге 4. Значение CW соответствует вращению по часовой стрелке, a CCW — против, с указанием требуемого числа оборотов. Это вращение будет добавлено к повороту, заданному на шаге 4.
Флажок Orient to Path (Ориентация на траекторию) устанавливается в случае, если задана криволинейная траектория движения.
Флажок Synchronize (Синхронизировать) позволяет синхронизировать число кадров анимации с числом экземпляров графики, если они различны.
При заданной траектории движения флажок Snap (Привязка) фиксирует на ней анимируемый экземпляр.
Создание анимации методом расчета кадров
Анимация создается при изменении характеристик объекта в последовательности кадров: их положения, размеров, прозрачности и других свойств, причем эти изменения могут происходить одновременно. Flash поддерживает два метода создания анимации: пошаговую (frame-by-frame) и путем расчета промежуточных кадров (tweened). В последнем случае размер файла существенно уменьшается, так как Flash сохраняет только значения ключевых кадров, в которых задаются параметры объектов.
Ключевым кадром называется кадр, в котором заданы изменения анимационной сцены. Для пошаговой анимации (frame-by-frame) ключевым является каждый кадр. В анимации с расчетом промежуточных кадров (tweened) ключевые кадры определяют состояние объектов в определенные моменты, а все кадры между ними будут автоматически рассчитаны Flash. На оси времени ключевой кадр отмечен кружком, если в нем присутствуют объекты, или вертикальной чертой, если он пустой. Flash рассчитывает промежуточные кадры с учетом всех объектов, существующих в ключевых кадрах, и отмечает эту последовательность стрелкой.
Чтобы создать новый ключевой кадр, можно выбрать команду Insert > Keyframe (Вставка > Ключевой кадр) либо одноименную команду контекстного меню кадра, вызываемого щелчком правой кнопки мыши в окне оси времени.
Flash может рассчитывать промежуточные кадры для анимации двух типов:
анимации движения, когда задаются положение, размер и поворот объекта, группы или текстового блока в один момент времени, а затем устанавливаются их новые значения в другой момент;
анимации изменения формы, при которой первоначальное изображение объекта преобразуется в новое за заданный промежуток времени.

Рис. 4.9. Отметки групп кадров на оси времени
Поэтому в окне Timeline (Ось времени) группы рассчитанных кадров обозначаются различным образом. Анимация движения (motion-tweened) обозначается стрелкой на синем фоне (рис. 4.9, а) между двумя ключевыми кадрами, отмеченными точками. Анимация формы (Shape-tweened) обозначается стрелкой на зеленом фоне между двумя ключевыми кадрами, причем последний отделен вертикальной линией (рис. 4.9, б). Пунктирная линия (dashed) указывает на то, что последний ключевой кадр отсутствует (рис. 4.9, в). Одиночный ключевой кадр отмечается черной точкой, а все последующие кадры, повторяющие его содержимое, выделены серым фоном, причем последний из них отмечен пустым прямоугольником (рис. 4.9, г). Малая буква «а» указывает кадр, которому назначено одно из действий панели Actions panel (рис. 4.9, Э). Красный флажок отмечает кадр, содержащий комментарий или метку (рис. 4.9, е).
Каждый кадр фильма Flash может быть составлен из любого числа объектов, размещенных послойно. В анимации с помощью слоев можно организовать объекты так, чтобы они не мешали друг другу. При одновременной анимации нескольких групп или символов они должны быть размещены
на разных слоях. Обычно фоновый слой содержит статическую сцену, а каждый последующий слой — по одному ани-мированному объекту. В окне Timeline (Ось времени) они отображаются в виде отдельных строк. Одновременно редактируется содержимое только одного слоя.
При создании в анимации фонового изображения требуется, чтобы оно повторялось на протяжении нескольких кадров. При добавлении новых кадров в последовательность в каждом из них повторяется содержимое кадра, после которого они вставлены. Добавить группу новых кадров можно командой Insert > Frame (Вставка > Кадр), предварительно выделив крайний правый кадр последовательности. Аналогичный результат можно получить, если переместить ключевой кадр с помощью мыши, удерживая клавишу Alt, до нужной позиции на оси времени.
Задание движения по траектории
Специальные слои направляющих позволяют задавать траектории движения для анимируемых экземпляров, групп или текстовых блоков. С одним слоем направляющей можно связать несколько слоев объектов, чтобы все объекты двигались по одной траектории. Связанный со слоем направляющей обычный слой становится ведомым.

Рис. 4.12. Привязка объекта к траектории
Рассмотрим последовательность действий при создании анимации с движением объекта по заданной траектории:
Создадим анимацию движения одним из способов, рассмотренных ранее.
При установке флажка Orient to Path (Ориентация на траекторию) базовая линия группы анимируемых объектов будет двигаться параллельно заданной траектории. Для фиксации на траектории регистрационной точки объекта устанавливается флажок Snap (Привязка).
Выполняем команду Insert > Motion Guide (Вставка > Траектория движения). Flash создаст над выделенным слоем новый слой со значком направляющей слева от имени.
Используем любой инструмент для рисования, чтобы изобразить желаемую траекторию. В первом кадре зафиксируем объект в начальной точке линии, а в последнем кадре—в конце линии, перемещая объект с помощью мыши за его регистрационную точку.
Чтобы сделать траекторию невидимой, следует щелкнуть на пересечении строки направляющего слоя и отмеченного значком глаза столбца.

Рис. 4.13. Движение по заданной траектории

Рис. 4.14. Окно Layer Properties
Чтобы связать слой с существующим слоем направляющей, можно выполнить одно из следующих действий:
Переместить слой с объектами под слой с направляющей. Все анимированные объекты на нем автоматически привязываются к траектории, на что указывает сдвиг названия слоя вправо.
Создать новый слой под слоем направляющей. Объекты, размещенные на этом слое, к которым будет применена анимация методом расчета кадров (tweened), автоматически привязываются к траектории.
Выделить слой под слоем с направляющей и выполнить команду Modify > Layer (Изменить > Слой) с выбором значения Guided (Управляемый) для типа слоя в диалоговом окне Layer Properties (Свойства слоя).
Щелкнуть на слое при нажатой клавише Alt.
Чтобы разорвать связь слоя со слоем направляющей, выполните одно из следующих действий:
Выделите слой, связь которого надо разорвать, и перетащите его выше слоя направляющей.
Выполните команду Modify > Layer (Изменить > Слой) с выбором значения Normal (Обычный) для типа слоя в окне Layer Properties (Свойства слоя).
Щелкните на слое при нажатой клавише Alt.