Автоматическая анимация объектов групп и текста
Чтобы анимировать изменения в параметрах объектов, групп или текста, используйте анимацию движения. Flash может анимировать местоположение, размер, угол поворота и skew-искажение объектов. Также Flash может анимировать цвет объектов, создавая плавные переходы цвета и прозрачности. Для анимации цвета, объект должен быть конвертирован в элемент (symbol). См. Создание элементов.
Если вы изменяете число кадров (расстояние) между двумя ключевыми кадрами или изменяете что-либо в одном из них, Flash автоматически пересчитывает промежуточные кадры.
Можно создавать анимацию движения одним из двух способов:
| Создайте начальный и конечный ключевые кадры анимации и в панели Frame Properties выберите опцию Motion Tweening. | |
| Создайте первый ключевой кадр анимации, нажмите Insert > Create Motion Tween и переместите объект в новое место. Flash автоматически создаст второй ключевой кадр. |
В процессе анимации местоположения объекта, можно заставить его двигаться не по линии от одной точке к другой, а по заданному пути. См. Перемещение объекта по пути.
Второй, третий и четвёртый кадры - результат автоматической анимации между первым и последним ключевыми кадрами.
Для создания автоматической анимации движения используется опция Motion Tweening:
| 1 | Щелкните на название слоя, чтобы сделать его текущим и выделите на монтажной линейке в этом слое кадр, с которого бы хотели начать анимацию. |
| 2 | Создайте какой-нибудь объект на сцене или перетащите его на сцену из окошка библиотеки (Library). |
| Автоматическая анимация движения оперирует только объектами, являющимися элементами (symbols). | |
| 3 | Создайте второй ключевой кадр в том месте, где ваша анимация должна кончаться. |
| 4 | Сделайте любые из действий над элементом в конечном (втором) ключевом кадре: |
| Переместите его по сцене. | |
| Измените его размер, угол поворота или skew-деформации. | |
| Измените его цвет (только образцы (instances) и текстовые блоки). | |
| Для анимации цвета других элементов, используйте анимацию формы. См. Анимация форм (shape tweening). | |
| 5 | Выберите окно Window > Panels > Frame. |
| 6 | В поле Tweening, выберите Motion. |
| 7 | Если вы изменяли размер объекта (пункт 4), отметьте флажок Scale, чтобы анимировать изменение размера. (Прим.пер.: Этот флажок отмечен по умолчанию, не думаю, что у вас будет большая необходимость отключать его.) |
| 8 | Встаньте на первый ключевой кадр, нажмите и потяните кнопку с треугольничком около надписи Easing или введите значение вручную в окошке, чтобы установить величину изменения между промежуточными кадрами: |
| Чтобы начать движение медленно и убыстрить его к концу анимации, потяните бегунок вверх или введите значение от -1 до -100. | |
| Чтобы начать движение быстро и замедлить его к концу анимации, потяните бегунок вниз или введите значение от 1 до 100. | |
| По умолчанию, степень изменения значений между промежуточными кадрами постоянна и функция Easing позволяет добиться чёткого контроля появления или исчезания объектов, создавая необходимый эффект. (Прим.пер.: поэкспериментируйте с функцией Easing, она очень полезна.) | |
| 9 | Чтобы контролировать поворот объекта в анимации, используются опции из списка Rotate: |
| Выбирайте None (стоит по умолчанию) чтобы объект не поворачивался. (Прим.пер.: на самом деле по умолчанию там стоит Auto, что логичнее.) | |
| Выбирайте Auto, чтобы направление поворота объекта выбиралось автоматически. (Прим.пер.: подходит, если вы поворачиваете объект менее чем на 180 градусов.) | |
| Выбирайте поворот по часовой стрелке (CW) или против часовой стрелки (CCW) чтобы поворачивать объект как вам необходимо, можете ввести количество поворотов вручную. | |
Примечание: Поворот, введённый вручную, прибавляется к повороту объекта, сделанному в сцене (Пункт 4).
| 10 | Если для движения объекта вы используете нарисованный вручную путь, то отметьте флажок Orient to Path. См. Перемещение объекта по пути. |
| 11 | Отметьте флажок Synchronizе чтобы быть уверенным, что клипы, вставленные в главную сцену, будут правильно зацикливаться. |
| Используйте synchronize, если количество кадров во вложенной в мувик (movie clip) анимации не совпадает с его количеством кадров в сцене. | |
| 12 | Если вы используете движение по пути, отметьте флажок snap, чтобы присоединить объект к пути. |
Для создания автоматической анимации движения используется команда Create Motion Tween:
| 1 | Встаньте на пустой ключевой кадр и нарисуйте на сцене объект или перетащите его из библиотеки (Library). |
| 2 | Жмите Insert > Create Motion Tween. (Прим.пер.: или правой кнопкой на кадре.) |
| Если вы нарисовали новый объект, Flash автоматически сконвертирует его в символ (symbol) и назовёт его tween1. Если вы создаёте таким образом ещё объекты, они называются tween2, tween3 и так далее. (Прим.пер.: Не очень-то это удобно, верно? Проще вручную tween на кадры делать - см. выше.) | |
| 3 | Щелкните на кадре, в котором бы хотели закончить вашу анимацию, а потом нажмите Insert > Frame. |
| 4 | Перемещайте объект, изменяйте его размер, поворачивайте объект, как вам надо. Когда все необходимые изменения будут внесены, снимите его выделение (щелкните в любое другое место рабочего поля). |
| Ключевой кадр добавлен автоматически. |
|
| 5 | Выберите ключевой кадр в конце анимации и загляните в Window> Panels > Frame. Motion Tweening должен быть выставлен автоматически. |
| 6 | Если вы изменяли размер объекта, проверьте чтобы флажок Scale был отмечен. |
| 7 | Нажмите и потяните кнопку с треугольничком около надписи Easing или введите значение вручную в окошке, чтобы установить величину изменения между промежуточными кадрами: |
| Чтобы начать движение медленно и убыстрить его к концу анимации, потяните бегунок вверх или введите значение от -1 до -100. | |
| Чтобы начать движение быстро и замедлить его к концу анимации, потяните бегунок вниз или введите значение от 1 до 100. | |
| По умолчанию, степень изменения значений между промежуточными кадрами постоянна, и функция Easing позволяет добиться чёткого контроля появления или исчезания объектов, создавая необходимый эффект. (Прим.пер.: поэкспериментируйте с функцией Easing, она очень полезна.) | |
| 8 | Для контроля поворота объекта в анимации, используются опции из списка Rotate: |
| Выбирайте None (стоит по умолчанию) чтобы объект не поворачивался. (Прим.пер.: на самом деле по умолчанию там стоит Auto, что логичнее.) | |
| Выбирайте Auto, чтобы направление поворота объекта выбиралось автоматически. (Прим.пер.: подходит, если вы поворачиваете объект менее чем на 180 градусов.) | |
| Выбирайте поворот по часовой стрелке (CW) или против часовой стрелки (CCW) чтобы поворачивать объект как вам необходимо, можете ввести количество поворотов вручную. | |
Note: Поворот, введённый вручную, прибавляется к повороту объекта, сделанному в сцене (Пункт 4).
| 9 | Если для движения объекта вы используете нарисованный вручную путь, то отметьте флажок Orient to Path. См. Перемещение объекта по пути. |
| 10 | Отметьте флажок Synchronizе чтобы быть уверенным, что клипы, вставленные в главную сцену, будут правильно зацикливаться. |
| Используйте synchronize, если количество кадров во вложенной в мувик (movie clip) анимации не совпадает с его количеством кадров в сцене. | |
| 11 | Если вы используете движение по пути, отметьте флажок snap, чтобы присоединить объект к пути. |
