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

Фотосессия

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

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

Speed Art: Use Custom and Stock Photography to Create a Magical Photo Manipulation

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

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

Use Custom and Stock Photography to Create a Magical Photo Manipulation (Full Video - No Audio)

---

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

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

• Сборник бесплатных изображений
• Мишка #1
• Мишка #2
• Мишка #3
• Кролик
• Червяк
• Утка
• Динозавр
• Ракета
• Самолет
• Фейерверк
• Световой эффект
• Вспышки
• Фея
• Рука феи
• Крылья феи

---

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

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

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

---

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

Шаг 1

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

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

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

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

---

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

Шаг 1

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

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

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

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

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

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

---

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

Шаг 1

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

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

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

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

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

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

Шаг 2

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

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

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

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

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

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

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

Шаг 3

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

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

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

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

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

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

Шаг 4

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

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

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

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

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

Шаг 5

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

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

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

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

Шаг 6

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

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

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

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

Шаг 7

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

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

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

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

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

Шаг 8

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

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

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

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

Шаг 9

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

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

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

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

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

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

Шаг 10

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 11

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

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

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

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

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

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

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

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

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

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

---

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

Шаг 1

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

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

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

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

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

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

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

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

Шаг 2

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

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

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

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

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

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

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

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

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

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

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

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

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

---

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

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

Шаг 1 

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

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

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

Шаг 2

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

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

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

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

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

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

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

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

---

Заключение

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