Создание анимации движения

Действия при создании анимации движения.

Приступая к работе

Прежде чем приступить к анимации свойств, необходимо учесть следующее:

ActionScript не требуется. Как и для многих операций в Animate, для анимации не требуется ActionScript. Однако если необходимо, можно создать анимации с помощью ActionScript.

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

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

Редактор движений не поддерживается в Animate CC.

Только экземпляры символов и текстовые поля. Animate анимирует только экземпляры символов и текстовые поля. Все остальные типы объектов заключаются в оболочку символа, когда к ним применяется анимация движения. Экземпляр символа может содержать вложенные символы, которые, в свою очередь, тоже могут быть анимированными на своих временных шкалах.

Один объект для анимации. Минимальным структурным элементом слоя анимации движения является диапазон анимации. Диапазон анимации в слое анимации может содержать только один экземпляр символа или текстовое поле. Этот экземпляр символа называется целью диапазона анимации. Тем не менее, один символ может содержать много объектов.

Изменение цели. Добавление второго символа или текстового поля в диапазон анимации движения приведет к замене исходного символа в анимации движения. Целевой объект анимации можно изменить, перетащив другой символ из библиотеки в диапазон анимации на временной шкале или выбрав «Модификация» > «Символ» > «Заменить символ». Символ можно удалить из слоя анимации, не удаляя и не разделяя саму анимацию. Позже в анимацию можно будет добавить другой экземпляр символа. Также можно в любое время изменить символ или его тип.

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

Дополнительные сведения об анимации с использованием обратной кинематики см. в разделе Анимация каркаса.

Добавление анимации движения на временную шкалу

При добавлении анимации в объект или слой Animate выполняет одно из следующих действий:

  • Слой преобразуется в слой анимации.

  • Создается новый слой, чтобы сохранить исходный порядок наложения объектов в слое.

Слои добавляются согласно следующим правилам:

  • Если в слое нет других объектов, кроме выбранных, слой преобразуется в слой анимации.

  • Если выделенный фрагмент находится внизу порядка наложения объектов в слое (под всеми другими объектами), то Animate создает слой над исходным слоем. Этот новый слой содержит невыбранные элементы. Исходный слой преобразуется в слой анимации.

  • Если выделенный фрагмент находится вверху порядка наложения объектов слоя (над всеми другими объектами), то Animate создает новый слой. Выделение перемещается в новый слой, и этот слой преобразуется в слой анимации.

  • Если выделенный фрагмент находится в середине порядка наложения объектов слоя (имеются объекты выше и ниже выбранного фрагмента), то Animate создает два слоя. Один слой содержит новую анимацию, а другой расположенный над ним слой содержит невыбранные элементы, находящиеся вверху порядка наложения. Невыделенные элементы в нижней части порядка наложения остаются в исходном слое, под вновь вставленными слоями.

Слой анимации может содержать диапазоны анимации, а также статические кадры и код ActionScript. Однако кадры из слоя анимации, содержащие диапазон анимации, могут содержать только объекты с анимацией. Чтобы добавить дополнительные объекты в тот же кадр, их нужно поместить в отдельные слои.

Анимация положения с помощью анимации движения

Перемещение или сдвиг объекта в рабочей области:

  1. Выделите экземпляр символа или текстовое поле для анимации движения в рабочей области. Объект может находиться в слоях следующих типов: обычный, направляющий, маскирующий или маскированный.

    Если выделенный фрагмент содержит другие объекты или содержит несколько объектов из слоя, то Animate предлагает преобразовать выделенный фрагмент в символ фрагмента ролика.

    Чтобы инвертировать выделение, щелкните объект правой кнопкой мыши и выберите пункт Инвертировать выделение.

  2. Выполните одно из следующих действий.

    • Выберите Вставка > Анимация движения.

    • Щелкните выделенный объект или текущий кадр правой кнопкой мыши (Windows) или щелкните их левой кнопкой мыши, удерживая нажатой клавишу «Ctrl» (Macintosh), и выберите в контекстном меню Создать анимацию движения.

    Если появится диалоговое окно Преобразовать выделенный фрагмент в символ для анимации, нажмите кнопку «ОК» для преобразования выделенного фрагмента в символ фрагмента ролика.

    Если анимированный объект является единственным элементом в слое, Animate преобразует слой, содержащий этот объект, в слой анимации. Если в слое есть другие объекты, Animate вставляет слои, чтобы сохранить порядок наложения. Animate помещает анимированный объект в собственный слой.

    Если исходный объект находился только в первом кадре временной шкалы, длина диапазона анимации равна продолжительности в одну секунду. Если исходный объект находился более чем в одном смежном кадре, диапазон анимации движения будет содержать то количество кадров, которое занимал исходный объект.

  3. Перетащите любой конец диапазона анимации движения на временной шкале, чтобы удлинить или укоротить его до нужного числа кадров. Существующие ключевые кадры свойств в анимации пропорционально перемещаются вместе с концом диапазона.

    Чтобы переместить конец диапазона, не перемещая существующие ключевые кадры, перетащите его, удерживая клавишу Shift.

  4. Чтобы добавить в анимацию движение, поместите точку воспроизведения в кадр, входящий в диапазон анимации, а затем перетащите объект на новое место.

    В рабочей области появляется траектория движения, показывающая траекторию от положения в первом кадре диапазона анимации до нового положения. Поскольку свойства X и Y объекта были указаны точно, в кадр, содержащий точку воспроизведения, добавляются ключевые кадры свойств для X и Y. Ключевые кадры свойств отображаются на диапазоне анимации в виде небольших ромбов.

    Примечание.

    По умолчанию на временной шкале отображаются ключевые кадры свойств для всех типов свойств. Можно выбрать тип отображаемых ключевых кадров свойств, щелкнув диапазон анимации правой кнопкой мыши (Windows) или удерживая клавишу «Command» (Macintosh) и выбрав из контекстного меню пункт Показывать ключевые кадры > тип свойства.

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

    Траектория движения корректируется путем включения всех указанных вами положений.

  6. Для анимации трехмерного поворота или положения пользуйтесь инструментами Поворот 3D-объекта и Перемещение 3D-объекта. Первым делом поместите точку воспроизведения в кадр, в который нужно добавить ключевой кадр свойств 3D.

Анимация движения других свойств с помощью инспектора свойств

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

  1. Выделите экземпляр символа или текстовое поле в рабочей области.

    Если выделенный фрагмент содержит другие объекты или содержит несколько объектов из слоя, то Animate предлагается преобразовать его в символ фрагмента ролика.

  2. Выберите Вставка > Анимация движения.

    Если появится диалоговое окно Преобразовать выделенный фрагмент в символ для анимации, нажмите кнопку «ОК» для преобразования выделенного фрагмента в символ фрагмента ролика.

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

  3. Поместите точку воспроизведения в кадр диапазона анимации, для которого необходимо указать значение свойства.

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

  4. Выберите объект в рабочей области и установите значение свойства, не относящегося к положению (например, альфа-прозрачности, поворота или наклона). Задайте значение при помощи инспектора свойств или одного из средств панели Инструменты.

    Текущий кадр в диапазоне становится ключевым кадром свойств.

    Примечание.

    Можно отобразить различные типы ключевых кадров свойств в диапазонах анимации. Щелкните правой кнопкой мыши (Windows) или щелкните, удерживая клавишу «Ctrl» (Macintosh), по диапазону анимации и выберите в контекстном меню Просмотреть ключевые кадры > тип свойства.

  5. Проведите точкой воспроизведения по временной шкале, чтобы просмотреть анимацию движения в рабочей области.

  6. Чтобы добавить дополнительные ключевые кадры свойств, переместите точку воспроизведения в нужный кадр диапазона и установите значение свойства в инспекторе свойств.

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

В существующий слой анимации можно добавить дополнительную анимацию движения. Это позволяет использовать меньшее количество слоев при создании содержимого Animate с анимацией.

  1. Выполните одно из следующих действий.

    • Добавьте пустой ключевой кадр в слой (Вставка > Временная шкала > Пустой ключевой кадр), добавьте элементы в ключевой кадр, а затем добавьте анимацию для элементов.
    • Создайте анимацию движения в отдельном слое, а затем перетащите диапазон на нужный слой.
    • Перетащите статические кадры из другого слоя в слой анимации, а затем добавьте анимацию движения к объекту в статическом кадре.
    • Перетащите существующий диапазон, удерживая клавишу «Alt» (Windows) или «Option» (Macintosh), чтобы создать его дубликат в том же или в другом слое.
    • Скопируйте и вставьте диапазон анимации из того же или другого слоя.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет