Как вписать любой объект в фон в Photoshop?!

Посмотреть видео-урок

В данном уроке мы рассмотрим актуальный вопрос для всех начинающих пользователей фотошоп "- как вписать объект в фон?". Как это сделать максимально качественно, чтобы объект выглядел частью общей картинки, а не отдельным элементом.

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

Для работы я взял вот такое изображение, которое будет фоном и два объекта - ретро-автомобиль и девушка.

Как вписать объект в фон в фотошопе

Как вписать объект в фон в фотошопе

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

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

Как вписать объект в фон в photoshop

1. Цветокоррекция

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

Цветокоррекция объекта

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

Цветокоррекция с помощью кривой в фотошопе

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

Коррекция цвета кривыми

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

Коррекция цвета в фотошопе

Теперь проделываем следующее: выбираем белую пепетку и кликаем ей по самому светлому месту на фоне. Затем берём чёрную пепетку и кликаем по самому тёмное месту на фоне. Ну и берём среднюю пепетку и кликаем ей на фоне по нейтральному цвету, т.е. по тому цвету, которого на фоне больше всего, при этом в место, которое средне освещено, не слишком светлое, но и не слишком тёмное.

Коррекция цвета кривой в photoshop

Коррекция цвета кривой в photoshop

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

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

Коррекция цвета кривой в photoshop

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

2. Наложение теней

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

Наложение теней в фотошопе

Я просто скопирую слой с объектом и с помощью уровней сделаю его чёрным. Выбираем слой с автомобилем и удерживая "Alt" и левую кнопку мыши перетаскиваем его вниз и получаем копию. Затем в верхнем меню выбираем "Изображение" - "Коррекция" - "Уровни" и  выставляем ползунок в крайнее левое положение.

Наложение тени на объект

В результате у нас получилась под слоем автомобиля его копия полностью черного цвета. После этого функцией "Искажение" подгоняем получившуюся тень под положение объекта. Выбираем в верхнем меню "Редактирование" - "Трансформирование" - "Искажение" и мышкой подгоняем тень под сам автомобиль. В случае с автомобилем сделать это красиво не получиться, поэтому придётся местами дорисовывать тень обычной черной кистью и местами стерать ластиком.

Тени от объектов в фотошопе

Тень от девушки рисовать не нужно, так как она получается за кадром. Теперь можно размыть тень от автомобиля фильтром "размытие по Гаусу" и настроить её непрозрачность. При выделенном слое с тенью, выбираем в верхнем меню "Фильтр" - "Размытие" - "Размытие по Гауссу" и в появившемся окне настроек выставляем нужное размытие, в данном случае у меня получилось значение "5".

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

Тень от объекта на коллаже фотошоп

После этого берём инструмент "Линейный градиент", устанавливаем ему чёрный цвет и дорабатываем им тень по маске слоя.

Тени от объектов в фотошопе

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

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

Тени на объектах

Берём мягкую кисть чёрного цвета и рисуем на объекте тени, придавая ему объём.

Наложение теней на объекты в фотошопе

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

Наложение теней на объекты коллажа

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

Корректирующие тени фотошоп

Затем размываю данный слой фильтром "Размытие по Гаусу" и задаю ему непрозрачность 50%. Если отключить эти тени, то разница существенно заметна. Таким же образом делаются тени на автомобиле, но тут их будет гораздо меньше.

Наложение теней на объекты в коллаже

3. Наложение света

Способ наложения света абсолютно такой же, как и теней, единственное отличие - вместо чёрного цвета используется белый. Как и в случае с тенями, делаем 1-2 слоя с объёмным светом. Я сделаю по
одному слою, и отрегулирую непрозрачность на глаз. В данном случае больше света накладывать не нужно.

Наложение света на объекты

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

Наложение света на объекты

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

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

Наложение бликов на объекты в фотошопе

После нанесения бликов, данный слой размывается по Гаусу и регулируется его непрозрачность. С бликами главное не переборщить, не нужно их делать на всём, что блестит. Они нужны больше для украшения и достаточно сделать пару-тройку эффектов.

4. Отражения и рефлексы

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

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

С помощью инструмента "Точечная восстанавливающая кисть" удаляем не нужное и инструментом палец корректируем бампер.

Отражение объектов в фотошопе

Делаем копию слоя с девушкой, помещаем слой над автомобилем и настраиваем размер свободным трансформированием. Искажение образа девушки можно сделать фильтром "Рябь".

Отражение на объекте

Отражение на объекте

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

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

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

Рефлексы в фотошопе

Ну вот наш коллаж и готов.

Сборка коллажа в фотошопе

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

Поделиться:

Комментарии ()

  1. Тульский Токарев 25 августа 2020, 09:42 # 0
    Толково объяснил, спасибо! Видал полно туториалов на данную тему, во всех только тени обычные накладывают да тон цветовой корректирую, о мелких деталях, разновидностях теней, бликов и прочего интересного — ни слова ).
    1. Батя 25 августа 2020, 09:42 # 0
      Спасибо! Но как тень на чемодане от руки девушки повернуть в нужном направлении?
      1. Дмитрий 25 августа 2020, 09:43 # 0
        Закрасить старую тень любым способом (кисть, палец, скрыть точечной восстанавливающей кистью и т.п..), после чего просто нарисовать её кистью. А потом, как в случае с тенью от автомобиля, можно подразмыть слой по гаусу и отрегулировать непрозрачность.
        1. Дмитрий 25 августа 2020, 09:43 # 0
          Я просто эту тень не заметил, хорошо, что сказали. Откорректировал её, как вам и написал (инструментом палец удалил, нарисовал новую, размыл по гаусу, подкорректировал ластиком форму). Исходники к уроку перезалил, можете скачать, посмотреть как сделано. Слои все подписаны.
        2. D. Nov 25 августа 2020, 09:44 # 0
          Хороший ролик, но упустил еще одну детальку. Номер на авто — бросается в глаза, что отзеркален.
          1. Дмитрий 25 августа 2020, 09:44 # 0
            Согласен, если честно, там можно еще усмотреть мелких деталей очень много, которые нужно доработать ). Я бы вообще блики на бампере полностью поменял ). Просто такие вещи делаются часами, нужно сидеть, всматриваться. Ролик конечно был бы уже не на 14 минут, а где-то на 25. По той схеме что я показал, можно всё это доработать, там всё делается однотипно. Моя задача была передать суть этой техники и алгоритм действий, надеюсь — это получилось ).
            1. D. Nov 25 августа 2020, 09:45 # 0
              Спасибо, все доходчиво и понятно. Это я уже такой капризный)) Просто, глаз сразу зацепился за номер, точнее страну регистрации и я ожидал манипуляций с ним))
          2. Sergeichh 25 августа 2020, 09:50(Комментарий был изменён) # 0
            Хороший урок. Но как быть, если нейтрального серого цвета просто нет на объекте?

            1. Дмитрий 25 августа 2020, 09:51 # 0
              Корректируйте на глаз кривой или цветовой тон/насыщенность. Я же там говорил, что можно так, а можно сяк ), никто не заставляет делать цветокор, именно таким способом. Можно и вообще не делать, пропустить этот шаг, если у вас с цветом всё в порядке.
            2. Shchepotin 25 августа 2020, 09:51 # 0
              Как наложить, прикрепить или что это, слой на слой?
              1. Дмитрий 25 августа 2020, 09:52 # 0
                Чтобы наложить один слой на другой нужно удерживая Alt навести курсор между этими слоями, при этом должен появиться значок такой стрелочки, когда значок появляется кликаем левой кнопкой мыши и верхний слой будет наложен на нижний. Точно так же можно снять наложенный слой.
              15942
              Посмотреть видео-урок Смотреть видео-урок Скачать исходники урока Скачать исходники урока