Вариант анимации перемещения объекта "Карандаш" с разделением параметров Position (x и y). Урок 3

1.

2.

1. Создать новую композицию и поместить в нее
заготовленный объект «карандаш» и рисуемый им объект
«трава» (действия 1-3 из первого занятия)
2. Раскрыть параметр Position (Горячая клавиша Р)
Кликнуть правой кнопкой мыши по строке параметра, и
в открывшемся контекстном меню выбрать команду
(разделить параметры). Теперь у каждого параметра
перемещения появится своя анимируемая строка.

3.

- поместить объект «карандаш» к началу полоски в
горизонтальном положении
- создать первый ключ анимации в начальный момент
движения на параметре positionX
- передвинуть ползунок на TimeLine в момент окончания
движения
- захватить объект ЛКМ и переместить к месту окончания
рисунка (появится второй ключ анимации) - «карандаш»
переместится вдоль рисунка.
Таким образом карандаш рисует прямую линию.
Мы же хотим добиться процесса «штриховки» объекта,
имеющего определенный размер по высоте.
Задача: наложить на равномерное прямолинейное движение
дополнительное циклическое перемещение по вертикали
(именно для этого и были разделены параметры position
X и Y)

4.

- в начальной точке траектории (вернуть ползунок в
начало композиции можно клавишей Home) создать
ключ анимации параметра positionY (клик по иконке с
часами)
- сдвинуть ползунок на 2 кадра и сместить объект к
верхнему полю рисунка (при этом можно анимировать и
параметр Rotation)
- сдвинуть ползунок еще на 2 кадра и сместить объект к
нижнему полю рисунка (меняя поворот карандаша)
- сдвинуть ползунок еще на 2 кадра и вернуть параметры
первоначальной точки по оси Y (Ctrl+C и Ctrl+V
первого ключа анимации)

5.

- использовать выражение цикличности loopOutDuration (type = "cycle"): с клавишей
Alt кликнуть по иконке с часами для каждого из параметров цикла, связанных с осью
Y и вставить это выражение в открывшуюся строку. Теперь при проигрывании
анимации объект «карандаш» будет совершать сложное штрихующее перемещение по
«рисуемому» объекту «трава» и поступательное движение вдоль рисунка

6.

- задаем постепенное проявление рисуемого объекта: применяем
эффект (Трансформирование) (Линейное стирание)

7.

Создать два ключа анимации в начале и конце рисуемого
объекта (End1=0%; End2=100%)
* Угол выключения задает направление «проявления» рисунка

8.

Эффект «линейное стирание» воздействует на
пространство всей композиции ( по всей ширине кадра),
но поскольку объект соизмерим с размером композиции,
значения параметра «Завершение перехода» выбраны 0 и
100%.
В случае работы с объектом, имеющим меньшие
линейные размеры, значения подбираются визуально:
начало появления – первый ключ, полностью
появившийся объект – второй ключ.
Таким образом поставленная в уроке задача выполнена –
объект «нарисован». Карандаш двигался по траектории,
образованной двумя разделенными параметрами X и Y