Как сделать забавную анимацию в Photoshop с помощью Puppet Warp

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

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

Что такое марионеточная деформация Photoshop?

Название дает нам представление о том, что может сделать инструмент «Марионеточная деформация», но для более подробной информации давайте обсудим, что такое «Марионеточная деформация».

Представьте себе марионетку на веревочке, где нити соединяются с конечностями куклы. Эти соединения позволяют телу марионетки двигаться несколько естественно, как человеческое; Инструмент «Марионеточная деформация» работает для манипулирования изображением аналогичным образом.

Как и многие другие инструменты деформации, инструмент «Марионеточная деформация» в Photoshop применяет к объекту сетку, которая позволяет вам толкать и тянуть объект в нужных вам направлениях. Наряду с треугольной сеткой Puppet Warp позволяет размещать штифты в любой части сетки для создания соединений. Эти суставы помогают Photoshop создавать естественные деформации, похожие на реальные движения тела.

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

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

Выбрав дублированный слой, убедитесь, что Инструмент прямоугольного выделения, или другой инструмент выделения. В меню нажмите Выбирать > Предмет. Теперь у вашего объекта будут бегающие муравьи по краю, отделяющие его от фона.

Связанный: Все, что вам нужно знать об инструменте выбора объекта в Photoshop

Выбрав тему, щелкните изображение правой кнопкой мыши и выберите Заливка с учетом содержимого. Откроется новое окно с двумя окнами сравнения.

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

Если на экране предварительного просмотра по-прежнему видны слабые очертания того места, где ранее находился ваш объект, вы можете добавить 10 пикселей в поле «Растушевка» вверху на 7–10 пикселей и нажать Расширять. Это удалит контур и сделает изображение более естественным там, где был удален объект. Нажмите Применять или В ПОРЯДКЕ раз вы довольны результатом.

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

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

Это создает противоположность Content-Aware Fill и создает маску для удаления фона с вашего объекта. Теперь это даст вам один слой с изолированным объектом и один слой только с видимым фоном, а также исходное изображение в качестве отдельного слоя, который пригодится позже.

Связанный: Как замаскировать объект в Photoshop с помощью инструмента выбора объекта

На замаскированном слое щелкните слой правой кнопкой мыши и выберите Преобразовать в смарт-объект. Затем перейдите в главное меню и нажмите Редактировать > Марионеточная деформация. Вы заметите, что это применяет треугольную сетку к вашему изолированному объекту, что позволяет вам деформировать его.

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

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

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

Мы предлагаем двигать каждую конечность, чтобы ничто не совпадало с исходным изображением. Помните о естественных движениях тела — хотя Puppet Warp очень интуитивно понятен, иногда он может деформироваться неестественно.

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

После того, как вы деформировали объект в желаемое положение, вы можете просто нажать любую другую кнопку на панели инструментов, и всплывающее окно спросит, хотите ли вы применить деформацию. Нажмите Применять. Теперь вы можете увидеть свою последнюю деформированную марионетку.

Как оживить вашу марионетку в Photoshop

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

Связанный: Как использовать Photoshop и After Effects для создания анимированной графики

На панели слоев выделите замаскированный фоновый слой и слой с изолированным объектом и объедините эти слои вместе, щелкнув правой кнопкой мыши один из двух выделенных слоев и щелкнув Соединить слои. У вас должно остаться исходное изображение на нижнем слое и новое искаженное изображение на верхнем слое.

Нажмите Окно > Лента новостей чтобы вызвать временную шкалу анимации Photoshop. Это перенесет один из ваших слоев на временную шкалу в виде кадра. Нажмите на Преобразовать в покадровую анимацию в левом нижнем углу панели временной шкалы, затем нажмите кнопку меню временной шкалы справа и щелкните Создание кадров из слоев. Это перенесет другие ваши слои на панель временной шкалы.

Со всеми слоями на временной шкале анимации щелкните стрелку под каждым кадром, чтобы установить время. Для быстрой анимации мы предлагаем 0,2 для каждого кадра. Нажмите Играть в на временной шкале, чтобы увидеть, как выглядит ваша анимация.

Как только вы будете довольны результатами, вы можете сохранить его. Перейти к Файл > Экспорт > Сохранить для Интернета (устаревшая версия). Большинство настроек должно быть таким, как вам нужно. Убедитесь, что вы сохранили файл в формате GIF, так как другие форматы не позволяют использовать движущиеся изображения.

Создание забавных анимаций в Photoshop

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

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

Как создать мультипликативное изображение в Photoshop

Множественное изображение содержит клоны человека или объекта, чтобы рассказать историю в одном кадре. Вот как сделать его в Photoshop.

Читать дальше

Об авторе