Наложение автомобилей на другое изображение в Photoshop

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

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

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

Наиболее трудоемкой частью создания сцены в этом уроке был подбор изображений, сочетаемых друг с другом.
Существует большое количество бесплатных ресурсов (фотобанков) где можно скачать крупные, качественные изображения, например, sxc.hu, morguefile.com, flickr.com и др., где можно подобрать нужные фотографии, чтобы потом не мучиться с исправлением перспективы и ракурсов предметов.

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

Вот какой коллаж с автомобилем в результате получился у меня:

Наложение автомобилей на другое изображение

После долгого поиска по Интернету, я нашел подходящее фоновое изображение в фотобанке sxc.hu:

1

Подбираем подходящий автомобиль

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

На flickr.com я нашёл этот автомобиль:

2

Открываем это изображение в Photoshop с помощью Ctrl+C и Ctrl+V переносим его на фоновую картинку. С помощью маски слоя удаляем окружающие автомобиль пиксели.

Особо стараться не надо, т.к. мы пока просто хотим посмотреть, подходит ли автомобиль к фону.

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

3

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

4

Вырезаем автомобиль из окружающего фона

Откройте исходное изображение автомобиля в Photoshop. Используйте инструмент "Перо" (Pen Tool) для создания контура вокруг машины:

5

Техника вырезки кузова сходна с методом, о котором рассказывается здесь.

Поле того, как Вы закончите с созданием контура, при активном инструменте "Перо", кликните правой клавишей мыши по контуру и в контекстном меню выберите пункт "Выделить область", поле чего контур преобразуется в выделенную область. Инструментом "Перемещение" (Move Tool) перетащите выделенную область на документ с дорогой:

9

Исправление отражений на поверхности объекта

Когда Вы берете объект из одного изображения (особенно, когда этот предмет имеет отражающие поверхности, как автомобиль), мы должны позаботится о том, что же всё-таки отражается на его поверхности. Конкретно в моём автомобиле на капоте отражаются облака и дерево. Облака то на заднем плане имеются, а вот дерева там нет.

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

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

Судя по отражению, это дерево без листьев, так что с учетом этого я нашел подходящую картинку:

6

Подготовка и вырезка дерева для монтажа

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

Для начала, дублируйте слой с деревом. При активном новом слое, нажмите Ctrl+U и понизьте параметр "Насыщенность" (Saturation) до -100, т.е. перетащите ползунок в крайнее левое положение.

Теперь надо затемнить картинку, сделаем это с помощью инструмента "Кривые". Нажмите комбинацию Ctrl+M и измените кривую, как показано на рисунке:

7

Теперь переходим непосредственно к вырезке дерева из окружающего фона. Идём по вкладке Выделение --> Цветовой диапазон (Select --> Color Range), перетащите ползунок "Разброс" (Fuzziness) в крайнее правое положение (значение 200) и кликните пипеткой по стволу дерева:

8

В результате дерево будет выделено. Нажмите Ctrl+J для копирования выделения на новый слой. Пройдите по вкладке Слои --> Обработка краёв --> Убрать белый ореол (Layer --> Matting --> Remove White Matte), в результате тонкие ветки дерева обретут более чёткие очертания.

У нас осталась земля, трава и кусты у основания дерева, но эти ненужные детали мы удалим позже. Главное и самое трудное мы сделали - выделили все, в том числе и тонкие ветки дерева.

Перенос дерева на основной документ и удаление ненужных деталей

С помощью инструмента "Перемещение" (Move Tool) или копированием/вставкой перенесите слой с деревом на основной документ выше слоя с автомобилем:

10

Уменьшите непрозрачность слоя с деревом, чтобы было видно детали под ним, уменьшите изображение с помощью "Свободной трансформации" примерно до 42% и разместите дерево в нужном месте, так, чтобы создать иллюзию того, что именно от этого дерева появилось отражение на капоте:

10

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

11

Вот что должно получиться в результате:

12

Затемняем фон

Для такого автомобиля фон кажется слишком светлым. Затемним его с помощью создания нового корректирующего слоя "Уровни" (Levels), передвиньте ползунок чёрных точек влево до начала гистограммы:

13

Добавляем тень к автомобилю

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

14

Обязательно отмените выделение, нажав Ctrl+D. Примените фильтр Размытие по Гауссу (Фильтр --> Размытие --> Размытие по Гауссу или Filter --> Blur --> Gaussian Blur), установите радиус на 12px, затем нажмите ОК для применения фильтра:

15

C помощью инструмента "Перемещение" (Move Tool) переместите размытый слой немного вниз и влево, чтобы он немного выступал за очертания автомобиля.

Добавьте слой-маску к слою с тенью и чёрной кистью удалите тень там. где её быть не должно: в верхней части авто, с боков, под колёсами:

16

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

17

На этот раз мы применим фильтр "Размытие в движении" (Motion Blur), находится он там же, где и "Размытие по Гауссу". Введите значение "Угол" (Angle) 30° и "Дистанцию" (Distance) 135 пикселей:

18

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

19

Затемнение шин

Создайте новый слой над слоем с авто. Возьмите черную кисть с жесткостью 0%, диаметром 20px и 20% непрозрачности, и закрасьте светлые области шин:

21

Вот как теперь должны выглядеть шины:

29

Ретушь лобового стекла

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

20

Теперь надо имитировать недостающее стекло. Методом проб и ошибок, инструментом "Пипетка" (Eyedropper Tool), методом взятия образца с внутренней стороны двери автомобиля, расположенной слева от рулевого колеса, я подобрал подходящий цвет (#576D86). Теперь создаём новый слой над слоем с авто, берём кисть с жёсткостью 0% и аккуратно закрашиваем дыру в стекле. Уменьшите непрозрачность этого слоя до 80%, это, позволяет видеть фон (дорогу и разделительную полосу) через стекло:

22

Смешивание цветов композиции

Чтобы получить цвета заднего плана и автомобиля соответствовали друг другу, добавим корректирующий слой "Карта градиента" (Gradient Map) поверх всех слоёв композиции.

В панели слоёв кликните по самому верхнему слою (сейчас это слой с деревом), затем нажмите на значок создания нового корректирующего слоя и выберите "Карта градиента" (Gradient Map) из списка. Далее в панели свойств корректирующего слоя кликните по градиенту и выберите из набора градиент под названием "Фиолетовый, оранжевый" (Violet, Orange):

23.jpg

В результате градиент в панели будет выглядеть так:

24

Уменьшите непрозрачность этого корректирующего слоя до 15%. Дублируйте этот слой, нажав Ctrl+J. Измените режим наложения копии на "Перекрытие" (Overlay) и переместите копию ниже оригинального слоя:

25

Вот как выглядит коллаж теперь:

26

Создания ощущения заката на коллаже

Задайте цвет переднего плана #FFAE00. Возьмите инструмент "Градиент", выберите тип "Зеркальный". Кликните в верхнем левом углу окна Photoshop по полоске с градиентом, чтобы открыть редактор градиента. Начальным цветом будет цвет #FFAE00, а конечный цвет не имеет значения, просто сделайте его непрозрачность 0%. Кроме того, сдвиньте несколько вправо контрольную точку начального цвета:

26

Протащите градиент от линии горизонта примерно до верхнего края обода переднего колеса автомобиля, предварительно зажав Shift, градиент имел строго вертикальное направление. В результате у Вас получится:

27

Измените режим наложения слоя на "Умножение" (Multiply) и снизьте непрозрачность до 14%.

28

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

Создаём новый слой над слоем с автомобилем и, используя тот же желто-оранжевый цвет (#FFAE00), начинайте рисовать по краям машины, как показано на рисунке. В последствии снизьте непрозрачность слоя до 20% и измените режим наложения на "Мягкий свет" (Soft Light):

30

Теперь нам необходимо избавиться от тех областей оранжевой подсветки, которые выступают за контур автомобиля. Для этого снова зажмите Ctrl и кликните по миниатюре слоя авто для его выделения, нажмите Ctrl+Shift+I для инверсии выделенной области, перейдите на слой с оранжевой подсветкой и нажмите Delete. Снимите выделение, нажав Ctrl+D.

Добавление птиц на сцену

Чтобы разнообразить и оживить задний план, добавим на коллаж птиц, летящих в небе. Загрузите в Photoshop кисти с птицами из файла с исходниками (файл Birds.abr). Создайте новый слой ниже слоя с деревом и добавьте немного птиц на нашу сцену по своему вкусу. Лучше всего нанести птиц не на один, а на пару слоёв и убрать лишних с помощью слой-маски:

Наложение автомобилей на другое изображение

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

Скачать исходные файлы:

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

В этом материале мы рассмотрим, как сделать кнопки для макета автосайта из статьи "Создаём макет автомобильного сайта в Photoshop CS6". Создаём...
свет сквозь дерево
В этом материале мы рассмотрим создание очень красивого и интересного эффекта - добавление солнечного света, проходящего сквозь ветки деревьев. Для...
Предыдущая страница Итоговый результат Вы можете посмотреть на рисунке: Примечание. Для выполнения коллажа нам потребуются восемь исходных...
макет автомобильного сайта
Пользовательское блок-меню (продолжение) Начало здесь. Предполагается, что в этом блоке будут отображаться фотографии автомобилей. Давайте сделаем...