Анимация перемещения в программе Adobe Photoshop CC. Ключи анимации

В отличие от программы Adobe Photoshop CS6,
шкала времени программы Adobe Photoshop CC
может представлять как покадровую анимацию,
так и вариант непрерывных временных отрезков
(шкала видео)
Переключатель вида шкалы времени находится в левом нижнем углу шкалы: «Преобразовать
в шкалу времени видео»

«Создать шкалу времени для видео»
Открыть программу и поместить в нее объект анимации на прозрачном фоне ( формат PNG)
«Файл» ? «Открыть»
Ctrl+O

Шкала времени видео открывается по умолчанию
в виде 5-ти секундного отрезка видео
В этом случае
управление движением объекта анимации осуществляется
ключами анимации

Нажав на галочку в названии слоя,
открыть перечень анимируемых параметров композиции:
это «Позиция», «Непрозрачность» и «Стиль»
Анимировать перемещение рыбки:
в начале эпизода она находится за правой кромкой композиции,
а в конце (на 5-й секунде) перемещается за левый обрез кадра
В каждом из положений создать ключи анимации, нажимая на символ ключа у анимируемого параметра
(для включения анимации нажать значок секундомера)
1
2

Увеличить время композиции:
для этого нужно просто потянуть за край временного отрезка
и удлиннить отрезок времени до нужной продолжительности
Правый ключ анимации тоже передвинуть
на десятую секунду композиции
(скорость перемещения объекта замедлится в 2 раза)

Движение рыбки равномерное, прямолинейное
Создать промежуточные ключи для изменения характера движения
Добавить ключ
на третьей секунде,
2. Через секунду переместить рыбку вверх, ориентируясь
по направляющей, размещенной в композиции

Еще через секунду
(пятая секунда) вновь поменять положение рыбки – сместить ее вниз
2. На шестой секунде вернуть рыбку в исходное положение

В композицию добавлен
фоновый слой
Он тоже отображается
в палитре слоев
и на шкале времени
В контекстном меню
шкалы времени есть
функция «Экспорт видео»

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

Всего лишь изменяя положение ключей на шкале времени, можно регулировать характер (скорость)
перемещения объекта

А еще из предыдущего урока возьмем слой всплывающих пузырьков воздуха и проанимируем
их перемещение по вертикали
Слишком медленно?
Сожмем отрезок
с пузырьками
на шкале времени
до 5 или
2-х секунд (желательно сделать продолжительность кратной времени общей композиции)

Через 2 секунды анимация с пузырьками закончится – значит нужно заполнить ею остальные 8 секунд композиции
Если использовать прежний прием копирования: Ctrl+J, на шкале времени появится копия слоя продолжительностью 5 секунд (по умолчанию) без ключей анимации

Чтобы дублировать анимированный слой
применить другой прием копирования «Drag-and-drop»:
захват слоя левой кнопкой мыши и перенос его
на иконку «Создать новый слой»
Копия будет абсолютно идентична исходной
(с ключами анимации)

Сдвинуть копию на шкале времени так, чтобы движение пузырьков не прерывалось
Повторить прием копирования еще 3 раза

Чтобы уменьшить количество дорожек
с видеоклипами
на шкале времени, выделить
слои одного типа
и перетащить их
на иконку
«Создать новую группу» в палитре «Слои»

Размещение слоев на палитре «Слои» или «Шкала времени» позволяет менять взаимное расположение объектов
в композиции (ближе/дальше)
Дублировать группу

Так выглядит теперь развернутая палитра «Шкалы времени»
Можно еще более упорядочить
вид композиции
на палитре
«Шкала времени»

Чтобы уменьшить количество дорожек с видеоклипами на шкале времени, следует
1) выделить все слои группы;
2) открыть контекстное меню иконкой
в правой части любого слоя
и выбрать функцию
«Создать группу видео из клипов»

Все слои группы объединятся следующим образом:

Теперь вместо фонового слоя подставить композицию
с морским пейзажем, которая была использована
в предыдущем уроке «Анимация перемещения
в программе Photoshop CS6»

В списке раскрывающихся параметров, предлагаемых для анимации
есть параметр «Стиль»
(в закладке «Окно» выбрать строку «Стили»)
Задание:
В созданной композиции анимируйте
этот параметр
для объекта «Рыбка»

Задание2
Самостоятельно выполнить анимацию третьего параметра «Непрозрачность»

Итак в данном уроке:
1) создана анимация перемещения объекта в программе Adobe Photoshop CC 2017;
2) слои на шкале времени представлены как видеоклипы;
3) анимация осуществлена созданием ключей анимации;
4) рассмотрены способы изменения скорости перемещения объектов;
5) изучены приемы копирования анимированного слоя и объединения слоев в группы или в группы видео