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

Редактор движения

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

Зачем нужен редактор движения?

Редактор движения призван упростить создание анимации движения. Таким образом, редактор движения обеспечивает детализированное управление анимацией движения и ее свойства. Следующие преимущества можно получить только с помощью редактора движения:

  • Простота доступа и редактирования всех свойств, примененных к анимации движения на одной панели.
  • Добавление разных стандартных настроек замедления или пользовательского замедления. Редактор движения позволяет добавлять различные наборы настроек, добавлять несколько наборов настроек или создавать пользовательское замедление. Добавление замедления в свойство анимации позволяет без усилий смоделировать реалистичное поведение объектов.
  • Результирующая кривая. Можно применять замедления к отдельным свойствам и просматривать эффекты, достигаемые посредством замедлений на отдельных графиках свойств с помощью результирующей кривой. Результирующая кривая является представлением фактической анимации движения.
  • Узловые и контрольные точки. Можно изолировать и редактировать основные секции анимации движения, используя узловые и контрольные точки.
  • Уточнение анимации. Редактор движения — это единственный способ создать некоторые виды анимации, например анимацию движения по криволинейному контуру на основе отдельного свойства путем настройки кривой свойства.
(A) Свойства, примененные к анимации движения (B) Кнопка «Добавить узловую точку» (C) Переключатель «Подгонка к виду» (D) Кнопка «Удалить свойство» (E) «Добавить замедление» (F) Переключатель «Изменить масштаб по вертикали»

Вызов панели «Редактор движения»

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

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

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

Кривые свойств

Редактор движения представляет свойства анимации движения с использованием двухмерных графиков, которые называются кривыми свойств. Эти графики строятся по сетке в редакторе движения. Для каждого свойства строится отдельная кривая, причем время представлено горизонтальной осью (слева направо), а изменение значения свойства — вертикальной осью.

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

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

(A) Кривые свойств, наложенные друг на друга. (B) Кривая в фокусе для выбранного в данный момент свойства.

Узловые точки

Узловые точки позволяют лучше управлять кривыми свойств, позволяя явным образом изменять основные части кривой. Можно точно контролировать форму большинства кривых в редакторе движения, добавляя ключевые кадры свойств или узловые точки.

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

Контрольные точки

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

Редактирование кривых свойств

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

  1. В Animate CC выберите диапазон анимации движения, щелкните его правой кнопкой мыши > выберите Уточнить анимацию, чтобы вызвать редактор движения (или просто дважды щелкните выбранный диапазон анимации движения).
  2. Прокрутите вниз и выберите свойство, которое требуется изменить. Чтобы инвертировать выделение, щелкните его правой кнопкой мыши и выберите пункт «Инвертировать выделение».
  3. Когда в области просмотра находится кривая выбранного свойства, можно выбрать одно из следующих действий.
    1. Добавьте узловую точку, нажав кнопку  и щелкнув на кривой свойства кадр, в котором нужно добавить узловую точку. Или дважды щелкните кривую, чтобы добавить узловую точку.
    2. Выберите и переместите существующую узловую точку в нужный кадр на сетке (в любом направлении). Предел перемещения по вертикали определяется диапазоном значений свойства.
    3. Удалите узловую точку, выделив ее и нажав клавиши Ctrl + Click (Cmd + щелчок на компьютере MAC).

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

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

  1. В Animate CC выберите диапазон анимации движения, щелкните его правой кнопкой мыши > выберите Уточнить анимацию, чтобы вызвать редактор движения (или дважды щелкните выбранный диапазон анимации движения).
  2. Прокрутите вниз и выберите свойство, которое требуется изменить. Чтобы инвертировать выделение, щелкните его правой кнопкой мыши и выберите пункт «Инвертировать выделение».
  3. Когда в области просмотра находится кривая выбранного свойства, можно выбрать одно из следующих действий.
    1. Добавьте узловую точку, нажав кнопку  и щелкнув в сетке кадр, в котором нужно добавить узловую точку.Или дважды щелкните кривую, чтобы добавить узловую точку.

      ИЛИ

    2. Выберите существующую узловую точку в сетке.
  4. Выделив узловую точку, удерживайте клавишу Alt и перетащите указатель мыши по вертикали, чтобы активировать контрольные точки. Можно изменить форму кривой, чтобы сгладить угловые сегменты с помощью элементов управления Безье. 

Копирование кривых свойств

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

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

  1. В Animate CC выберите диапазон анимации движения, щелкните его правой кнопкой мыши > выберите Уточнить анимацию, чтобы вызвать редактор движения (или дважды щелкните выбранный диапазон анимации движения).
  2. Выберите свойство, кривую которого требуется копировать, затем щелкните его правой кнопкой > выберите Копировать ИЛИ нажмите клавиши Ctrl + C (Cmd + C на компьютере MAC).
  3. Чтобы поместить кривую в нужный диапазон с абсолютными значениями, выберите свойство, в которое требуется вставить скопированную кривую, затем щелкните его правой кнопкой мыши > выберите Вставить или нажмите клавиши Ctrl + V (Cmd + V на компьютере Mac).
  4. Чтобы поместить кривую в диапазон целевой кривой, выберите свойство, в которое требуется вставить скопированную кривую, затем щелкните его правой кнопкой мыши > выберите «Вставить с учетом текущего диапазона».

Обращение кривой свойства

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

  1. В редакторе движения выберите свойство.
  2. Щелкните его правой кнопкой мыши > выберите В обратном направлении, чтобы обратить кривую свойств.

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

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

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

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

Построенная кривая для замедления с использованием набора настроек «Скачок»

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

В редакторе движения можно создавать собственное замедление с помощью кривой «Пользовательское замедление». Затем такое замедление можно применить к любому свойству в выбранной анимации движения.

График пользовательского замедления представляет величину движения на протяжении времени. Кадры представлены на горизонтальной оси, а процент изменения анимации движения представлен на вертикальной оси. Первое значение анимации находится на уровне 0 %, а для последнего кадра можно задать значение от 0 до 100 %. Скорость изменения экземпляра анимации движения выражается наклоном кривой. Если на графике создается горизонтальная линия (без наклона), то скорость равна нулю. Если на графике создается вертикальная линия, то скорость изменения мгновенна.

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

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

  1. В редакторе движения выберите свойство, к которому требуется применить замедление, и нажмите кнопку Добавить замедление, чтобы вызвать панель «Замедление».
  2. На панели «Замедление» можно выполнить следующие действия:
    1. Примените стандартное замедление, выбрав набор настроек на левой панели. Укажите интенсивность замедления, задав значение в поле «Замедление».
    2. Создайте собственное замедление, выбрав вариант «Пользовательское замедление» на левой панели и изменив кривую замедления. Дополнительные сведения см. в разделе Создание и применение пользовательских кривых замедления.
  3. Щелкните за пределами панели «Замедление», чтобы закрыть ее. Обратите внимание, что на кнопке «Добавить замедление» указывается имя замедления, примененного к свойству.

Создание и применение пользовательских кривых замедления

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

  1. В редакторе движения выберите свойство, к которому требуется применить пользовательское замедление, и нажмите кнопку «Добавить замедление», чтобы вызвать панель «Замедление».
  2. На панели «Замедление» можно изменить пользовательскую кривую замедления по умолчанию, выполнив следующие действия.
    1. Щелкните кривую, удерживая клавишу Alt, чтобы добавить на нее узловые точки. Затем можно перемещать эти точки в любое место на сетке.
    2. Активируйте контрольные точки (щелкните узловую точку, удерживая клавишу Alt), чтобы сгладить сегменты по обеим сторонам от узловой точки.
  3. Щелкните за пределами панели «Замедление», чтобы закрыть ее. Обратите внимание, что на кнопке «Добавить замедление» указано «пользовательское». Это говорит о том, что к свойству применено пользовательское замедление.

Копирование кривых замедления

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

  1. На панели «Замедление» выберите кривую замедления, которую требуется копировать, и нажмите клавиши Ctrl + C (Cmd + C на компьютере MAC).
  2. Выберите свойство, в которое требуется вставить скопированную кривую замедления, затем нажмите клавиши Ctrl + V (Cmd + V на компьютере MAC).

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

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

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

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

  1. В редакторе движений выделите группу свойств и нажмите кнопку «Добавить замедление» для отображения панели «Замедление».
  2. На панели «Замедление» выберите набор настроек замедления или создайте пользовательское замедление. Щелкните любое место за пределами панели «Замедление», чтобы применить выбранное замедление к группе свойств.

Результирующая кривая

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

(A) Результирующая кривая для стандартного замедления «колебание-в», примененного к свойству «Расположение X».

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

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

  • В новом редакторе движения отображаются только те свойства, которые применены к анимации движения.
  • Можно использовать переключатель «Подгонка к виду» (), чтобы подогнать область редактора движения по ширине временной шкалы.
  • Можно настроить размер области редактора движения и выбрать меньше () или больше () отображаемых кадров с помощью элементов управления для изменения масштаба временной шкалы. Также можно использовать ползунок для настройки вида редактора движения.
  • В редакторе движения также предусмотрен переключатель для изменения масштаба по вертикали. Функцию изменения масштаба по вертикали также можно использовать для отображения подходящего диапазона значений свойств в редакторе движения. Увеличение масштаба также позволяет вносить более точные и целенаправленные изменения в кривую свойства.
  • По умолчанию свойства отображаются в развернутом виде на левой панели редактора движения. Однако детализированный список можно свернуть, щелкнув имя свойства.

Комбинации клавиш

Двойной щелчок кривой свойства для добавления узловой точки.

Alt+перетаскивание узловой точки для активации контрольных точек.

Alt+перетаскивание для изменения выбранной контрольной точки (одностороннее редактирование).

Alt-щелчок узловой точки для деактивации контрольных точек (угловых точек).

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

Command/Control + щелчок для удаления узловой точки.

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

Command/Control + C/V для копирования и вставки выбранной кривой.

Command/Control + R для обращения выбранной кривой.

Command/Control + прокручивание для увеличения или уменьшения масштаба.

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

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