Анимация в Adobe Photoshop (Операции Action для Автоматизации)

Однажды в каком-то новостном телеграм канале увидел интересный эффект. Авторы выкладывали новость и прикрепляли фотографию, если быть точнее простую анимацию с приближением. Медленно кадр приближался к объекту съемки, как бы акцентируя внимание. Наверное это неплохой вариант для привлечения и удержания аудитории, ну как минимум на первых секундах просмотра поста.

Но наша задача не только научиться это делать, это не сложно. А скорее научиться делать такой или подобный эффект автоматически. Чтобы нужную фотографию загрузил в фотошоп, нажал кнопку и готово. Т.е. я вам покажу как подготовить action скрипт в Photoshop для автоматизации создания типовой анимации.

Что нам нужно:

Photoshop
фотография или картинка с не слишком большим разрешением (в моем случае по вертикали 1024 пикселей)

Будем создавать анимацию в виде пульсации

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

Загружаем фотографию в Photoshop

далее нам нужно активировать окно Операции. Для этого нажимаем Окно -> Операции

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

Создаем папку в окне Операции (Photoshop)

Создадим новую папку, для этого нажмем кнопочку с папочкой внизу

Меняем название папки в окне Операции (Photoshop)

Назовем ее Пульсация

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

Создаем action скрипт пульсация в Photoshop

Назовем также

Включилась запись действий для action скрипта в Photoshop

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

Для дальнейшей автоматизации наших действий существует инструмент в Photoshop, он называется action скрипты или операции. Photoshop записывает ваши действия, а потом вы можете одним нажатием кнопки воспроизвести все действия, но при этом не совершая ни каких манипуляций с клавиатурой и мышью.

Преобразование фотографии в smart-объект в Photoshop

Преобразуем нашу фотографию в smart-объект. Для этого нажмем на ней правой кнопкой мыши и выберем соответствующий пункт

В углу фотографии появится такой вот значок

Это необходимо, чтобы сохранить исходное качество фотографии. Приведу пример: берем растровую фотографию и уменьшаем ее в два раза, а потом увеличиваем до исходного размера. Качество значительно ухудшится. Это происходит потому, что теряется информация. При уменьшении размера, уменьшается разрешение, а когда вы увеличиваете фотографию (увеличиваете разрешение), то уже нет информации в изображении для заполнения появляющихся пикселей, поэтому фотошоп использует интерполяцию и заполняет пиксели неким средним значением цвета из соседних пикселей. В smart-объекте сохранено исходное изображение, поэтому информация о пикселях не теряется.

Далее нам необходимо сменить рабочую среду. Справа сверху выбираем Движение (Movie)

Появится такая вот картина, внизу нажимаем на кнопку "Создать шкалу времени для видео"

Шкала времени в рабочей среде движение в Photoshop

Это шкала времени, по которой мы будем работать

Синий курсор ставим в начало шкалы, раскрываем слой, выбираем перспектива и нажимаем на ромбик, чтобы он стал желтым

В целом это будет выглядеть так

Курсор по центру временной шкалы в движении в Photoshop

Далее перемещаем курсор в центр шкалы и проделываем то же самое

Курсор в конце временной шкалы в движении в Photoshop

И для конца клипа

Видео плавно будет меняться от расставленных точек. Теперь изменим центральную точку - здесь мы немного увеличим изображение для эффекта пульсации.

Выбрали центральную точку на временной шкале в Photoshop

Выбираем центральную точку

Выбрали инструментом перемещение фотографию

Выбираем инструмент перемещение (слева наверху) - четыре стрелочки в разные стороны

Увеличим ширину или высоту на 3%, убедитесь, что кнопка сохранять пропорции активирована (панель наверху)

Фиксируем действия нажатием на кнопку с галкой

И нажимаем галку подтверждения действий

Далее вы двигая ползунок или нажав на кнопку play можете посмотреть как у вас будет двигаться анимация. Нам осталось совсем немного, это сохранить анимацию в виде гифки (gif).