Обзор

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

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

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

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

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

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

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

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

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

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

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

 

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

Направляющая анимации с различным цветом штриха

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

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

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

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

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

 

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

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