Об анимации движения

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

Примечание.

Как и для большинства операций в Animate (раньше этот продукт назывался Flash Professional CC), для анимации не требуется ActionScript. Однако если необходимо, можно создать анимации с помощью ActionScript.

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

  • Рисование в рабочей области

  • Слои временной шкалы и порядок наложения объектов в одном или нескольких слоях

  • Перемещение и преобразование объектов в рабочей области и в инспекторе свойств

  • Использование временной шкалы, включая время жизни объекта и выбор объектов в определенные моменты времени. Основы изложены в разделе Кадры и ключевые кадры.

  • Символы и свойства символов. К анимируемым типам символов относятся фрагменты роликов, кнопки и графика. Анимацию движения также можно применить к тексту.

  • Вложенные символы. Экземпляры символов можно вкладывать в другие символы.

  • Необязательно: редактирование кривой Безье с использованием инструментов Выделение и Спецвыделение. Эти инструменты можно использовать для редактирования траекторий движения. Дополнительные сведения см. в разделе Редактирование анимации движения с помощью редактора движения.

Дополнительные сведения об этих понятиях см. в списке ссылок в нижней части этой страницы.

Основные сведения об анимации движения

Анимация движения — это анимация, создаваемая заданием различных значений свойства объекта в разных кадрах. Animate вычисляет значения этого свойства для всех промежуточных кадров между этими двумя. Термин «Tween» происходит от выражения «in-between» («в промежутке»).

Например, можно поместить символ в левой части рабочей области в кадре 1 и переместить его в правую часть рабочей области в кадре 20. При создании анимации движения Animate рассчитывает все промежуточные положения фрагмента ролика. Результатом становится анимация перемещения символа слева направо от кадра 1 до кадра 20. В каждом промежуточном кадре Animate перемещает фрагмент ролика на одну двадцатую часть протяженности рабочей области.

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

Ключевой кадр свойства — это кадр в диапазоне анимации движения, где явно определены одно или несколько значений свойств для целевого анимационного объекта. Эти свойства могут включать положение альфа (прозрачность), оттенок цвета и т. д. Для каждого свойства, определенного пользователем, создается отдельный ключевой кадр свойства. Если во одном кадре задать более одного свойства, то ключевые кадры для каждого из этих свойств будут размещены в этом кадре. Все свойства диапазона анимации и его ключевые кадры свойств можно просмотреть на панели редактора движения. Из контекстного меню диапазона анимации можно также выбрать, какие типы ключевых кадров свойств отображать на временной шкале.

В предыдущем примере создания анимации движения фрагмента ролика с кадра 1 до кадра 20 кадры 1 и 20 являются ключевыми кадрами свойств. Для задания значений анимируемых свойств можно использовать инспектор свойств, редактор движения и другие инструменты Animate. Значения свойств задаются в выбранных кадрах, а Animate добавляет необходимые ключевые кадры свойств к диапазону анимации. Animate интерполирует значения каждого из этих свойств в кадрах, которые находятся между созданными вами ключевыми кадрами свойств.

Примечание.

Термин «ключевой кадр» относится к кадру на временной шкале, в котором впервые в рабочей области появляется экземпляр символа. Отдельный термин «ключевой кадр свойства» относится к значению, определенному для свойства объекта в определенное время или в определенном кадре анимации движения.

Если анимированный объект изменяет свое место расположения в рабочей области во время анимации, то в диапазоне анимации для него назначается связанная с ним траектория движения. Эта траектория движения показывает путь, который проходит анимированный объект во время перемещения по рабочей области. Траекторию движения по рабочей области можно редактировать при помощи инструментов Выделение, Спецвыделение, Преобразовать опорную точку, Удалить опорную точку, Свободное преобразование и команд в меню Модификация. Если анимация положения отсутствует, то траектория движения в рабочей области не появляется. Также в качестве траектории движения можно применить существующую траекторию. Для этого его нужно вставить в диапазон анимации на временной шкале.

Анимация движения — это эффективный и рациональный способ создавать движения и изменения во времени с сохранением минимального размера файла. В случае анимации движения в FLA-файле и опубликованном SWF-файле хранятся только значения ключевых кадров свойств.

Объекты и свойства, для которых возможна анимация движения

В число анимируемых объектов входят фрагменты ролика, графические символы и символы кнопок, а также текстовые поля. Эти объекты могут иметь следующие свойства:

  • Положение по осям X и Y на плоскости

  • Положение по оси Z в трехмерном пространстве (только фрагменты роликов)

  • Вращение на плоскости (вокруг оси z)

  • Вращение вокруг осей X, Y и Z в трехмерном пространстве (только фрагменты роликов)

    Для создания трехмерного движения в параметрах публикации требуется указать, что FLA-файл предназначен для ActionScript 3.0 и Flash Player 10 или более поздней версии. Adobe AIR также поддерживает трехмерное движение.

  • Наклон по осям X и Y

  • Масштаб по осям X и Y

  • Цветовые эффекты

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

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

  • Свойства фильтров (фильтры нельзя применять к графическим символам)

Различия между анимацией движения и классической анимацией

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

Вот несколько различий между анимацией движения и классической анимацией.

  • Классическая анимация использует ключевые кадры. Ключевые кадры — это кадры, в которых появляются новые экземпляры объектов. С анимацией движения может быть связан только один экземпляр объекта, и используются ключевые кадры свойств вместо ключевых кадров.

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

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

  • Анимация движения считает текст анимируемым и не преобразует текстовые объекты во фрагменты ролика. При классической же анимации текстовые объекты превращаются в графические символы.

  • В диапазоне анимации движения не допускается использование кадровых сценариев. Классическая анимация допускает использование кадровых сценариев.

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

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

  • Чтобы выбрать отдельные кадры в диапазоне анимации движения, необходимо щелкнуть кадр правой кнопкой мыши (Windows) или с удержанием клавиши Command (Macintosh).

  • В классической анимации движения можно применять замедления к группам кадров между ключевыми кадрами в пределах анимации движения. При анимации движения замедления применяются по всей протяженности диапазона анимации. Для замедления отдельных кадров анимации движения требуется создание специальной кривой замедления.

  • Для эффекта перехода между двумя цветами, например тонирования или альфа-прозрачности, можно использовать классическую анимацию. При анимации движения к одному переходу можно применять только один цветовой эффект.

  • Для анимации трехмерных объектов можно использовать только анимацию движения. Нельзя анимировать трехмерный объект с помощью классической анимации движения.

  • В качестве наборов настроек движения можно сохранять только анимацию движения.

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

  • Один слой может содержать несколько экземпляров анимации, но только одного типа (либо классической анимации, либо анимации движения).

Дополнительные ресурсы

Сведения об отличиях между классической анимацией и анимацией движения содержатся в следующих статьях.

Применение наборов настроек движения

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

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

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

Панель Наборы настроек движения также позволяет импортировать и экспортировать наборы настроек. Можно обмениваться наборами настроек со своими коллегами или воспользоваться наборами настроек, предоставленными членами сообщества дизайнеров Animate.

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

Примечание.

Наборы настроек движения могут содержать только анимацию движения. Классическую анимацию нельзя сохранить в качестве набора настроек движения.

Просмотр наборов настроек движения

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

  1. Откройте панель Наборы настроек движения.

  2. Выберите из списка набор настроек движения.

    Файл воспроизводится в области просмотра в верхней части панели.

  3. Чтобы остановить воспроизведение, щелкните, установив курсор за пределами панели Наборы настроек движения.

Применение наборов настроек движения

Выбрав анимируемый объект (экземпляр символа или текстовое поле) в рабочей области, можно нажать кнопку Применить, чтобы применить набор настроек. К каждому объекту можно применить только один набор настроек. Если к объекту применить последовательно два набора настроек, то второй набор настроек заменит первый.

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

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

Наборы настроек движения, содержащие трехмерное движение, могут применяться только к экземплярам фрагмента ролика. Свойства трехмерной анимации не применяются к символам графики или кнопок, а также к классическим текстовым полям. Двухмерные или трехмерные наборы настроек движения могут быть применены к любому двухмерному или трехмерному фрагменту ролика.

Примечание.

Применение наборов настроек движения, которые анимируют положение фрагмента ролика по оси Z, приведет к тому, что он также изменит свое положение по осям Х и Y. Это вызвано тем, что движение по оси Z идет вдоль невидимых линий перспективы, которые исходят из точки исправления 3D-перспективы (заданной в инспекторе свойств экземпляра 3D-символа) до границ рабочей области.

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

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

  2. Выберите набор настроек на панели Наборы настроек движения.

  3. Нажмите на панели кнопку Применить или выберите из меню панели пункт Применить к текущему месту.

    Движение применяется, начиная с текущего положения фрагмента ролика в рабочей области. Если с набором настроек связан траектория движения, он появляется в рабочей области.

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

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

Сохранение анимации движения в виде пользовательского набора настроек движения

Создав собственную анимацию движения или внеся изменения в анимацию движения, к которой применялся набор настроек с панели Наборы настроек движения, можно сохранить эту пользовательскую анимацию движения в виде нового набора настроек движения. Новый набор настроек появится в папке Custom Presets на панели Наборы настроек движения.

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

  1. Выберите один из следующих элементов.
    • Диапазон анимации на временной шкале.
    • Объект в рабочей области, к которому применялась пользовательская анимация.
    • Траектория движения в рабочей области.
  2. Нажмите кнопку Сохранить заданные настройки выделенной области на панели Наборы настроек движения или выберите в контекстном меню выбранного объекта Сохранить как набор настроек движения.

    На панели Наборы настроек движения появляется новый набор настроек. Animate сохраняет набор настроек в виде XML-файла. Эти файлы хранятся в следующих каталогах.

    • Windows: <жесткий диск>\Documents and Settings\<пользователь>\Local Settings\Application Data\Adobe\Animate CC\<язык>\Configuration\Motion Presets\

    • Macintosh: <жесткий диск>/Пользователи/<пользователь>/Библиотеки/Application Support/Adobe/Animate CC/<язык>/Configuration/Motion Presets/

Примечание.

Нельзя отменить операции сохранения, удаления или переименования в отношении пользовательских наборов настроек.

Импортирование набора настроек движения

Наборы настроек движения сохраняются в виде XML-файлов. Импортируйте XML-файл анимации движения, чтобы добавить его на панель Наборы настроек движения. Обратите внимание, что наборы настроек движения, импортированные как XML-файлы, можно добавлять только в классические анимации движения.

  1. Выберите в меню панели Наборы настроек движения команду «Импорт».

  2. В диалоговом окне Открыть выберите импортируемый XML-файл и нажмите кнопку Открыть.

Animate открывает файл XML и добавляет на панель набор настроек движения.

Экспорт набора настроек движения

Наборы настроек движения можно экспортировать в виде XML-файлов, доступ к которым можно открыть для других пользователей Animate.

  1. Выберите набор настроек на панели Наборы настроек движения.

  2. В меню панели выберите Экспорт.

  3. В диалоговом окне Сохранить как выберите имя и местоположение файла XML, а затем нажмите кнопку Сохранить.

Удаление набора настроек движения

Можно удалять наборы настроек с панели Наборы настроек движения. При удалении набора настроек Animate удаляет XML-файл с жесткого диска. Если позднее вам могут потребоваться наборы настроек, сначала создайте их резервные копии путем экспорта.

  1. Выберите набор настроек, который нужно удалить, на панели Наборы настроек движения.

  2. Выполните одно из следующих действий.
    • В меню панели выберите Удалить.
    • Нажмите на панели кнопку Удалить элемент.

Создание файла просмотра для пользовательского набора настроек

Для любого создаваемого набора настроек движения можно создать просмотр. Для этого сохраните SWF-файл, демонстрирующий анимацию в том же каталоге, что и XML-файл набора настроек движения.

  1. Создайте анимацию движения и сохраните ее в виде пользовательского набора настроек.
  2. Создайте FLA-файл, который содержит демонстрацию этой анимации движения. Имя сохраненного FLA-файла должно в точности соответствовать имени пользовательского набора настроек.
  3. Создайте SWF-файл на основе FLA-файла, выполнив команду Опубликовать.

  4. Поместите SWF-файл в тот же каталог, что и сохраненный XML-файл с пользовательским набором настроек движения. Эти файлы хранятся в следующих каталогах.
    • Windows: <жесткий диск>\Documents and Settings\<пользователь>\Local Settings\Application Data\Adobe\Animate CC\<язык>\Configuration\Motion Presets\
    • Macintosh: <жесткий диск>/Пользователи/<пользователь>/Библиотеки/Application Support/Adobe/Animate CC/<язык>/Configuration/Motion Presets/

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

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

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

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

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

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), чтобы создать его дубликат в том же или в другом слое.
    • Скопируйте и вставьте диапазон анимации из того же или другого слоя.

Примечание.

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

Изменение траектории движения анимации движения

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

  • Измените положение объекта в любом кадре диапазона анимации.

  • Переместите всю траекторию движения в другое место рабочей области.

  • Измените форму или размер траектории при помощи инструментов Выделение, Спецвыделение или Свободное преобразование.

  • Измените форму или размер траектории при помощи панели Преобразование или инспектора свойств.

  • Используйте команды в меню Модификация > Преобразовать.

  • Примените пользовательскую линию в качестве траектории движения.

  • Используйте редактор движения.

Чтобы показывать все траектории движения на всех слоях рабочей области одновременно, можно воспользоваться параметром Всегда показывать траектории движения. Такое отображение полезно при создании нескольких анимаций с различными взаимно пересекающимися траекториями движения. После выбора траектории движения или диапазона анимации, этот параметр можно выбрать из меню «Параметры» инспектора свойств.

Редактирование формы траектории движения с помощью инструментов «Выделение» и «Спецвыделение»

С помощью инструментов Выделение и Спецвыделение можно изменить форму траектории движения. С помощью инструмента Выделение можно изменить форму сегмента путем перетаскивания. Ключевые кадры свойств анимации движения отображаются на траектории в виде контрольных точек. Инструмент Спецвыделение позволяет открыть доступ к якорным точкам и маркерам Безье на траектории, соответствующем каждому положению ключевого кадра свойств. Эти маркеры можно использовать для изменения формы траектории с учетом точек в ключевых кадрах свойств.

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

Анимированный объект не ориентирован вдоль траектории движения (слева) и ориентирован вдоль траектории движения (справа).

  1. Нажмите инструмент Выделение на панели Инструменты.

  2. Щелкните целевой экземпляр анимации, чтобы в рабочей области отобразилась траектория движения.

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

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

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

  5. Чтобы переместить контрольную точку, перетащите ее с помощью инструмента Спецвыделение.

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

    Если маркеры не расширены, их можно расширить путем перетаскивания с одновременным удержанием клавиши Alt (Windows) или перетаскиванием с использованием параметров (Macintosh) контрольной точки.

  7. Чтобы удалить узловую точку, щелкните ее, предварительно выбрав инструмент Удалить узловую точку. Большинство узловых точек, создаваемых инструментом Выделение являются гладкими. Чтобы преобразовать узловую точку, щелкните ее инструментом Преобразовать узловую точку. Опорная точка становится угловой.

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

    Примечание.

    Узловые точки нельзя добавить на траекторию с помощью инструмента Добавить узловую точку.

Изменение положения анимированного объекта

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

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

Происходит обновление траектории движения с включением нового места. Все остальные ключевые кадры свойств в траектории движения остаются в исходных положениях.

Изменение положения траектории движения в рабочей области

Можно перетащить траекторию движения целиком в рабочую область или установить ее положение в инспекторе свойств.

  1. Нажмите инструмент «Выделение» на панели «Инструменты».
  2. Выберите траекторию движения, выполнив одно из следующих действий.
    • Щелкните диапазон анимации на временной шкале, а затем выберите траекторию движения в рабочей области.
    • Щелкните анимированный объект в рабочей области, а затем выберите траекторию движения.
    • Используя перетаскивание, охватите областью выделения траекторию движения и целевой экземпляр, чтобы выбрать их.
  3. Переместите траекторию движения, выполнив одно из следующих действий.
    • Перетащите траекторию в выбранное место в рабочей области.
    • Установите для траектории значения X и Y в инспекторе свойств. Значения X и Y предназначены для определения верхнего левого угла ограничительной рамки траектории движения.
    • Перемещайте траекторию движения с помощью клавиш со стрелками.

Примечание.

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

Редактирование траектории движения с помощью инструмента «Свободное преобразование»

  1. Щелкните инструмент Свободное преобразование на панели Инструменты.

  2. Щелкните траекторию движения с помощью инструмента Свободное преобразование. Не нажимайте на целевой экземпляр анимации движения.

  3. Масштабируйте, наклоните или поверните траекторию с помощью инструмента Свободное преобразование.

Примечание.

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

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

Удаление траектории движения из анимации движения

  1. Выберите траекторию движения в рабочей области, щелкнув на инструменте Выделение.

  2. Нажмите клавишу Delete.

Копирование траектории движения в качестве обводки

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

  2. В меню Правка выберите пункт Скопировать.

Затем можно вставить траекторию на другой слой в качестве обводки или траектории движения для другой анимации движения.

Применение пользовательской линии в качестве траектории движения

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

  1. Выберите линию в слое, который отличается от слоя анимации, и скопируйте ее в буфер обмена.

    Линия не должна быть замкнутой. Можно использовать только незамкнутые обводки.

  2. Выберите на временной шкале диапазон анимации.

  3. Вставьте линию, не снимая выделение с диапазона анимации.

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

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

Использование привязанных ко времени ключевых кадров свойства

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

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

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

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

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

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

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

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

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

Примечание.

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

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

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

Просмотр и изменение ключевых кадров свойств диапазона анимации

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

  • Чтобы убрать из диапазона ключевой кадр свойства, щелкните этот кадр, удерживая нажатой клавишу Ctrl (Windows) или Command (Macintosh), чтобы выделить его, а затем щелкните ключевой кадр свойства правой кнопкой мыши (Windows) или удерживая клавишу Ctrl (Macintosh) и выберите Удалить ключевой кадр рядом с типом свойства, для которого требуется удалить ключевой кадр.

  • Чтобы добавить в диапазон ключевые кадры свойств для определенного типа свойств, щелкните один или несколько кадров диапазона, удерживая клавишу Ctrl (Windows) или Command (Macintosh). Затем щелкните правой кнопкой мыши (Windows) или, удерживая клавишу Ctrl (Macintosh), откройте контекстное меню диапазона и выберите Вставить ключевой кадр > тип свойства. Animate добавит ключевые кадры свойств к выбранным кадрам. Для добавления ключевого кадра свойств можно также задать свойство целевого экземпляра выбранного кадра.

  • Чтобы добавить к диапазону ключевой кадр свойства для всех типов свойств, разместите точку воспроизведения в кадре, к которому необходимо добавить ключевой кадр, а затем выберите из меню Вставка > Временная шкала > Ключевой кадр или нажмите F6.

  • Чтобы сменить направление воспроизведения анимации движения, выберите Траектория движения > Обратная траектория в контекстном меню диапазона.

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

  • Чтобы преобразовать диапазон анимации в покадровую анимацию, выберите диапазон, а затем в контекстном меню диапазона укажите пункт Преобразовать в покадровую анимацию.

  • Чтобы переместить ключевой кадр свойства в другой кадр того же или другого диапазона анимации, щелкните на ключевом кадре свойства, удерживая нажатой клавишу Ctrl (Windows) или Command (Macintosh), затем перетащите ключевой кадр свойства в новое место.

  • Чтобы скопировать ключевой кадр свойства в другой кадр того же диапазона анимации, щелкните на ключевом кадре свойства, удерживая нажатой клавишу Ctrl (Windows) или Command (Macintosh), затем перетащите ключевой кадр свойства в новое место, удерживая нажатой клавишу Alt (Windows) или Option (Macintosh).

Добавление к анимации движения ключевых кадров свойств 3D или удаление их из нее

  1. Выполните одно из следующих действий.
    • Добавьте 3D-свойства с помощью 3D-инструментов на панели Инструменты.
    • Щелкните правой кнопкой мыши (Windows) или щелкните левой кнопкой, удерживая клавишу Ctrl (Macintosh), на диапазоне анимации на временной шкале и выберите в контекстном меню пункт «3D-анимация».
    • Если диапазон анимации не содержал ключевых кадров свойств 3D, Animate добавляет их к каждому существующему положению X и Y и ключевому кадру свойств вращения. Если диапазон анимации уже содержал ключевые кадры свойств 3D, Animate удаляет их.

Перемещение или дублирование диапазона анимации

Диапазоны анимации и их фрагменты можно дублировать или перемещать путем перетаскивания на панели Временная шкала.

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

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

Копирование и вставка анимации движения

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

  1. Выберите диапазон анимации движения, содержащий анимированные свойства, которые требуется скопировать.
  2. Выберите меню Правка > Временная шкала > Копировать движение.

  3. Выберите диапазон анимации движения, куда передается копируемая анимация движения.
  4. Выберите меню Правка > Временная шкала > Вставить движение.

    Animate применяет анимированные свойства к целевому диапазону анимации движения и настраивает длину диапазона анимации для соответствия копируемому диапазону анимации.

    Чтобы скопировать анимацию движения на панель Действия или использовать ее в другом проекте в виде кода ActionScript®, используйте команду Копировать движение как ActionScript 3.0.

Копирование и вставка свойств анимации движения

Можно скопировать свойства из выбранного кадра в другой кадр в том же или другом диапазоне анимации. Значения свойств добавляются только к тем кадрам, которые выбраны во время вставки свойств. Скопированные значения свойств цветовых эффектов, фильтров и 3D-свойств вставляются, только если анимированный объект в этом кадре использует цветовые эффекты, фильтры или 3D-свойства. Свойства 2D-позиции нельзя вставить в 3D-анимацию.

Для выполнения этих действий необходимо предварительно включить выделение на основе диапазона в настройках (Редактирование > Установки).

  1. Чтобы выбрать один кадр в диапазоне анимации, щелкните его, удерживая клавиши Ctrl и Alt (Windows) или клавиши Command и Option (Macintosh).
  2. Щелкните выделенный кадр правой кнопкой мыши (Windows) или щелкните его, удерживая нажатой клавишу «Command» (Macintosh), а затем выберите из контекстного меню пункт Копировать свойства.

  3. Выберите один кадр, чтобы получить скопированные свойства, щелкнув его с удержанием клавиш Ctrl и Alt (Windows) или Command и Option (Macintosh).

    Целевой кадр должен находиться в диапазоне анимации.

  4. Чтобы вставить скопированные свойства в выбранный кадр, выполните одно из следующих действий.
    • Чтобы вставить все скопированные свойства, щелкните правой кнопкой мыши (Windows) или щелкните с удержанием клавиши «Command» (Macintosh) на выбранном кадре целевого диапазона анимации и выберите из контекстного меню пункт Вставка свойств.
    • Чтобы вставить все скопированные свойства, щелкните правой кнопкой мыши (Windows) или щелкните с удержанием клавиши «Command» (Macintosh) на выбранном кадре целевого диапазона анимации и выберите из контекстного меню пункт Особая вставка свойств. В открывшемся диалоговом окне выберите свойства, которые необходимо вставить, и нажмите кнопку ОК.

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

Преобразование диапазона анимации в покадровую анимацию

Можно преобразовать диапазон классической анимации или анимации движения в покадровую анимацию. В покадровой анимации у каждого кадра есть ключевые кадры (не путать с ключевыми кадрами свойств), каждый из которых содержит экземпляры анимированных символов. Покадровая анимация не содержит интерполированных значений свойств. Дополнительные сведения см. в разделе Покадровая анимация.

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

Изменение диапазонов анимации движения на временной шкале

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

Чтобы выбрать диапазоны анимации и кадры на временной шкале, выполните любое из следующих действий. Убедитесь, что в общих настройках (Редактирование > Установки) включено выделение на основе диапазона.

  • Чтобы выбрать весь диапазон анимации, щелкните его.

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

  • Чтобы выбрать один кадр в диапазоне анимации, щелкните его, удерживая нажатой клавиши Ctrl и Alt (Windows) или клавиши Command и Option (Macintosh).

  • Чтобы выбрать несколько смежных кадров в диапазоне, перетащите указатель мыши в пределах диапазона, удерживая клавиши Ctrl и Alt (Windows) или клавиши Command и Option (Macintosh).

  • Чтобы выбрать кадры в нескольких диапазонах анимации на разных слоях, перетащите указатель мыши, удерживая клавиши Ctrl и Alt (Windows) или клавиши Command и Option (Macintosh), на нескольких слоях.

  • Чтобы выбрать отдельный ключевой кадр свойства в диапазоне анимации, щелкните его, удерживая клавиши Ctrl и Alt (Windows) или клавиши Command и Option (Macintosh). Затем его можно перетащить в новое местоположение.

Полный список клавиш-модификаторов для работы с интервалами движения на временной шкале доступен по адресу Flashthusiast.com.

Перемещение, дублирование и удаление диапазонов анимации движения

  • Чтобы переместить диапазон анимации на новое место в том же слое, перетащите его.

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

  • Чтобы переместить диапазон анимации в другой слой, перетащите этот диапазон в этот слой или скопируйте и вставьте его в новый слой.

    Диапазон анимации можно перетащить в существующий слой анимации или в нормальный, направляющий, маскирующий и маскируемый слой. Если новый слой является нормальным пустым слоем, он становится слоем анимации.

  • Чтобы дублировать диапазон, перетащите его на новое место на временной шкале, удерживая нажатой клавишу Alt (Windows) или клавишу Command (Macintosh), либо скопируйте и вставьте его.

  • Чтобы удалить диапазон, выберите его, а затем выберите Убрать кадры или Удалить кадры в контекстном меню диапазона.

Изменение смежных диапазонов анимации

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

    Каждая из анимаций движения рассчитывается заново.

  • Чтобы отделить начальный и конечный кадры, расположенные рядом в двух смежных диапазонах анимации движения, перетащите начальный кадр второго диапазона, удерживая нажатой клавишу Alt (Windows) или клавишу Command (Macintosh).

    Это позволяет освободить место для кадров между двумя этими диапазонами.

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

    Оба диапазона анимации движения будут иметь один и тот же целевой экземпляр.

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

  • Чтобы объединить два смежных диапазона анимации движения, выберите оба диапазона, а затем выберите Объединить движения в контекстном меню диапазона.

Изменение длины диапазона анимации

  • Чтобы изменить длину анимации, перетащите правую или левую границу диапазона анимации.

    Перетаскивание границы одного диапазона в кадры другого диапазона приводит к замене кадров второго диапазона.

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

    Также можно выбрать кадр после диапазона анимации в том же слое и нажать F6.Animate расширяет диапазон анимации и добавляет ключевой кадр свойства для всех свойств к выбранному кадру. При нажатии клавиши F5 Animate добавляет к выделенному кадру новые кадры, не добавляя при этом ключевых кадров свойств.

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

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

  • Чтобы удалить кадры из диапазона, перетащите их, удерживая нажатой клавишу Ctrl (Windows) или клавишу Command (Macintosh), чтобы выбрать кадры, а затем выберите в контекстном меню диапазона Удалить кадры.

  • Чтобы вырезать кадры из диапазона, перетащите их, удерживая нажатой клавишу Ctrl (Windows) или клавишу Command (Macintosh), чтобы выбрать кадры, а затем выберите в контекстном меню диапазона Вырезать кадры.

  • Чтобы вставить кадры в существующий диапазон анимации движения, перетащите их, удерживая нажатой клавишу Ctrl (Windows) или клавишу Command (Macintosh), чтобы выбрать заменяемые кадры, а затем выберите в контекстном меню диапазона Вставить кадры.

    Если просто вставить целый диапазон в другой диапазон, то это приведет к замене всего второго диапазона.

Замена или удаление целевого экземпляра анимации

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

  • Выберите диапазон, а затем перетащите новый символ с панели Библиотека в рабочую область.

  • Выберите новый символ на панели библиотеки и целевой экземпляр анимации движения в рабочей области и последовательно нажмите Модификация > Символ > Заменить символ.

  • Выберите диапазон и вставьте экземпляр символа или текст из буфера обмена.

Чтобы удалить целевой экземпляр диапазона анимации, не удаляя саму анимацию движения, выберите диапазон и нажмите клавишу «Delete».

(Больше не поддерживается во Animate CC) Копирование движения в виде ActionScript 3.0

ActionScript 3.0

Скопируйте свойства, которые задают анимацию движения на временной шкале в виде ActionScript 3.0, и примените это движение к другому символу, который находится либо на панели Действия, либо в исходных файлах (таких как файлы классов) в документе Animate, использующем ActionScript 3.0.

Чтобы настроить код ActionScript, формируемый в Animate, для конкретного проекта, используйте классы fl.motion. Дополнительные сведения см. в описании классов fl.motion в руководстве Справочник ActionScript® 3.0 для Adobe® Flash® Professional CS5.

Команда Копировать движение как ActionScript 3.0 позволяет захватывать следующие свойства анимации движения.

  • Позиция

  • Масштаб

  • Наклон

  • Поворот

  • Точка преобразования

  • Цвет

  • Режим наложения

  • Ориентация по траектории

  • Кэшировать в растровом формате

  • Замедление

  • Фильтры

  • Поворот и позиция 3D-объекта

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

    Для копирования как ActionScript 3.0 может быть выбран только диапазон анимации или анимированный объект.

  2. Выполните одно из следующих действий.
    • Выберите Правка > Временная шкала > Копировать движение как ActionScript 3.0.
    • В рабочей области щелкните диапазон анимации или анимированный объект правой кнопкой мыши (Windows) или удерживая клавишу Control (Macintosh) и выберите команду Копировать движение как ActionScript 3.0.

Работа с анимацией движения, сохраненной в виде XML-файлов

Animate позволяет работать с анимацией движения в виде XML-файлов. Изначально Animate позволяет применять следующие команды в любой анимации движения:

  • Копировать движение как XML
  • Экспортировать движение как XML
  • Импортировать движение как XML
Копировать движение как XML
 
Позволяет копировать свойства движения, примененные к любому объекту в указанном кадре в рабочей области.
  1. Создайте анимацию движения.
  2. Выберите ключевой кадр на временной шкале.
  3. Выберите «Команды» > «Копировать движение как XML».
Свойство движения копируется в буфер обмена как XML-данные, после этого их можно редактировать в любом текстовом редакторе.
 
Экспортировать движение как XML
 
Позволяет экспортировать свойства движения, примененные к любому объекту в рабочей области, в XML-файл, который можно сохранить.
  1. Создайте анимацию движения.
  2. Выберите «Команды» > «Экспортировать движение как XML».
  3. Найдите подходящее местоположение для сохранения файла.
  4. Укажите имя для XML-файла и нажмите кнопку «Сохранить».
Анимация движения экспортируется как XML-файл в указанное местоположение.
 
Импортировать движение как XML
 
Позволяет импортировать существующий XML-файл, для которого определены свойства движения.
  1. Выберите объект в рабочей области.
  2. Выберите «Команды» > «Импортировать движение как XML».
  3. Укажите местоположение и выберите XML-файл. Нажмите кнопку «ОК».
  4. В диалоговом окне «Специальная вставка движения» выберите свойства, которые требуется применить к выбранному объекту.
  5. Нажмите кнопку «ОК».
 

Введение в анимацию движения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Примечание.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Примечание.

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

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

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

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

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

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

Animate копирует код ActionScript 3.0, который описывает выбранную анимацию движения, в буфер системы. В коде анимация движения описана как покадровая анимация.

Чтобы использовать скопированный код, вставьте его на панель Действия документа Animate, содержащего экземпляр символа, в который требуется вставить копируемую анимацию движения. Снимите пометку примечания со строки, вызывающей функцию addTarget(), и замените текст <instance name goes here> в строке именем экземпляра символа, который необходимо анимировать.

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

Чтобы присвоить имя экземпляру анимации движения, также можно выбрать диапазон анимации на временной шкале и ввести имя в инспекторе свойств. После этого на этот диапазон анимации можно ссылаться в коде ActionScript 3.0.

Дополнительные сведения об анимации при помощи ActionScript 3.0 см. в разделе о классах fl.motion в справочнике ActionScript® 3.0 для Adobe® Flash® Professional CS5.

См. также

 

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

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