При анимации формы в отдельном кадре на временной шкале рисуется векторная форма, а в другом кадре эта форма изменяется, либо рисуется новая форма. Animate затем интерполирует фигуры для промежуточных кадров, создавая анимацию одной фигуры, перетекающей в другую.
Animate позволяет добавлять анимацию формы в единообразные сплошные обводки и произвольные фантазийные обводки. Также можно добавлять анимацию формы в обводки, улучшенные с помощью инструмента «Переменная ширина». Поупражняйтесь с нужными фигурами, чтобы увидеть, что получается. Можно использовать контрольные точки, чтобы указать Animate, какие точки начальной фигуры соответствуют конкретным точкам конечной фигуры.
Также можно анимировать положение и цвет форм в рамках анимации формы.
Чтобы применить анимацию формы для групп, экземпляров или растровых изображений, разбейте эти элементы. См. Разбивка экземпляра символа.
Чтобы применить анимацию формы к тексту, дважды разбейте текст, чтобы преобразовать текст в объекты. См. Разбивка экземпляра символа.
Ниже показано, как создать анимацию формы с 1 по 30 кадр временной шкалы. Тем не менее, можно создавать анимацию в любой части временной шкалы.
Наборы настроек замедления — это предварительно настроенные замедления, которые можно применять к объектам в рабочей области.
Для анимации формы доступен ряд нескольких распространенных наборов настроек замедления. Можно выбрать набор настроек из списка и применить его к выбранному свойству. Можно также применить к анимации формы пользовательское замедление.
-
Чтобы применить пользовательское замедление, щелкните значок «Изменить» рядом с элементом Замедление.
Диалоговое окно Пользовательское замедление выводит диаграмму, в которой дается графическое представление о скорости движения во времени. На горизонтальной оси показаны кадры, а на вертикальной — процент изменений. Первый ключевой кадр представлен как 0%, а последний ключевой кадр — как 100%.
Наклон кривой диаграммы показывает скорость изменений объекта. Если кривая горизонтальна (без наклона), то скорость равна нулю; если кривая вертикальна, то изменение происходит мгновенно.
Настроив стандартные наборы замедления, как показано на снимке экрана, можно копировать изменения и использовать их в любом другом стандартном наборе настроек. Чтобы выполнить операции «Копировать», «Вставить», «Отменить» или «Повторить», можно щелкнуть правой кнопкой мыши в диалоговом окне «Пользовательское замедление» и выбрать нужную команду в контекстном меню.
При применении наборов настроек замедления к документу HTML5 Canvas можно создать оптимизированный выходной файл JS. При создании выходных данных технология HTML5 Canvas использует функции замедления анимации JS.
Для управления более сложными или неожиданными изменениями формы можно использовать контрольные точки. Контрольные точки определяют точки, которые должны соответствовать в начальной и конечной фигурах. Например, при выполнении tween-анимации лица, выражение которого изменяется, контрольные точки можно использовать, чтобы отметить каждый глаз. Тогда во время изменения формы лицо не становится бесформенным и неясным, каждый глаз остается распознаваемым и изменяется отдельно во время перехода.

Хинты кривых содержат буквы (от a до z), которые определяют точки, соответствующие начальной и конечной фигуре. Можно использовать до 26 хинтов кривых.
В начальном ключевом кадре контрольные точки желтые, в конечном ключевом кадре они зеленые, а вне кривой они красные.
При создании tween-анимации формы для получения наилучших результатов следуйте следующим правилам.
В сложной анимации формы создавайте промежуточные формы и делайте для них tween-анимацию, вместо того, чтобы определять только начальную и конечную форму.
Убедитесь в логичной расстановке контрольных точек. Например, если в треугольнике используется три контрольных точки, они должны быть расставлены в одинаковом порядке как для исходного треугольника, так и для промежуточного. Если порядок в первом кадре abc, то порядок acb во втором кадре невозможен.
Контрольные точки лучше всего размещать против часовой стрелки, начиная с левого верхнего угла фигуры.
В Animate CC можно добавлять анимацию формы в обводку с переменной шириной. Раньше в Animate можно было создавать анимацию формы только для сплошных единообразных обводок и фигур. Это не позволяло разработчикам создавать анимацию формы для неоднородных обводок, например для усовершенствованных с помощью инструмента «Переменная ширина». Анимация обводок с переменной шириной значительно расширяет возможности дизайна в Animate CC.
Добавление анимации движения для фантазийных обводок осуществляется так же, как для фигур и сплошных единообразных обводок. Рабочий процесс требует определить начальную и конечную форму анимации, после чего Animate создает промежуточные кадры анимации.
Инструмент «Переменная ширина» позволяет обрабатывать единообразные сплошные обводки для создания изящных, фантазийных обводок. Дополнительные сведения об использовании инструмента «Переменная ширина» см. в разделе Обработка обводок и фигур с помощью инструмента «Переменная ширина».
-
Используйте инструмент «Переменная ширина» для добавления ширины в середине обводки (см. рис. ниже). Дополнительные сведения об использовании инструмента «Переменная ширина» см. в разделе Обработка обводок с помощью инструмента «Переменная ширина».
Обводка с переменной шириной, созданная с помощью инструмента «Переменная ширина», параметр «Обводка» имеет значение 68,0 пикселей.
Animate CC также позволяет добавлять анимацию формы в фантазийные обводки, сохраненные в качестве профилей переменной ширины. Можно применить профили ширины к начальной и конечной форме анимации, после чего Animate создаст плавную анимацию формы.
Профили ширины — это произвольные обводки, созданные и сохраненные с помощью инструмента «Переменная ширина» для повторного использования. Дополнительные сведения о профилях ширины см. в разделе Сохранение профилей ширины.
Чтобы добавить анимацию в профили переменной ширины, выполните следующие действия.