Перекладка
В программе Adobe Animate, кроме рисованной анимации, можно создавать перекладную. Этот вид мультипликации позволяет не рисовать каждый кадр, а ставить ключи, между которыми компьютер генерирует фазы.
Перекладку активно используют в рекламе, инфороликах, мультсериалах («Смешарики», «Удивительный мир Гамбола»). Данная техника убыстряет производство, сохраняя интересное анимационное движение.
Инфоролик для Детского центра Музея Москвы, Стерхова Екатерина
Виды перекладки
Adobe Animate предлагает три вида перекладной анимации: shape tween (анимация фигуры), classic tween (можно менять каждый кадр), motion tween (анимация с траекториями). Всё, что нарисовано в данной программе является векторной графикой, поэтому мы можем увеличивать, уменьшать и проводить другие манипуляции, не переживая за качество изображения.
Shape tween
Shape tween подходит для анимации фигур, например, для изменения состояния, положения.
Для начала создадим две фигуры, которые будут отличаться по цвету, размеру и так далее на одном слое. Создаем с помощью панели инструментов квадрат, продлеваем кадр, используя клавишу F5. Потом выбираем конец этого фрагмента, нажимаем F7. Создается пустой кадр, рисуем в нем круг.
Нажимаем на любой кадр с квадратом правой кнопкой мыши, выбираем в появившемся окне Create Shape Tween. Кадры приобретают оранжевый цвет и стрелку, которая указывает на конечное состояние фигуры (круг). Анимация фигуры готова.
Classic tween
Classic tween напоминает покадровую анимацию, но кадры все же простраивает компьютер. Создадим на монтажном кадре круг и продлим ключевой кадр с помощью клавиши F5. Преобразуем его в символ, нажав F8. Для данной задачи выбираем тип Graphic. Теперь символ круга будет храниться в библиотеке проекта. В некоторых версиях программа сама может автоматически предложить конвертировать фигуру в символ.
В последнем кадре копируем ключевой кадр (F6). Перемещаем круг в другую часть пространства. Нажимаем на дорожку и выбираем Create Classic Tween. Запускаем движение, используя Enter. Готовую анимацию можно подробно посмотреть, включив кальку.
Если двигать некоторые фазы, то изменится направление движения круга. Как вы можете видеть, вышло довольно хаотично, так как редактировать траекторию в этом виде перекладки не очень удобно.
Через свойства можно накладывать эффекты, связанные с плавностью (ease). Но это все еще не до конца практично, потому что для красивой анимации вам придется изменять каждый кадр.
Motion tween
Motion tween — классический вид перекладки (схожий принцип работы как в After Effects). Нарисуем круг и продлим на шкале времени ключевой кадр, используя F5. Нажмем на дорожку и выберем Create Motion Tween. Программа предложит превратить фигуру в символ, соглашаемся. Кадр окрасится в желтый цвет. Переставляем ползунок на последний кадр, передвигаем фигуру в другую часть экрана. Запускаем анимацию, нажав Enter.
Особенностью данного вида перекладки является то, что появляется траектория, которую можно деформировать, тем самым меняя направление движения. Нам легко контролировать отскоки мяча, делать их более мягкими, плавными.
Домашнее задание
Задача 1: попробовать повторить в программе три вида перекладки самостоятельно
Описание: ознакомиться с темой и повторить упражнения с фигурами
Условия: обязательно использование Shape tween, Classic tween, Motion tween в Adobe Animate и загрузка задания для проверки на гугл-диск в формате 1920×1080, 25 кадр/сек, MP4
Результат: создание три тренировочных анимации в технике перекладка в Adobe Animate
Задача 2: принести текущие наработки по итоговому проекту с завершенной покадровой анимацией
Описание: вспомнить прошлую тему, доработать рисованную черновую анимацию на ускорение и замедление, заменив мяч своим круглым объектом для будущего финального проекта
Условия: обязательное применение принципа ускорения и замедления, использование инструментов покадровой анимации (калька, ключевые кадры), создание отметок (линий) поверх анимации для проверки правильности расстановки расстояния между кадрами, загрузка задания для проверки на гугл-диск в формате 1920×1080, 25 кадр/сек, MP4
Результат: покадровая анимация на ускорение и замедление в Adobe Animate
