Для создания мультяшной анимации потребуется создать три основных слоя, каждый из которых будет выполнять несхожее с остальными слоями движение. Для примера возьмем фоновое изображение в виде пейзажа (пример), два дерева (пример) и белку (пример).

Слой с пейзажем дублируем 5 раз. Каждый из дубликатов «Масштабируем», чтобы придать иллюзию приближения и отдаления фона.

мультяшная анимация-01

Над слоями с пейзажем создаем корректирующий слой «Цвет» и задаем светлый цвет. Слою снижаем непрозрачность. Это позволит сделать пейзаж второстепенным изображением.

мультяшная анимация-02

Вставляем клипарты с деревьями. Включаем «Вспомогательные элементы», «Сетка»: вкладка «Просмотр». По сетке выставляем деревья.

мультяшная анимация-03

Слои с деревьями объединяем.

Определяем в какую сторону будут двигаться деревья и белка. Пейзаж будет приближаться и отдаляться.

мультяшная анимация-04

Во вкладке «Окно» выбираем «Шкала времени». На первом кадре устанавливаем «Выбор времени отображения кадра» и «Выбор параметров цикла».

На первом кадре слой с деревьями сдвигаем вправо, ориентируясь по сетке, запоминаем на какой линии сетки находится верхняя точка слоя с деревьями. Слой с белкой сдвигаем влево, также ориентируясь на сетку.

мультяшная анимация-05

На втором слое продолжаем сдвигать слои с деревьями влево, белку – вправо. Ориентируемся на сетку, чтобы не допускать скачков во время анимации.

мультяшная анимация-06

На третьем кадре слои с деревьями возвращаем в исходное положение, то есть вправо, но не до конца. Также само с белкой.

мультяшная анимация-07

На шкале становимся на первый кадр, удерживая нажатой клавишу Ctrl нажимаем на второй кадр, тем самым выделяя их. Нажимаем на иконку «Создание промежуточных кадров» и в диалоговом окошке задаем количество кадров. Затем выделяем предпоследний и последний кадр и также создаем промежуточные слои.

мультяшная анимация-08

В примере получилось 11 кадров. Имея полную раскадровку движения следует для каждого из кадров сделать видимым только один из слоев с пейзажем. Для первого кадра будет соответствовать слой с пейзажем «1», для второго кадра – «2», для третьего кадра – «3», для четвертого кадра – «4», для пятого кадра – «5», для шестого кадра – «6», для седьмого кадра оставляем видимым слой «6», так как по расчетам одиннадцатому кадру должен соответствовать слой с пейзажем «2», для восьмого кадра начинаем отдалять пейзаж и устанавливаем видимость слою с пейзажем «5», для девятого кадра – «4», для десятого кадра – «3», для одиннадцатого кадра «2».

Сохраняем анимацию: вкладка «Файл» — «Сохранить для web и устройств». В диалоговом окошке задаем значения анимации.

мультяшная анимация-09

Получаем мультяшную анимацию.

мультяшная анимация