1. Design & Illustration
  2. Photo Manipulation

Создаём Фотоманипуляцию Вой Оборотня в программе Adobe Photoshop

by
Read Time:11 minsLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Scream Mask in Adobe Illustrator

Russian (Pусский) translation by Sergey Zhuk (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Хэллоуин посвящён не только страшилкам, но а также веселью! Классический фильм Американский оборотень в Лондоне (1981) объединил эти две части, ужас и комедию в фантастический микс, который всё ещё забавно посмотреть. Тем не менее, данный фильм также известен своей реалистичной сценой трансформации в оборотня, данный эффект был воссоздан в реальности, а не с помощью компьютерной графики. А мы можем использовать эту сцену, чтобы создать своего оборотня!

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

Исходные материалы

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

1. Создаём Главного Персонажа

Шаг 1

Задний фон на изображении с мужчиной не походит для создания нашей сцены. Нам необходимо удалить его. Существует два основных способа точного выделения объектов: с помощью инструмента Перо (Pen Tool (P) и инструмента Быстрой маски (Quick Mask (Q). Я покажу вам работу с последним инструментом.

Выберите жёсткую кисть, а затем переключаемся в режим Быстрой маски (Quick Mask Mode (Q). Увеличьте масштаб и аккуратно прокрасьте контур изображения мужчины. Данный метод работает отлично, если вы работаете с планшетом, но такое же выделение можно с точностью выполнить с помощью мышки. Просто переключайтесь между чёрным и белым цветом (Х) для прокрашивания и удаления.

shirtless man shouting stock photoshirtless man shouting stock photoshirtless man shouting stock photo

Шаг 2

Выполните заливку области внутри контура с помощью техники, которая описана в видеоуроке Photoshop за 60 секунд: Как Правильно Залить Область Контура.

quick mask selection photoshopquick mask selection photoshopquick mask selection photoshop

Шаг 3

Выйдя из режима Быстрой маски (Quick Mask Mode (Q), мы создадим активное выделение. Нажмите клавишу (Delete), чтобы удалить задний фон.

how to select in photoshop by paintinghow to select in photoshop by paintinghow to select in photoshop by painting

Шаг 4

Нет необходимости использовать те же самые размеры исходного изображения для нашей сцены. С помощью инструмента Рамка (Crop Tool (C), создайте более интересную композицию.

how to use the crop toolhow to use the crop toolhow to use the crop tool

Шаг 5

С помощью инструмента Заливка (Paint Bucket Tool (G), залейте задний фон чёрным цветом.

how to change background colorhow to change background colorhow to change background color

2. Изменяем Форму Тела

Шаг 1

Щёлкните по слою с моделью, а затем идём Фильтр - Пластика (Filter > Liquify). С помощью данного фильтра, вы можете изменить форму изображения с помощью нескольких эффективных инструментов. С помощью инструмента Деформация (Forward Warp Tool (W), вытяните рот вперёд. Проявите особенную аккуратность - т.к. команда Отменить действие (Undo) действует здесь только один раз! Также, каждый клик - смещение понижает качество изображения, поэтому, постарайтесь провести трансформацию, как можно за меньшее количество кликов мышью. Если вы допустили ошибку, очень часто бывает так, что лучше всего отменить действие и попробовать ещё раз, чем пытаться исправить участок.

Как только вы завершите деформацию, нажмите кнопку 'ОК'.

how to use warp toolhow to use warp toolhow to use warp tool

Шаг 2

Теперь ваша модификация сохранена и вы можете спокойно продолжать коррекцию без её потери. Возвращаемся в режим пластики, чтобы продолжить коррекцию рта и носа, сделав их больше похожими на морду собаки. Снова нажмите кнопку 'ОK', как только вас устроит результат.

how to change shape in photoshophow to change shape in photoshophow to change shape in photoshop

Шаг 3

Возвращаемся в режим пластики, чтобы продолжить коррекцию губ. Нажмите кнопку 'ОK'

how to warp body in photoshophow to warp body in photoshophow to warp body in photoshop

"Мордашка" готова!

how to reshape someone in photoshophow to reshape someone in photoshophow to reshape someone in photoshop

Шаг 4

Давайте ещё раз применим фильтр Пластика (Liquify) для коррекции линии челюсти и формы уха.

how to use the liquify toolhow to use the liquify toolhow to use the liquify tool

Шаг 5

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

С помощью Быстрой маски (Quick Mask (Q), выделите кисть руки, которая ближе к нам. Далее, выходим из режима быстрой маски, а затем идём Выделение - Инверсия (Select > Inverse (Ctrl+Shift+I). Теперь продублируйте выделение на новый слой (Ctrl+J).

how to paint selectionhow to paint selectionhow to paint selection

Шаг 6

Временно отключите нижний слой, чтобы увидеть "вырезанную" кисть руки. С помощью инструмента Лассо (Lasso Tool (L), выделите верхнюю часть кисти.

how to use the lasso toolhow to use the lasso toolhow to use the lasso tool
how to select with lassohow to select with lassohow to select with lasso

Шаг 7

С помощью инструмента Перемещение (Move Tool (V), слегка сдвиньте выделенный фрагмент кисти руки.

how to move selectionhow to move selectionhow to move selection

Шаг 8

Выберите ещё раз инструмент Лассо (Lasso Tool (L), чтобы выделить зазор, при этом, захватив немного участки кожи.

how to fill a gap in photoshophow to fill a gap in photoshophow to fill a gap in photoshop

Шаг 9

Идём Редактирование - Выполнить заливку (Edit > Fill) и в появившемся окне, из выпадающего меню, выберите опцию С учётом содержимого (Content-Aware). Нажмите кнопку 'ОK'.

how to use content aware toolhow to use content aware toolhow to use content aware tool

Таким образом, мы зальём зазор.

how to fill gaps with content aware fillhow to fill gaps with content aware fillhow to fill gaps with content aware fill

Шаг 10

Используйте инструмент Заплатка (Patch Tool (J), чтобы исправить участки кисти руки. Выделите "плохие" участки, а затем потяните их на участок, которым вы хотите заменить их.

how to fix photo with patch toolhow to fix photo with patch toolhow to fix photo with patch tool

Шаг 11

Вы также можете воспользоваться фильтром Пластика (Liquify), чтобы исправить участок кисти руки.

how to change shape with liquifyhow to change shape with liquifyhow to change shape with liquify

Шаг 12

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

how to turn human into a monster with liquifyhow to turn human into a monster with liquifyhow to turn human into a monster with liquify

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

how to easily change shapehow to easily change shapehow to easily change shape

Шаг 13

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

how to add claws to human hands in photoshophow to add claws to human hands in photoshophow to add claws to human hands in photoshop

Шаг 14

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

how to modify handshow to modify handshow to modify hands

Шаг 15

Мы можем скопировать когти с другой руки. С помощью инструмент Лассо (Lasso Tool (L), выделите самый красивый коготь, а затем скопируйте / вклейте выделенный коготь на новый слой.

copy clawscopy clawscopy claws

Откорректируйте форму и перспективу когтя с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T). Удерживая клавишу (Ctrl), потяните за опорные точки. Примечание переводчика: повторите весь процесс с добавлением когтя, добавив остальные когти на вторую руку.

how to copy paste claws and adjust shapehow to copy paste claws and adjust shapehow to copy paste claws and adjust shape

Наш оборотень выглядит отлично со стороны!

how to change human into werewolfhow to change human into werewolfhow to change human into werewolf

3. Совмещаем Фрагменты Животных с Человеком

Шаг 1

Не существует оборотней без страшных клыков! Откройте исходное изображение с собачьим / волчьим оскалом, а затем с помощью инструмента Быстрая маска / Перо / Лассо (Quick Mask/Pen Tool/Lasso Tool), выделите фрагменты, которые вам нужны. Вырежьте верхнюю и нижнюю челюсть на отдельные слои.

wolf teeth fangs snarl stock imagewolf teeth fangs snarl stock imagewolf teeth fangs snarl stock image

Шаг 2

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

how to use stock imageshow to use stock imageshow to use stock images

Уменьшите непрозрачность слоя с фрагментом, который вы собираетесь совместить телом человека, чтобы было видно участок, на котором будет расположен фрагмент. Используйте инструмент Свободная трансформация (Free Transform Tool (Ctrl+T) для поворота и масштабирования при необходимости.

how to add one stock image to anotherhow to add one stock image to anotherhow to add one stock image to another

Шаг 3

С помощью инструмента Ластик (Eraser Tool (E) или, лучше слой-маски, удалите участки челюсти, которые закрывают губы. Вы можете узнать, как использовать слой-маску (и почему она лучше, чем ластик) из урока Полезный Совет: Слой-маска против Ластика в программе Adobe Photoshop.

how to combine two stock imageshow to combine two stock imageshow to combine two stock images

Шаг 4

Проделайте то же самое с нижней челюстью.

how to add wolf teeth to humanhow to add wolf teeth to humanhow to add wolf teeth to human

Шаг 5

Итак, мы разместили оба фрагмента внутри рта, ещё раз проверьте их, чтобы быть уверенным, что они выглядят правильно. При необходимости, используйте инструмент Свободная трансформация (Free Transform Tool (Ctrl+T), удерживая клавишу (Ctrl), потяните за опорные точки для коррекции перспективы.

how to change perspective of an imagehow to change perspective of an imagehow to change perspective of an image

Шаг 6

Это касается не только рта и челюстей - строение тела волков отличается от строение тела человека. Давайте сделаем шею толще и выше....

how to make human more muscular in photoshophow to make human more muscular in photoshophow to make human more muscular in photoshop

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

How to turn human into animal in photoshopHow to turn human into animal in photoshopHow to turn human into animal in photoshop

Шаг 7

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

Техника та же самая для каждого добавленного исходного изображения: вклеиваем на наш рабочий документ, уменьшаем непрозрачность слоя, чтобы видеть участок, на который добавляется фрагмент, а затем используем Свободную трансформацию (Free Transform Tool (Ctrl+T) для коррекции.

how to add fur in photoshophow to add fur in photoshophow to add fur in photoshop

Далее, используйте слой-маску, чтобы сохранить только те участки изображения, которые нам нужны.

human with gorilla hairhuman with gorilla hairhuman with gorilla hair
adding stock fur to humanadding stock fur to humanadding stock fur to human
human with gorilla facehuman with gorilla facehuman with gorilla face
gorilla armgorilla armgorilla arm
human with gorilla armhuman with gorilla armhuman with gorilla arm

Время от времени, вам может понадобится режим Деформации (Warp Mode) инструмента Свободная трансформация (Free Transform Tool) для более качественной коррекции формы.

how to add fur to human forearmhow to add fur to human forearmhow to add fur to human forearm
how to change shape of stock imagehow to change shape of stock imagehow to change shape of stock image

Подсказка: если вы зальёте слой-маску чёрным цветом, а затем с помощь белой кисти, вы можете в принципе воссоздать текстуру!

how to paint with texturehow to paint with texturehow to paint with texture
how to paint furhow to paint furhow to paint fur
how to make human furryhow to make human furryhow to make human furry

Вот так будет выглядеть шерсть на оборотне. Пока не переживайте насчёт цвета шерсти!

how to cover human with fur in photoshophow to cover human with fur in photoshophow to cover human with fur in photoshop

4. Проводим Цветовую Коррекцию и Коррекцию Светотеней

Шаг 1

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

Перейдите на слой с неподходящей по цвету и яркой шерстью, а затем идём Окно - Коррекция (Window > Adjustments). Выберите Цветовой тон / Насыщенность (Hue/Saturation).

hue saturation adjustmenthue saturation adjustmenthue saturation adjustment

Шаг 2

Преобразуйте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в обтравочную маску. Поставьте галочку в окошке Тонирование (Colorize). Поиграйте с бегунками, чтобы светлые участки шерсти приобрели общий цветовой тон со всей шерстью.

how to change fur color in photoshophow to change fur color in photoshophow to change fur color in photoshop

Шаг 3

Добавьте корректирующий слой Уровни (Levels).

levels adjustmentlevels adjustmentlevels adjustment

Шаг 4

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

how to change fur contrast in photoshophow to change fur contrast in photoshophow to change fur contrast in photoshop

Шаг 5

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

how to make fur darkerhow to make fur darkerhow to make fur darker

Шаг 6

Используйте инструмент Заплатка (Patch Tool (J), чтобы исправить дёсны. Они не должны привлекать слишком много внимания.

how to fix a stock imagehow to fix a stock imagehow to fix a stock image

Шаг 7

К слою с клыками, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски для коррекции яркости изображения.

how to adjust shading in photo manipulationhow to adjust shading in photo manipulationhow to adjust shading in photo manipulation

Шаг 8

Не забудьте откорректировать цвет волос на голове под цвет шерсти. Вы можете использовать Быструю маску (Quick Mask (Q), чтобы провести коррекцию только фрагмента изображения

how to select part of a layer for adjustmenthow to select part of a layer for adjustmenthow to select part of a layer for adjustment

Шаг 9

Давайте затемним кожу под шерстью, чтобы совмещение выглядело более естественным. Выделите участки кожа с помощью Быстрой маски (Quick Mask (Q)...

how to select part of the layerhow to select part of the layerhow to select part of the layer

...далее, затемните кожу, чтобы она была в более холодных тонах в полумраке.

how to make skin darker in photoshophow to make skin darker in photoshophow to make skin darker in photoshop

Шаг 10

Чтобы удалить эффект аэрографа, удерживая клавишу (Ctrl), щёлкните по маске коррекции, чтобы загрузить активное выделение. А затем идём Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise). Выберите значение, которое больше всего подходит вам. Примечание переводчика: загрузите активное выделение вокруг фрагментов шерсти, а затем добавьте эффект шума, чтобы шерсть на коже человека выглядело более естественно.

how to remove airbrush effecthow to remove airbrush effecthow to remove airbrush effect

Шаг 11

Объедините все слои с шерстью (Ctrl+E), чтобы редактировать их вместе. Далее, используйте инструмент Заплатка (Patch Tool (J) для исправления участков, которые привлекают слишком много внимания. Шерсть должна быть однообразной.

how to fix furhow to fix furhow to fix fur

Шерсть начинает выглядеть хорошо!

how to create realistc fur in photoshophow to create realistc fur in photoshophow to create realistc fur in photoshop

Шаг 12

Кожа выглядит слишком здоровой и обычной для того, кого превратили в монстра. Давайте немного изменим цвет кожи.

how to change skin colorhow to change skin colorhow to change skin color

Шаг 13

Пришло время для светотеней. Откройте оригинальное изображение с мужчиной. Расположите данное изображения в углу,, чтобы вы могли видеть. Используйте данное изображения в качестве ориентира для коррекции света на шерсти на остальных участках тела.

Вначале, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к объединённому слою с шерстью, чтобы сделать её светлее. Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску.

how to make fur brighterhow to make fur brighterhow to make fur brighter

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

how to add rim light to furhow to add rim light to furhow to add rim light to fur

Шаг 14

Усилить световую кромку можно с помощью корректирующего слоя Уровни (Levels).

how to add strong rim lighthow to add strong rim lighthow to add strong rim light
how to light furhow to light furhow to light fur

Шаг 15

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) для затемнения шерсти.

how to shade fur in photoshophow to shade fur in photoshophow to shade fur in photoshop

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

how to illuminate fur in photoshophow to illuminate fur in photoshophow to illuminate fur in photoshop

Шаг 16

Т.к. шерсть оборотня была создана из различных исходных изображений, то их качество может отличаться: Присмотритесь к изображению, и на участках шерсти резкой или выраженной текстурой, используйте фильтр Размытие по Гауссу, для этого идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur).

how to blur furhow to blur furhow to blur fur

... а также фильтр Умная резкость, Фильтр - Усиление резкости - Умная резкость (Filter > Sharpen > Smart Sharpen) на участках, которые выглядят слишком размытыми.

how to sharopen furhow to sharopen furhow to sharopen fur

Шаг 17

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

how to blend fur with skinhow to blend fur with skinhow to blend fur with skin
how to create a werewolf in photoshophow to create a werewolf in photoshophow to create a werewolf in photoshop

5. Завершаем Сцену

Шаг 1

Оборотень готов, но он выглядит слишком скучным. Давайте создадим окружающую сцену для него. Вначале с помощью инструмента Рамка (Crop Tool (C), создайте новую рамку. Обратите внимание на правило третей, чтобы выставить правильную композицию. Примечание переводчика: автор увеличивает изображение, соблюдая правило третей.

crop the scenecrop the scenecrop the scene

Шаг 2

Добавьте изображение Луны ниже всех слоёв. Примените масштабирование к изображению Луны, подобрав для неё подходящее положение.

how to add night sky backgroundhow to add night sky backgroundhow to add night sky background

Шаг 3

К слою с Луной, примените фильтр Размытие по Гауссу, для этого идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы расфокусировать изображение Луны и добавить глубины к сцене.

how to create out of focus effecthow to create out of focus effecthow to create out of focus effect

Шаг 4

Мы изменили освещение, поэтому, нам также необходимо изменить затенение. Объедините все слои, относящиеся к оборотню (Ctrl+E), а затем добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к объединённому слою. Затемните изображение оборотня, а затем перейдите на маску данного корректирующего слоя и с помощью мягкой чёрной кисти, скройте коррекцию затемнения на участках, куда падает лунный свет. Примечание переводчика: не забудьте преобразовать данный корректирующий слой обтравочную маску.

how to shade a scenehow to shade a scenehow to shade a scene

Шаг 5

Убедитесь, чтобы шерсть освещалась мягким светом. Если необходимо, прокрасьте мягкой белой кистью на отдельном слое и с помощью слой-маски, сделайте кончики волос слегка прозрачными.

how to create rim light glowhow to create rim light glowhow to create rim light glow

Шаг 6

Добавьте корректирующий слой Фото Фильтр (Photo Filter), чтобы объединить все элементы композиции.

how to use a photo filterhow to use a photo filterhow to use a photo filter

В окне настроек корректирующего слоя Фото Фильтр (Photo Filter), выберите фильтр Cooling Filter. Откорректируйте степень Плотности (density).

how to unify a scenehow to unify a scenehow to unify a scene

Шаг 7

Вы также можете добавить ещё один корректирующий слой Фото Фильтр (Photo Filter) и преобразовать его в обтравочную маску (Ctrl+Alt+G) к объединённому слою с оборотнем.

how to add a photo filter to one layerhow to add a photo filter to one layerhow to add a photo filter to one layer

Шаг 8

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

Когда вы завершите работу над коррекцией, объедините все слои, а затем идём Фильтр - Шум- Добавить шум (Filter > Noise > Add Noise). Это выровняет качество всех элементов сцены.

how to add noise to photo manipulationhow to add noise to photo manipulationhow to add noise to photo manipulation

Шаг 9

Далее, идём Изображение - Размер изображения (Image > Image Size). Укажите заключительные размеры картины. Тем меньше картина, тем более реалистично она будет выглядеть, но в этом случае, вы можете потерять потерять детали. Вам нужно найти компромисс.

how to change image sizehow to change image sizehow to change image size

Аааа... ууууу! 

Трансформация началась! Как вы видите, Photoshop - достаточно эффективен, когда нужно превратить фантазию в реальность. Вам ещё нужны доказательства? Тогда выберите любой из этих уроков:

how to create a realistic werewolf photo manipulation in photoshophow to create a realistic werewolf photo manipulation in photoshophow to create a realistic werewolf photo manipulation in photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads