Направляющая анимации

Направляющая анимации в Adobe Animate CC (ранее Adobe Flash Professional CC) облегчает создание анимации, указывая траекторию движения анимируемых объектов. Эта функция особенно удобна при анимации объектов, передвигающихся не по прямой линии. В процессе создания такой анимации необходимы два слоя:

• слой, содержащий объект, перемещающийся в ходе анимации;
• слой с заданной траекторией перемещения объекта в ходе анимации.

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

Подробная информация о направляющих анимации приведена в разделе Работа с классической анимацией движения.

Есть возможность задавать анимацию объекта на основе траектории с переменной шириной штриха.

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

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

3. Задайте ширину линии одним из следующих способов.

• Выберите инструмент «Ширина» (U) в наборе инструментов, щелкните в любой точке линии и перетащите маркеры для изменения ширины линии.

• Выберите линию с помощью инструмента «Выделение» (V) из набора инструментов, затем в инспекторе свойств выберите нужный профиль ширины в поле «Ширина».

Подробная информация о функции переменной ширины приведена в разделе Обводки с переменной шириной.

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

Посмотрите пример анимации по направляющей с переменной шириной штриха.

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

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

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

1. После создания классической анимации выберите первый ключевой кадр анимации на временной шкале. В инспекторе свойств установите флажок «Цвет по контуру». Объект теперь готов к перемене цвета согласно цвету направляющей линии.

2. Далее, выбрав инструмент «Выделение» (V) из набора инструментов, щелкните второй сегмент направляющей линии и выберите для него другой цвет. Повторите эти действия и для третьего сегмента траектории.

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

Посмотрите пример анимации по направляющей с переменой цвета.