Russian (Pусский) translation by Anna K (you can also view the original English article)
Леди и
Бродяга – это очаровательный диснеевский мультфильм 1950-х годов о двух влюблённых
собаках. Сегодня у нас есть возможность обновить одну из самых знаковых сцен,
используя невероятные ресурсы и исходные изображения.
Итак,
давайте научимся создавать реалистичные фото манипуляции в стиле домашних питомцев
в Adobe Photoshop.
Найдите
вдохновение! Ещё больше невероятных ресурсов вы можете найти на Envato Market.
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
Поиск Вдохновения
Я
люблю получать вдохновение, просматривая старые фильмы для подтверждения информации.
И Леди и Бродяга не исключение. Это восхитительный анимационный фильм о
избалованном кокер-спаниеле и простаке, которые становятся друзьями, а в конце
влюблёнными четвероногими. Ах, как мило!
В
одной из самых знаковых сцен собаки находятся в переулке, разделяя тарелку
спагетти. Во время еды из одной тарелки они оба начинают есть одну пасту,
которая приводит их в очень милый собачий поцелуй.
Вдохновившись этой знаменитой сценой, мы проведём обширную работу по созданию фотоманипуляции, чтобы максимально реалистично воссоздать момент. Не стесняйтесь держать под рукой несколько стоковых изображений с этого мультфильма; Я обычно сохраняю свои изображения у себя в профиле на Pinterest.
Давайте
приступим!
1. Создаём Фон для Ночной Сцены
Шаг 1
Вначале мы создадим задний фон.
Чтобы создать документ с итоговыми размерами, откройте новый документ в Photoshop со следующими размерами 2000 x 1964 px.
Теперь
скопируйте / вклейте исходное изображение с аллеей на новый слой в качестве
заднего фона для нашей сцены. Отцентрируйте данное изображение, как показано на
скриншоте ниже.
Для усиления
глубины резкости, размойте переулок.
Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 2.5 px.
Результат должен быть, как на скриншоте ниже.
Шаг 2
Мы будем выполнять данную фотоманипуляцию частями. Поэтому, перед тем, как мы добавим питомцев и другие элементы сцены, давайте придадим данному изображению с аллеей ночной вид.
Добавьте
корректирующий слой Поиск цвета (Color Lookup), щёлкните правой кнопкой мыши по данному
корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску
(Create a Clipping Mask) к слою с аллеей.
В выпадающем меню 3DLUT File, установите фильтр:
- NightFromDay.CUBE
Теперь дневная сцена превратилась в ночную!
Давайте
подкорректируем цвет ещё немного для усиления синего тона.
Добавьте
корректирующий слой Поиск цвета (Color Lookup), щёлкните правой кнопкой мыши по данному
корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску
(Create a Clipping Mask) к слою с аллеей.
В выпадающем меню 3DLUT File, установите фильтр:
- Crisp_Winter.look
Шаг 3
Теперь давайте добавим немного тени.
Перейдите
на слой с изображением аллеи, а затем нажмите значок Создать новый слой (New Layer), чтобы создать ещё один обтравочный слой ниже
корректирующих слоёв Поиск цвета (Color Lookup).
Мы используем
данный слой, чтобы добавить синие тени на нижнюю часть изображения аллеи. С помощью
мягкой круглой кисть Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 70%,
цвет кисти #040522, добавьте синие тени на нижнюю часть аллеи слева и справа.
Не
забудьте добавить тени на среднюю часть изображения, но при этом, также позволяя
отдельной части света просвечиваться. Данная тень привлечёт больше внимания к
нашим персонажам, как только мы добавим их. Хотя, нам нужно, чтобы здания также
просматривались.
Наш задний фон на данный момент урока.
2. Добавляем Изображения Питомцев
Теперь, когда мы создали красивую синюю ночную сцену, мы можем добавить наши главные персонажи. Некоторые из этих шагов потребуют навыки цифровой техники рисования и большого терпения. Поэтому для достижения наилучшего результата потребуется графический планшет.
Начнём
с кокер спаниеля.
Шаг 1
С помощью
инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте активное выделение вокруг изображения
кокер спаниеля (известная также, как леди).
Скопируйте / вклейте выделенное изображение собаки на новый слой поверх созданного заднего. Поместите данное изображение в отдельную группу, назовите эту группу ‘Lady’.
Далее,
с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), чтобы слегка повернуть изображение собаки под небольшим
углом.
Шаг 2
Теперь добавьте слой-маску к слою с леди.
- С помощью мягкой круглой кисть среднего размера Жёсткостью (Hardness) 50-80% и Непрозрачностью (Opacity) 90%, цвет кисти чёрный, прокрасьте серый задний фон на изображении, чтобы удалить его. Почистите все края вокруг кокер спаниеля, как можно лучше.
- Нажмите
клавиши (Ctrl+J), чтобы продублировать слой с леди. Перейдите на маску
дубликата слоя, чтобы удалить полностью тело за исключением её головы.
- Нам нужно создать более симпатичное выражение на её лице, поэтому нам нужно повернуть (Ctrl+T) голову против часовой стрелки, чтобы получить изящное, взведённое выражение.
Шаг 3
Давайте добавим её знаменитый сине-золотой ошейник.
Создайте
новый слой, преобразуйте данный слой в обтравочную маску к слою с группой ‘Lady’.
С помощью
жёсткой круглой кисть Жёсткостью (Hardness) 80-100%
и Непрозрачностью (Opacity) 100%, цвет кисти синий #1f19f9,
нарисуйте вначале ошейник, далее, переключите цвет кисти на золотистый оттенок #bb9861, чтобы
нарисовать жетон на ошейнике в виде ромба.
Шаг 4
Перед тем, как добавить тени, давайте добавим вторую собаку.
С
изображением бродяги придётся немного больше поработать. Но я верю, что у вас
всё получится!
Повторяем те же самые шаги, что и ранее.
- Создайте активное выделение вокруг изображения второй собаки (известного также, как бродяга), а затем скопируйте / вклейте выделенное изображение на новый слой поверх слоёв, относящихся к леди. Примените масштабирование (Ctrl+T), сделав его слегка больше, чем леди, а затем поместите его в отдельную группу.
- Теперь
с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте выделение вокруг его головы. Скопируйте / вклейте
выделенное изображение головы на новый слой, а затем поверните его голову по
часовой стрелке для создания милого выражения.
- Убедитесь,
что голова выровнена с телом, а затем объедините эти два слоя вместе. Теперь
добавьте слой-маску к объединённому слою собаки. С помощью слой-маски, скройте верхние
участки заднего фона вокруг его тела, используя мягкую или средней жёсткости круглую
кисть.
Шаг 5
Продолжаем работать над бродягой.
- Отразите изображение бродяги по горизонтали, чтобы он был обращён к леди. Находясь на объединённом слое, идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal).
- Собака, которую мы используем, - это просто щенок, поэтому нам нужно заставить его выглядеть старше. Находясь на объединённом слое, идём Фильтр – Пластика (Filter> Liquify). Используйте инструмент Деформация (Forward Warp Tool (W), чтобы удлинить его морду, вытяните его уши, как в мультфильме, а также втяните его шею с обеих сторон.
Результат должен быть, как на скриншоте ниже.
Не переживайте, что сцена беспорядочно - мы скоро всё исправим!
Шаг 6
Поскольку обе собачки на месте, мы можем приступить к добавлению теней и деталей.
Давайте начнём с леди.
- Возвращаемся
к слою с группой с леди ‘Lady’, создайте новый слой в качестве обтравочной маски к слою
с группой.
- С
помощью кисти тёмно-коричневого цвета
#160807, нарисуйте привлекательные детали на её лице, например, ресницы, брови и определённую милую улыбку. Также заполните отдельные участки возле ушей тенью. В этом шаге используйте Жёсткую Круглой Кистью Нажим Непрозрачность.
- Создайте
ещё один новый слой в качестве обтравочной маски поверх предыдущего слоя. Поменяйте
режим наложения для данного слоя на Умножение (Multiply) и с
помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и
Непрозрачностью (Opacity) 70%, цвет кисти красно-коричневый
#52241f, добавьте тени на нижние участки её ушей, шею и лоб.
Шаг 7
Проделайте то же самое с изображение бродяги.
Процесс
коррекции кистью для этой собаки будет намного сложнее, потому что мы, по сути,
проводим собачью хирургию. Чтобы его лицо выглядело более мультяшным, нам нужно
изменить цвет его меха и перерисовать глаза.
- Создайте
новый слой в качестве обтравочной маски к слою с группой с бродягой. У оригинального
меха бродяги серые бока и белая середина, поэтому, с помощью мягкой круглой кисти
Жёсткостью (Hardness) 0-20% и Непрозрачностью (Opacity) 50%,
цвет кисти серый
#20272a, затените левую и правую стороны. - Добавьте
новый слой в качестве обтравочной маски, чтобы усилить тени, используйте цвет кисти
коричневый
#1a0902, прокрасьте кистью под его ушами, а также с обеих сторон его шерсти.
Продолжайте работать над его шерстью.
Нам нужно будет существенно переделать его шерсть, и это займет время, так что наберитесь терпения на этом шаге. Обратитесь к изображениям оригинального мультипликационного персонажа, чтобы понять, как он в конечном итоге должен выглядеть.
- Создайте
ещё один новый слой в качестве обтравочной маски к слою с группой с бродягой,
поменяйте режим наложения для данного слоя на Цветность (Color).
- Нарисуйте
сплошной слой серого цвета
#131512полностью поверх собаки.
- Теперь
начните добавлять детали к его лицу. Сначала затемните его глаза, а затем
нарисуйте брови и определенный нос и рот с помощью Жёсткой Круглой Нажим Размер
Кисти. Начните
рисовать белый мех вокруг его рта в соответствии с оригинальным персонажем. Здесь
отлично подойдут короткие изогнутые мазки кистью.
- Продолжайте добавлять детали. Добавьте
белые блики к его глазам для усиления индивидуальности. Убедитесь, что белые
точки смотрят в одном направлении, так как нам нужно, чтобы он отвлекался на
бабочку.
3. Добавляем Элементы Пикника
Отличная работа на данный момент!
Теперь нам нужно добавить стол для пикника, а также все остальные элементы, такие как освещение и еда.
Шаг 1
Давайте начнём со стола.
- Как и в предыдущих шагах, создайте активное выделение вокруг изображения стола для пикника, скопируйте / вклейте выделенный стол на новый слой поверх всех остальных слоёв. Расположите стол перед собаками и с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T), откорректируйте его размер, изменяя перспективу, если это необходимо.
- Далее,
добавьте слой-маску к слою со столом. С помощью слой-маски, скройте оставшиеся
участки заднего фона, создав отличный аккуратный результат.
Пока у нас есть отличный стол, который соответствует оригинальному рисунку скатерти, но теперь нам нужно изменить цвета.
Шаг 2
Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue and Saturation) в качестве обтравочной маски к слою со столом.
Установите следующие настройки:
- Цветовой
тон (Hue): 157
- Насыщенность
(Saturation): -4
- Яркость
(Lightness): 2
Добавьте
корректирующий слой Поиск цвета (Color Lookup) в качестве обтравочной маски поверх предыдущего
корректирующего слоя.
В выпадающем меню 3DLUT File, установите фильтр HorrorBlue.3DL, а затем поменяйте режим наложения для данного корректирующего слоя на Светлее (Lighter Color), а также уменьшите Непрозрачность (Opacity) слоя до 45%.
Шаг 3
Украсьте стол, как в кино! Давайте добавим тарелку спагетти.
Выделите
спагетти, а затем скопируйте / вклейте выделенное изображение на новый слой поверх
слоя со столом.
Расположите
тарелку со спагетти прямо в центре стола, а затем добавьте слой-маску для
коррекции краёв.
Шаг 4
Далее,
добавьте 3D объекты,
свечу и корзинку с хлебом.
Сначала
добавьте свечу. Скачайте нужный вам угол перспективы, а затем скопируйте /
вклейте выбранное изображение свечи на новый слой поверх всех остальных слоёв, убедившись,
что свеча умещается на столе. Продублируйте
(Ctrl+J) свечу, чтобы поставить другую рядом с ней, но на
этот раз сделайте дубликат свечи немного меньше.
Когда вы закончите, скопируйте / вклейте изображение корзинки с хлебом на новый слой, примените масштабирование, чтобы корзинка уместилась на столе. Расположите корзинку с хлебом слева от свечей.
Шаг 5
Перед тем, как мы приступим к цветовой коррекции всей сцены, давайте настроим освещение.
Создайте новый слой в качестве обтравочной маски к слою со столом. Добавьте чёрные тени поверх стола, а также на фронтальную часть. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 1-20%, акцентируйте тень под определёнными предметами, например, под тарелкой со спагетти, свечами и корзиной.
Продолжайте дорабатывать освещение на всех остальных элементах.
Поскольку
свет исходит от двух свечей, убедитесь, что более насыщенные тени падают в
основном на левую сторону.
Создайте новые слои в качестве обтравочной маски к слоям с корзинкой и свечами. С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 1-20%, добавьте чёрные тени на левую сторону указанных объектов.
Не
забудьте добавить тени вокруг отдельных батонов хлеба - это поможет усилить общий
реализм.
4. Проводим Цветовую Коррекцию Всей Сцены
Как
только освещение настроено, мы можем начать использовать больше корректирующих
слоёв, чтобы настроить общую цветовую схему.
Как и
в предыдущих шагах, нам нужно будет настроить отдельные фрагменты по
отдельности, используя обтравочные маски.
Шаг 1
Давайте начнём с тарелки со спагетти.
Добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою с тарелкой со спагетти. Откорректируйте кривые для RGB и Синего (Blue) каналов, как показано на скриншоте ниже.
Шаг 2
Переходим к корзинке хлеба.
Добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою с корзинкой хлеба. Откорректируйте кривые для RGB, Зелёного (Green) и Синего (Blue) каналов, как показано на скриншоте ниже.
Далее, мы переходим к свечам.
Добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски к слою со свечами. Откорректируйте кривые для RGB, Красного (Red), Зелёного (Green) и Синего (Blue) каналов, как показано на скриншоте ниже.
На скриншоте ниже вы можете увидеть результат после проведения индивидуальной цветовой коррекции.
На данный
момент цвета могут показаться, что разбегаются, но теперь мы можем
действительно объединить все элементы сцены с помощью заключительной цветовой
коррекции.
Шаг 3
Создайте
новый слой поверх всех остальных слоёв и с помощью инструмента Заливка (Paint Bucket Tool (G), залейте этот слой коралловым оттенком #946c6e. Поменяйте
режим наложения для данного слоя на Мягкий свет (Soft Light), а затем уменьшите Непрозрачность (Opacity) слоя
до 82%.
Добавьте корректирующий слой Поиск цвета (Color Lookup) поверх предыдущего слоя. В выпадающем меню 3DLUT File, установите фильтр LateSunset.3DL, а затем поменяйте режим наложения для данного корректирующего слоя на Яркость (Luminosity), а также уменьшите Непрозрачность (Opacity) слоя до 80%.
Итак, мы
значительно затемнили цветовую гамму, чтобы она соответствовала ощущениям ночного
времени.
Шаг 4
Прежде чем двигаться дальше, не забудьте добавить кусты роз!
Скачайте
3D объект
с кустом роз, а затем скопируйте / вклейте розы на новый слой поверх всех остальных
слоёв. Нажмите клавиши (Ctrl+J), чтобы создать дубликат слоя, а затем расположите
каждый куст с розами с левой и с правой стороны стола. Объедините оба слоя с кустами
роз в один слой.
Чтобы усилить глубину резкости на переднем плане, добавьте размытие. Находясь на объединённом слоя с кустами роз, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), установите Радиус (Radius) размытия на 2 px.
Далее,
проведите коррекцию цвета роз. Добавьте корректирующий слой Кривые (Curves) в качестве
обтравочной маски к слою с кустами роз. Откорректируйте кривые для RGB и
Синего (Blue) каналов, как показано на скриншоте выше. Освещение
должно соответствовать тематике ночи.
Шаг 5
Добавьте
мягкий эффект виньетки, чтобы усилить больше внимание на наших персонажах.
Создайте
новый слой поверх всех остальных слоёв и с помощью мягкой круглой кисти Жёсткостью
(Hardness) 0% и Непрозрачностью (Opacity) 20%,
прокрасьте чёрной кистью края вокруг сцены. Этот резкий контраст поможет
выделить собак в центре нашей сцены.
Шаг 6
Далее, добавьте тонкую нить спагетти и бабочку.
- Скопируйте / вклейте 3D объект бабочки на новый отдельный слой. Расположите её по центру между собаками, а также откорректируйте её размер с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T).
- Теперь
создайте новый слой и с помощью инструмента Перо (Pen Tool (P), создайте кривую линии в виде спагетти, которая
соединяет обеих собак.
- Щёлкните правой кнопкой мыши на нарисованному контуру, чтобы выполнить обводку белым цветом с помощью жёсткой круглой кисти, размер кисти 4 px.
- Давайте
раскрасим нить спагетти, которую мы нарисовали. Щёлкните правой кнопкой по изогнутой
линии спагетти и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Наложение градиента (Gradient Overlay), установите следующие настройки, которые указаны
выше. Создайте градиент со следующими цветами: коричневый
#312c25и желтовато-коричневый#aa9780, а также добавьте коричневые тени в качестве отражающего эффекта.
Шаг 7
Пришло время для свечения!
Создайте
новый слой, а затем поменяйте режим наложения на Линейный свет (Linear Light). С помощью мягкой круглой кисти Жёсткостью (Hardness) 0% и
Непрозрачностью (Opacity) 50%, цвет кисти ярко-жёлтый #ffc281,
прокрасьте вокруг свечей и собак.
На том
же слое, добавьте большое мягкое пятно светло-фиолетового цвета #a88fd2 в
центре сцены.
Шаг 8
Далее, добавьте звёзды и Луну!
Создайте
новый слой с помощью жёсткой круглой кисти Жёсткостью (Hardness) 100%
и Непрозрачностью (Opacity) 100%, цвет кисти белый, нарисуйте звёздочки на небе
и мелкие точки вокруг обеих собак. Далее, с помощью мягкой круглой кисти
Жёсткостью (Hardness) 0% и Непрозрачностью (Opacity) 100%,
нарисуйте большую белую Луну в небе.
Не стесняйтесь параллельно проводить коррекцию любых теней!
Результат
на данный момент урока. Отличная работа!
Шаг 9
Эти последние шаги помогут привести в порядок наш портрет. Поскольку цвета всё ещё требуют небольшой цветовой коррекции, давайте быстро пройдемся по паре корректирующих слоёв.
Поверх всех остальных слоёв в панели Слои (Layers), Добавьте корректирующий слой Кривые (Curves). Откорректируйте кривые для RGB, Зелёного (Green) и Синего (Blue) каналов, как показано на скриншоте ниже.
Далее, добавьте корректирующий слой Цветовой Баланс (Color Balance). Примените следующие значения для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights).
Шаг 10
Далее,
добавьте корректирующий слой Карта градиента (Gradient Map). Установите следующие цвета градиента от коричневого
#1f0e08 до белого, а также установите Линейный градиент (Linear Gradient), а затем поменяйте режим наложения для данного
корректирующего слоя на Яркость (Luminosity).
Далее, добавьте корректирующий слой Уровни (Levels). Откорректируйте значения для RGB, Зелёного (Green), Красного (Red) и Синего (Blue) каналов, как показано на скриншоте ниже.
- RGB:
0, 0.91, 218, 9, 255
- Green: 0, 0.91, 220, 5, 221
- Red: 14, 1, 255, 9, 186
- Blue: 0, 0.91, 227, 0, 221
Шаг 11
Теперь воспользуйтесь этой возможностью, чтобы доработать портрет, добавив блики и дополнительные детали.
Здесь
я решила использовать мягкую или жёсткую круглую непрозрачность кисть для
определённых участков, таких как блики на хлебе, кустах роз и собаках. Но
только создавайте более яркие блики на участках ближе к свечам.
Вы
также можете добавить дополнительную текстуру на их лица, нарисовав больше меха
на их телах. Добавьте больше меха вокруг его рта, чтобы усилить выражение его
лица, а также добавьте ей больше волосков по краям для создания красивого перехода
с задним фоном.
Шаг 12
Заключительный шаг включает в себя две простые коррекции.
Создайте
новый слой поверх всех остальных слоёв, залейте этот слой синим оттенком #1a1a42. Поменяйте
режим наложения для данного слоя на Замена светлым (Lighten), а
также уменьшите Непрозрачность (Opacity) слоя до 38%. С помощью инструмента Ластик (Eraser Tool (E), удалите любые синие вкрапления на лицах собак.
Теперь
усильте цвет с помощью последнего корректирующего слоя Уровни (Levels). Примените
следующие значения для создания чёткой синей ночной сцены.
- RGB: 0, 0.80, 211, 0, 255
- Green: 15, 1.23, 251, 0, 255
- Red: 11, 1.07, 244, 14, 255
- Blue: 0,1.20, 220, 0, 255
Вы можете увидеть конечный результат на скриншоте ниже!
Заключение
Влюбитесь
в отличные фото манипуляции. Эти весёлые проекты действительно помогают мне
расширить творческий потенциал, и я надеюсь, что вы вдохновились попробовать
что-то новое. И дайте мне знать, есть ли другие анимационные фильмы, которые вы
хотели бы увидеть в следующем уроке!
Как ваши дела? Поделитесь своими результатами в комментариях!
Ещё
больше интересных фото манипуляций, вы может увидеть, просмотрев следующие уроки
и статьи:
Фото МанипуляцияСоздаём Сцену с Египетской Богиней в Adobe Photoshop
Adobe PhotoshopРуководство для Начинающих по Созданию Фото Манипуляций в Adobe Photoshop
