Как создавать анимацию в Photoshop?

Cодержание
Photoshop — многозадачный, многофункциональный инструмент, который позволяет создавать профессиональные анимации для визуального сторителлинга.
Поскольку борьба в медиа пространстве идет, в первую очередь, за внимание, анимация позволяет зацепить глаз читателя или читательницы, который быстрее всего реагирует именно на движущиеся объекты.
Функционала Photoshop обычно достаточно, чтобы создать анимацию, способную не только привлечь внимание к контенту, но также повысить юзабилити и помочь читателю продвинуться в материале.
Для этого Photoshop позволяет создавать как покадровую анимацию, так и с использованием ключей. Рассмотрим оба варианта, а вы решайте, какой вам подходит больше.
Покадровая анимация
Этот вид анимации создается с помощью кадров, роль которых в Photoshop играют слои.
Такая анимация лучше всего подходит, когда вы наснимали много фото в похожих декорациях и хотите отобразить получившееся в формате гиф.
Для начала задайте для документа, в котором будете делать анимацию, размеры в пикселях, подходящие для ресурса, куда поместите анимацию. Конечно, это можно сделать и в самом конце, но так вы рискуете потерять важные элементы анимации.
Включаем режим покадровой анимации.
Для этого во вкладке «Окно» выбираем пункт «Шкала времени» (Timeline), которая отобразится под фото. Убедитесь, что шкала находится в режиме покадровой анимации. Кадрами в такой анимации, как мы уже отметили, выступают слои, а движение создается путем включения каждого слоя по очереди. Поэтому сперва расположите каждую фотографию серии на отдельном слое в хронологической последовательности.

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

Как только все готово, сохраняем анимацию: «Файл» — «Экспортировать» — «Для веб»: там можно изменить показатели шума и зернистость. Сохраняем наш шедевр в формате GIF. Чтобы сохранить видео, то есть если ваша анимация не зациклена, выбираете «Экспорт» — «Рендер видео» и выбираете его формат: для наилучшего качества советуем остановиться на MOV. Для соцсетей, куда загрузить тяжелый файл может быть проблематично, отлично подойдет MP4.
Если анимацию будем делать, манипулируя с исходными объектами изображения, сначала нам следует переместить их на отдельные слои. Для выделения объектов удобно использовать прямоугольное или магнитное лассо, а отправить получившую область на новый слой можно при помощи сочетания клавиш CTRL + J. Далее можно поиграться с объектом: дублировать его, переставлять, отражать, включив опцию «Трансформация» во вкладке «Редактирование».
Чтобы добиться эффекта перехода изображения из размытого в четкое, продублируйте несколько раз слой с объектом, и определите для каждого слоя разные уровень размытия. Полученную анимацию можно зациклить, выбрав соответствующую опцию в таймлайне, а на последнем кадре — задержаться.
Чтобы зациклить анимацию плавно, сделайте самый четкий кадр в середине таймлайна, продублируйте его, чтобы немного задержать, а потом опять уйдите в размытие (последний и первый кадр в таком случае должны быть одинаково размыты).
Анимация по ключевым кадрам
Чтобы создать анимацию по ключам, в пункте «Шкала времени» переключитесь на «видео».
Этот вид анимации подразумевает анимирование в конкретных слоях, которое будет происходить за счет перемещение или изменения объектов на одном слое.
Каждый из слоев здесь имеет свою ленту в таймлайне, а значит все элементы, которые вы собираетесь анимировать, необходимо переместить на отдельные слои (или создать их в разных слоях). Также слой, в котором работаем, желательно сделать смарт-объектом.
Расставлять ключевые кадры просто. Например, работая в слое в первом кадре, поставьте ваш элемент в исходное положение, а в 10-м — в то, которое он должен прийти через 9 кадров. После сделайте 10-й кадр ключевым (это можно сделать, нажав на треугольник рядом с названием слоя и затем выбрав значок секундомера). Движение объекта с 1-го по 10-й кадр Photoshop плавно сделает сам. Аналогично расставляйте ключевые кадры так, как требует этого задумка. Проделайте то же самое на всех слоях, которые будут двигаться. Учтите, что чем дальше ключи стоят друг от друга, тем медленнее происходит движение.
Таким образом менять можно: положение объекта, его прозрачность, форму, стили, цвета. Закрепляя ключевые кадры, объект сможет плавно перемещаться и трансформироваться, появляться в кадре и исчезать из него. Все зависит от вашей фантазии и поставленной задачи.
Сохраняем такой клип как видео: «Файл» — «Экспорт» — «Рендер видео» и выбираем подходящий формат.
Помните, что главное при создании анимации — пробовать и примерять, ведь никакая композиция не станет в кадр сама собой.
Так что вперед к творчеству: добавляйте, удаляйте, экспериментируйте, а главное — делайте клип по душе, и тогда он обязательно найдет отклик у аудитории.
