24.2. Анимация

Для работы с анимацией предназначена временная шкала Timeline, которая отображает слои фильма (Layer1, Layer2, …) и кадры каждого слоя. Обычно отдельные объекты рисуются в разных слоях.

При анимации используется три типа кадров:

– ключевой кадр (Keyframe) вставляется нажатием <F6>, повторяет содержимое предыдущего кадра;

– пустой ключевой кадр (Blank Keyframe) вставляется нажатием <F7>, разбивает фильм на части, очищает содержимое предыдущего кадра;

– неключевой обычный кадр (Frame) вставляется нажатием <F5>, продлевает длительность фильма.

Инспектор свойств Properties отображает свойства выделенного объекта или всего фильма (BackGround – фон, Size – размер картинки, Frame rate – скорость кадров и др.).

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

Для создания покадровой анимации надо в первом кадре нарисовать рисунок, выделить второй кадр и нажать <F6> для вставки ключевого кадра, повторяющего содержание предыдущего. Затем следует в рисунок внести изменения и снова вставить следующий ключевой кадр. Эти действия повторяются до конца.

Автоматическая анимация делится на автоматическую анимацию формы (shape tweening) и автоматическую анимацию движения (motion tweening).

Анимация формы. При анимации формы в первый кадр помещают графический объект, а в последнем этот объект изменяют или заменяют на другой. Flash производит изменение формы в промежуточных кадрах. Чтобы применить анимацию формы к группам или растровым изображениям, необходимо сначала разбить объекты на составляющие командой Modify/Break Apart. К тексту эту команду надо применять дважды, чтобы текст разбился на буквы, а они, в свою очередь, на составляющие.

Для анимации формы нужно проделать следующие действия:

1. Создать исходный объект в первом кадре.

2. Выделить первый кадр на Timeline и на панели свойств Properties в поле Tween выбрать Shape.

3. В окошке Ease можно ввести число, которое задает скорость изменения промежуточных кадров.

4. Вставить пустой ключевой кадр (нажав <F7>) через необходимое количество кадров от первого ключевого. Создать новый объект, в который должен преобразоваться исходный.

5. Посмотреть результат, нажав одновременно клавиши <Ctrl> + <Enter> или выполнив команду Control/Play.

Для создания анимации с несколькими преобразованиями п. 4 следует повторить нужное количество раз.

Анимация движения. Можно анимировать расположение объекта, его размер, угол поворота, цвет, прозрачность. Для создания такой анимации надо выполнить следующие действия:

1. Создать исходный объект. Выделить его инструментом Arrow Tool и выполнить команду Modify/Group.

2. Выделить первый кадр на Timeline и в инспекторе свойств Properties в поле Tween выбрать Motion (или выполнить команду Insert/Motion Tween).

3. Вставить следующий ключевой кадр через некоторое количество кадров от первого ключевого (нажав <F6>). При этом временная шкала Timeline должна окраситься в сиреневый цвет. Следует переместить объект в нужное место.

(П. 3 повторяется необходимое число раз.)

4. Чтобы посмотреть результаты, надо нажать одновременно клавиши <Ctrl> + <Enter> или выполнить команду Control/Play.

На панели свойств можно отрегулировать скорость кадров (пункт Frame rate).

Такая анимация предполагает движение фигуры из начального положения в конечное по кратчайшей траектории.

Анимация движения по заданной траектории. В приложении Macromedia Flash существует понятие ведущего слоя (Guide Layer). Ведущий слой имеет два назначения: на него можно поместить какие-либо комментарии, которые видны только в режиме редактирования фильма, и с его помощью можно управлять траекторией перемещения объекта.

Для создания анимации движения по заданной траектории надо проделать следующие действия:

1. Создать анимацию прямолинейного движения объекта.

2. Щелкнув по имени слоя в инспекторе свойств, можно включить флажок Orient to Path (ось анимируемого объекта будет ориентирована по направлению пути) и флажок Snap (объект будет «прилипать» к пути).

3. Щелкнуть правой кнопкой мыши на имени слоя, содержащего анимированный объект, и выбрать в контекстном меню команду Add Motion Guide (добавить слой, управляющий движением). В списке слоев появится ведущий слой, помеченный специальным значком, а имя слоя с анимацией сдвинется вправо − это признак того, что он является ведомым слоем.

4. Щелкнуть на имени ведущего слоя и с помощью любого инструмента рисования (Pen, Pencil, Oval, Brush, Rectangle) изобразить траекторию движения объекта.

5. Выделить первый кадр анимации и совместить центр анимируемого объекта с началом траектории.

6. Выделить последний кадр анимации и совместить центр анимируемого объекта с концом линии в последнем кадре.

7. После того, как траектория будет создана, можно сделать ее невидимой. Для этого требуется сделать невидимым ведущий слой (щелкнуть на точку под значком «глаза»).

8. Посмотреть результаты.