пройдите тест и узнайте,
какая дизайн-профессия подойдет именно вам

Как анимировать изображение в Photoshop: инструкция 

Как анимировать изображение в Photoshop: инструкция 
31 мая, 2024
5 мин

Многие дизайнеры думают, что Photoshop — про статику, рисование, ретушь и создание новых изображений. Но это не так: в программе можно создавать MP4 и GIF-анимацию. В материале вместе с дизайнером Дарьей Токаревой разбираемся, как можно это сделать. В конце рассказываем о нейросетях, которые также помогут анимировать картинку. 

Как сделать анимацию в Photoshop

Для начала нам нужно создать файл и открыть изображение хорошего качества. В нашем случае это изображение, сгенерированное нейросетью: озеро с облаками. На этом фоне мы расположим воздушный шар, который пролетит над водой. 

Главный экран в Photoshop

Сначала заходим в меню «Окно» и активируем параметр «Шкала времени». После чего появляется окно, аналогичное тем, что обычно есть в интерфейсе классических видеоредакторов внизу экрана. 

Настройка шкалы времени

Заходим в меню на вкладку «Слои», нажимаем «Создать пустой видеослой».  Он нужен нам для того, чтобы изображение не слилось с фоном.

Создание видеослоя

Теперь самое время добавить или нарисовать объект, который мы будем анимировать. В нашем случае это изображение воздушного шара в формате png. Так как изображение было взято с фотостока, то мы сразу же делаем два действия: убираем фон с помощью функции «Фоновый ластик» и преобразуем картинку в смарт-объект с помощью вкладок в правом углу экрана. В смарт-объект переводим для легкости редактирования всего объекта и исключения случайных искажений. 

Преобразование в смарт-объект

Если вы хотите видеть все предыдущие действия, то можно включить параметр «Режим кальки». В нашей инструкции мы будем работать без него.

Таймлайн в Photoshop

Теперь дублируем слой, выбираем объект, перемещаем его на несколько миллиметров вправо и вверх. Затем нажимаем «Редактирование» — «Марионеточная деформация» и немного передвигаем часть элементов шара, словно он колышется на ветру. 

Создание слоев в Photoshop

Затем дублируем слой и снова немного передвигаем объект вправо и вверх. При этом ползунок передвигаем так, чтобы дополнительные слои соединялись между собой на стыке.

Дублирование слоя

На каждое движение мы создаем дубликат слоя. 

Создание дубликата слоя

Для 4-секундной анимации нам потребуется 20 слоев.

Создание анимации

После завершения основного процесса растрируем все слои: в правой части экрана выделяем все дополнительные слои. Это нужно для того, чтобы упростить файл, уменьшив его размер. Таким образом все слои будут преобразованы в обычные пиксели. 

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

Выделение всех слоев

Выделяем все слои и правой кнопкой мыши нажимаем «Растрировать слой». Дальше нажимаем «Сохранить». Сделать это можно в двух форматах: «Сохранить для веб» или «Сохранить как» — «Экспорт» и выбрать формат MP4. При выборе второго варианта видео можно перевести в GIF в любом онлайн-конвертере. 

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

Итоговая анимация

Нейросети для анимации изображения 

Если на вашем компьютере нет Photoshop, то ту же самую анимацию можно сделать онлайн с помощью нейросетей. 

immersity.ai

Нейросеть помогает преобразовывать 2D-изображение в 3D-движение. Происходит это благодаря нейросети, которая добавляет еще дополнительное измерение с глубиной движения. 

Во время работы сервис позволяет управлять камерой, чтобы достичь именно того эффекта, который вам нужен. 

нейросеть immersity.ai

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

Стоимость: бесплатно 

Язык: английский

Genmo

Нейросеть, которая подходит для решения разных задач, включая генерацию видео буквально за пару секунд. Регистрация проходит с помощью Google-аккаунта, а генерация изображения занимает около шести секунд. 

Особенности: позволяет создавать разные виды генераций, от стихов до анимации с помощью обученных моделей; имеет интуитивный интерактивный интерфейс

Стоимость: создание простой анимации — бесплатно, большее количество функций и форматов — 20$ в месяц

Язык: английский 

Нейросеть Genmo

RunwayML 

Модель RunwayML позволяет в реальном времени увидеть, как обрабатываются данные. На сервисе широкий выбор алгоритмов и моделей для задач разного рода, включая генерацию текста и анимации, распознавание объектов. Интерфейс просто и понятный, не требует дополнительных знаний. 

Особенности: понятный интерфейс, быстрая генерация

Стоимость: бесплатный тариф — с ограничениями, платный тариф — 19$

Язык: английский

Нейросеть RunwayML 

Главное об анимации изображения 

  1. Photoshop удобен в тех случаях, когда у вас уже есть опыт работы с ним. Процесс создания базовой анимации занимает от 15 минут до часа, более долгая по времени и сложности работа может занять еще пару часов.
  2. Нейросети удобны в тех случаях, когда нет опыта и нужно создать что-то максимально быстрое и простое. Также их можно использовать как вдохновение: сгенерировать несколько вариантов, а доработать уже в Photoshop.

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент