Unlimited AE and Premiere Pro templates, videos & more! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Photo Effects

Как создать магическую фотоманипуляцию: окончательный монтаж

by
Difficulty:AdvancedLength:LongLanguages:

Russian (Pусский) translation by Гульнара Ахметова (you can also view the original English article)

Художники часто работают с группой отдельных лиц в процессе работы над проектом. Эта группа может состоять из клиента, креативного директора, арт-директора, фотографа, ретушера и графического дизайнера. В этом руководстве, состоящем из двух частей,я,  работая с Натальей Фобс (Natalie Fobes), создал магическую фотоиллюстрацию, отображающую ребенка играющего со своими игрушками, которые стали живыми. В процессе создания нашей работы мы покажем Вам как не только сделать необходимые нам фотографии, но и так же как отретушировать их и скомбинировать их с стоковыми фотографиями для создания художественной работы, напоминающей набросок. Давайте начнем!

Фотосессия

Чтобы узнать как была сделана фотография для этого руководства, перейдите в уроке от Natalie в секции фотография на сайте Tuts+.

Видео скоростного создания

Длинное видео

Если Вы хотите увидеть замедленную версию видео, расположенного выше, мы также включили его, чтобы помочь Вам. Это видео длиной 45 минут  показывает процесс создания в реальном времени, ускоренном на 350%. К сожалению это видео без звука.

Обратите внимание: В этом руководстве очень активно используются Корректирующие слои (Adjustment Layers) и Обтравочные маски (Clipping Masks). Если Вы не знаете как работать с Обтравочными масками (Clipping Masks) и Корректирующими слоями (Adjustment Layers), взгляните на видео ниже или просмотрите руководство от  Martin Perhiniak по Обтравочным маскам и Корректирующим слоям.


Материалы урока 

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


Планирование иллюстрации

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

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


1. Подготовка комнаты

Шаг 1

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

Step 01Step 01Step 01

Используя инструмент Штамп (Clone Stamp  Tool (S)),удалите ненужные нам объекты, такие как свет и отражатель.

Step 01Step 01Step 01

Теперь используя Быструю маску Quick Mask (Q), затемните области тени с помощью корректирующего слоя Кривые.

Step 01Step 01Step 01
Step 01

Для усиления света из окна, сделайте объединенную копию (Command/Ctrl-Shift-Alt-E) и установите Режим наложения - Экран и непрозрачность 35%. Теперь примените маску в направлении света.

Step 01Step 01Step 01

2. Вставляем девочку в сцену

Шаг 1

Откройте фото девочки, чтобы вставить ее в сцену. Используя инструмент Перо  Pen Tool (P), создайте выделение вокруг девочки и установите размер растушевки 0,5 пикселей.

Step 01Step 01Step 01

Теперь создаем маску для волос, перейдите в Каналы (Channels)  и скопируйте красный канал, используя Настройку уровней (Levels Adjustment (Command/Ctrl-L)), увеличьте контраст до тех пор, пока основными цветами не будут черный и белый.  На данном этапе единственное, что имеет значение -это края волос.

Step 01Step 01Step 01

Зажав клавишу Command/Ctrl, кликните на канале, который Вы только что создали, чтобы Выбрать его , и на маске, которую вы создали ранее, нарисуйте белым цветом, чтобы показать края волос.

Step 01Step 01Step 01

Используя Марионеточную деформацию (Puppet Warp) , отрегулируйте предплечье девушки, чтобы она выглядела так, как будто  она указывает туда, куда она смотрит.

Step 01Step 01Step 01

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

Step 01
Step 01Step 01Step 01

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

Step 01
Step 01Step 01Step 01

3. Вставляем игрушки 

Шаг 1

Откройте изображения игрушек ( из материалов урока, представленных выше) и используя инструмент Перо (Pen Tool (P) вырежьте их.  Для плавного выделения, установите значение растушевки от 0,5 до 1,0.

Установите вырезанные игрушки в изображение. Начнем с панды на заднем фоне на комоде. Замаскируйте и установите как показано на изображении. Снизьте  немного уровень света с помощью корректирующего слоя Цветовой тон/Насыщенность (Hue/Saturation) и установите уровень Яркости (Lightness) на -20. 

Step 01Step 01Step 01

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

Step 01Step 01Step 01

Для света используйте корректирующий слой Кривые, как показано на примере ниже.

Step 01

Замаскируйте части, которым нужен свет.

Step 01Step 01Step 01

Для тени на стене Вы можете использовать то же самое выделение медведя, сдвиньте его в сторону и затемните цвет стены с помощью корректирующего слоя Кривые.

Step 01Step 01Step 01

Шаг 2

Для мишки на кровати снизьте уровень света с помощью слоя Цветовой тон/Насыщенность (Hue/Saturation) и установите уровень Яркости (Lightness) на -35

Step 02Step 02Step 02

После этого используйте корректирующий слой Кривые для создания тени как показано ниже.

Step 02
Step 02Step 02Step 02

Для создания света, установите значение слоя Кривые как показано ниже.

Step 02

Следуйте за направлением света.

Step 02Step 02Step 02

Для создания тени там где медведь контрастирует с кроватью, возьмите исходное изображение и установите Режим наложенияУмножение.

Step 02Step 02Step 02

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

Step 02Step 02Step 02

Чтобы создать самую большую тень, используйте выделение медведя, перевернув его вверх дном с затемнением по кривой от верхушки до низа.

Step 02Step 02Step 02

Шаг 3

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

Step 03Step 03Step 03

Создайте свет с помощью слоя Кривые и следуйте за направлением света из окна.

Step 03
Step 03Step 03Step 03

Для создания тени используйте другой корректирующий слой Кривые.

Step 03

Замаскируйте теневую область.

Step 03Step 03Step 03

Теперь мы создадим очень мягкую тень, отражающуюся на стене. Для этого создадим то же самое  выделение мишки нажав на обтравочную маску выше, зажав клавишу Command/Ctrl. После этого используйте инструмент Растушевка (Feather Tool (Shift-F6)) и установите значение 50.0 и создайте однородный цвет #74584f  и установите 30 % Непрозрачность и Режим наложения - Умножение.

Step 03Step 03Step 03

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

Step 03Step 03Step 03

Шаг 4

Теперь откройте изображение двух мишек и расположите их на полу.

Step 04Step 04Step 04

С помощью корректирующего слоя Цветовой тон/Насыщенность (Hue/Saturation) снизьте уровень Яркости (Lightness) до -45.  Теперь используйте Кривые для создания тени.

Step 04
Step 04Step 04Step 04

С помощью другого слоя Кривые создайте свет.

Step 04
Step 04Step 04Step 04

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

Step 04Step 04Step 04

Затем зажмите Command/Ctrl-Shift-U  чтобы Обесцветить (Desaturate)  и установите  Режим наложения - Умножение (Blend Mode- Multiply).

Step 04Step 04Step 04

Шаг 5

Откройте фото доски для рисования и переверните ее (Edit Transform Flip Horizontal), далее  поверните так как показано на изображении ниже.

Step 05Step 05Step 05

С помощью инструмента Перо (Pen Tool (P)) спрячьте часть игрушки в комод, в разделе Цветовой тон/Насыщенность установите уровень Яркости -30 чтобы отрегулировать освещение.

Step 05Step 05Step 05

Теперь используя корректирующий слой Кривые создайте тени.

Step 5
Step 05Step 05Step 05

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

Step 05
Step 05Step 05Step 05

Шаг 6

Открыв изображение динозавра, поверните и поместите его как показано на изображении ниже.

Step 06Step 06Step 06

После этого замаскируйте динозавра снизив свет используя Цветовой тон/Насыщенность, установив значение Яркости -10 и корректирующий слой Кривые для создания тени.

Step 06br figurefigure classStep 06Step 06Step 06

Используйте другой корректирующий слой Кривые для создания бликов.

Step 06
Step 06Step 06Step 06

Для создания тени на полу создайте слой однотонного черного цвета с Режимом наложения - Умножение. Установите уровень Непрозрачности 75%. Мягкой кистью нарисуйте на маске в диагональном направлении под ногой динозавра.

Step 06Step 06Step 06
Step 06Step 06Step 06

Шаг 7

Откройте изображение резиновой уточки и поместите ее между кроватью и динозавром, используя Цветовой тон/Насыщенность уменьшите уровень Яркости до -20.

Step 07Step 07Step 07

Теперь используя Кривые, создайте блики.

Step 07
Step 07Step 07Step 07

Добавьте другой корректирующий слой Кривые для создания тени.

Step 07
Step 07Step 07Step 07

Для создания тени на полу используйте ту же самую технику как мы использовали для изображения мишки на кровати. Сделайте копию изображения резиновой утки и замаскируйте область тени.

Step 07Step 07Step 07

Установите Режим наложения - Умножение и замаскируйте верхнюю часть для корректировки перспективы.

Step 07Step 07Step 07
Step 07Step 07Step 07
Step 07Step 07Step 07

Шаг 8

Вставьте кролика в сцену, поверните и разместите его так как показано ниже.

Step 08Step 08Step 08

Используйте слой Цветовой тон/Насыщенность, чтобы отрегулировать уровень Яркости до -25.

Step 08Step 08Step 08

Для теней используйте Кривые для создания темных областей.

Step 8
Step 08Step 08Step 08

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

Step 08
Step 08Step 08Step 08

Шаг 9

Откройте изображение червя и расположите его на ноге девочки.

Step 09Step 09Step 09

После того как Вы расположили его, немного уменьшите уровень света с помощью Цветового тона/Насыщенности. Установите уровень Яркости -30.

Step 09Step 09Step 09

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

Step 09
Step 09Step 09Step 09

Для создания теней используйте другой слой Кривые.

Step 09
Step 09Step 09Step 09

Для придания контраста месту где червь стоит на ноге девочки, Вырежьте исходное изображение и установите Режим наложения - Умножение.

Step 09Step 09Step 09

Для создания самой большой тени создайте слой плотного черного цвета, установите Режим наложения Умножение и Непрозрачность 30%. Мягкой кистью нарисуйте на маске следуя изгибам ноги.

Step 09Step 09Step 09
Step 09Step 09Step 09
Step 09Step 09Step 09

Шаг 10

Откройте изображение самолета, поверните его по горизонтали и расположите его близко к окну.

Step 10Step 10Step 10

Так как игрушка рядом с окном, она будет обесцвечена и светлее, поэтому  используя Цветовой тон / Насыщенность установите значение Яркости +15 и Насыщенность до -35.

Step 10Step 10Step 10

Чтобы вернуть контраст создайте новый корректирующий слов Черное & Белое и установите Режим наложения - Мягкий свет.

Step 10Step 10Step 10

Теперь увеличьте свет с помощью Кривых.

Step 10
Step 10Step 10Step 10

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

Step 10
Step 10Step 10Step 10

Теперь пора начать создавать размытие в действии для придания чувства движения. Дублируйте всю обработанную поверхность самолета и объедините  с помощью  комбинации клавиш Command/Ctrl-E, после этого используйте  Motion Blur и установить угол 15 и расстояние до 500. Сдвиньте немного слой вправо и спрячьте его, так чтобы показать только след.

Step 10Step 10Step 10
Step 10Step 10Step 10

В последнем шаге мы придадим движение пропеллеру. Сначала сделайте копию самолета и вырежьте только пропеллер.

Step 10Step 10Step 10

Затем выравняйте по горизонтали.

Step 10Step 10Step 10

После этого сделайте квадратное выделение с пропеллером по центру и установите Радиальное размытие с значением
30 и задайте кольцевой метод и хорошее качество.

Step 10Step 10Step 10
Step 10Step 10Step 10

Скопируйте слой и поверните его по вертикали пока слои не станут перпендикулярны друг другу.

Step 10Step 10Step 10

Используя инструмент Деформация (Distort Tool (Edit > Transform > Distort)), поставьте пропеллер в подходящую перспективу.

Step 10Step 10Step 10

Закончите работу с самолетом, стерев мягкой кистью пропеллер в маске самолета.

Step 10Step 10Step 10
Step 10Step 10Step 10
Step 10Step 10Step 10

Шаг 11

Расположите ракету рядом с окном.

Step 11Step 11Step 11

Так как игрушка рядом с окном она будет ярче, используя Цветовой тон/Насыщенность установите уровень Яркости +30.

Step 11
Step 11Step 11Step 11

Для добавления света используйте корректирующий слой Кривые и замаскируйте относительно направлению света.

Step 11Step 11Step 11
Step 11
Step 11Step 11Step 11

Для создания Размытия в движении, скопируйте ракету и установите значение Размытия в движении -50 и 500 пикселей.

Step 11Step 11Step 11

Замаскируйте размытие в движении так чтобы оно было только в шлейфе ракеты.

Step 11Step 11Step 11

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

Step 11Step 11Step 11

Установите Режим наложения - Экран и оставьте только фейерверки.

Step 11Step 11Step 11

После этого мы подчеркнем цвета. Создайте слой Цветовой тон/Насыщенность (Hue/Saturation), выберите Тонировать (Colorize) чтобы превратить в красный и установите Насыщенность ( Saturation)  +100, свяжите с корректирующий слой с слоем с фейерверками, используя Обтравочную маску.

Step 11
Step 11Step 11Step 11

Для усиления желтого цвета, используйте тот же самый процесс. Создайте новый слой Цветовой тон/Насыщенность (Hue/Saturation Layer) и выберите параметр Тонировать (Colorize), установите Цветовой тон 40 и Насыщенность 100.  После этого нарисуйте на маске так чтобы тонировать только начало пламени.

Step 11
Step 11Step 11Step 11
Step 11Step 11Step 11

Для усиления контраста и яркости, скопируйте все слои фейерверка и объедините их (Command/Ctrl-E), затем измените Режим наложения на Перекрытие и спрячьте некоторые части.

Step 11Step 11Step 11

4. Создание Феи

Шаг 1

Для феи откройте изображение летающей девочки, расположите ее и поверните по горизонтали.

Step 1Step 1Step 1

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

Step 1Step 1Step 1

Для другой руки, откройте изображение балерины и вырежьте только поднятую руку.

Step 1Step 1Step 1
Step 1Step 1Step 1

Теперь уменьшите размер руки и расположите как на изображении ниже.

Step 1Step 1Step 1

Теперь пора получить правильный свет. Затемните немного руку и девочку с помощью слоя Цветовой тон/Насыщенности и установив уровень Яркости -15.

Step 1Step 1Step 1

Используйте слой Цветовой тон/Насыщенность чтобы поменять цвет платья девочки. Установите параметр слоя Тонировать и установите Насыщенность 30 и замаскируйте только платье.

Step 1
Step 1Step 1Step 1

С помощью корректирующего слоя Кривые, добавьте контраст ногам девочки.

Step 1
Step 1Step 1Step 1

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

Step 1Step 1Step 1
Step 1Step 1Step 1

Шаг 2

Чтобы создать крылья, используйте изображение феи.

Step 2Step 2Step 2

Попробуйте сделать форму естественной и плавной.

Step 2Step 2Step 2

Скопируйте изображение крыла  и установите  Режим наложения - Затемнение основы и измените изображения для придания плавного движения, затем скройте некоторые части.

Step 2Step 2Step 2
Step 2Step 2Step 2

Скопируйте слои, которые Вы только что создали, установите Непрозрачность 65% и поверните для создания кончика крыла, затем снова и скройте некоторые части для лучшей интеграции.

Step 2Step 2Step 2
Step 2Step 2Step 2

Сделайте копию этих двух слоем, но измените режим наложения на Замена светлым и скройте некоторые части, оставляя открытыми только освещенные части.

Step 2Step 2Step 2
Step 2Step 2Step 2

Затем откройте изображение световых эффектов и деформируйте его для создания световой дорожки.

Step 2Step 2Step 2

Чтобы световая дорожка гармонировала с изображением, используйте корректирующий слой Цветовой тон/Насыщенность и измените цвет с голубого в розовый и установите Режим наложения Экран. Затем замаскируйте чтобы создать последовательную тропинку.

Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

Скопируйте этот новый слой и используйте другую часть изображения для создания другой световой дорожки  ниже первой, измените Режим Наложения на Перекрытие и Непрозрачность 65%.

Step 2Step 2Step 2

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

Step 2Step 2Step 2

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

Step 2Step 2Step 2

После этого расположите их в разных местах вокруг феи.

Step 2Step 2Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

Теперь добавь две большие вспышки между девочкой и феей.

Step 2Step 2Step 2
Step 2Step 2Step 2

Используйте Цветовой тон/Насыщенность для придания розового тона большим вспышкам. Отметьте параметр Тонировать и установите Насыщенность 100 и Яркость -5. Не забудьте связать с корректирующим слоем с помощью Обтравочной маски.

Step 2
Step 2Step 2Step 2
Step 2Step 2Step 2

5. Окружающая среда и настроение 

На финишной прямой мы создадим настроение для всей картины, включая цвета, контрастность, яркость, и все детали, связанные с окончательным видом.

Шаг 1 

Начнем я обесцвечивания изображения с помощью Цветового тона/Насыщенности, установив значение Насыщенности -40.

Step 1

Чтобы придать больше контрасту изображению, создадим новый слой Черное & Белое и установим Режим Наложения Мягкий свет и непрозрачность 60%, затем создадим новый корректирующий слой Яркость/Контраст, задав значение Яркость 5 и Контраст 10.

Step 1

На этом этапе изображение должно выглядеть так:

Step 1Step 1Step 1

Шаг 2

Теперь мы добавим немного цвета  изображению. Создайте слой Карты Градиента согласно следующему изображению.

Step 1Step 1Step 1

Используйте цветовые коды данные  ниже и установите Режим наложения Мягкий свет и Непрозрачность 60%.

Step 1Step 1Step 1

Эта корректировка предаст  теплый тон всему изображению.

Step 1Step 1Step 1

Теперь добавьте несколько прохладных тонов  тени. Создайте корректирующий слой Цветовой баланс.

Step 1

Затем маскируем этот слой, выбрав только  тени. Вы можете перейти в раздел Каналы, зажав Command/Ctrl и нажмите на синий канал, чтобы сделать выбор. Установите значение размытие около 10, маска должна выглядеть как на изображении ниже.

Step 1Step 1Step 1
Step 1Step 1Step 1

Используя ту же самую маску создайте слой Фотофильтр.

Step 1

После этого заканчивая наш урок  добавим немного Вибрации и Насыщенности.

Step 1

Вы можете увидеть разницу, появившуюся после описанных выше корректив, сравнив изображения ниже.

Step 1Step 1Step 1
Step 1Step 1Step 1

Заключение

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

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.