Как вписать объект в фон по цвету в Photoshop
В данном уроке мы рассмотрим один интересный способ цветокоррекции объектов при создании коллажа. В одном из уроков я показывал технику, с помощью которой можно вписать объект в фон в Photoshop и там был использован один из простых способов подбора цвета, с помощью кривой. В данном видео, мы будем делать выборочную коррекцию цвета, с помощью корректирующего слоя.
Для работы я взял вот такое изображение, в качестве фона
и в качестве объекта, который мы будем вписывать в этот фон, я взял вот такую девушку. Изображение девушки я взял уже вырезанное с фото, в png формате. Вы можете взять какие-то свои фото и изображения или воспользоваться этими же.
Как мы видим, девушка выбивается из цветовой гаммы заднего фона.
Наша задача откорректировать цветовой тон девушки так, чтобы она максимально вписалась в фон и коллаж выглядел, как единая композиция.
1. Создание слоя с заливкой 50% серого
Первым делом, необходимо поверх всех слоёв сделать слой с заливкой 50% серого, чуть позже я объясню для чего это нужно. Создаём новый слой
и выбираем в верхнем меню «Редактировать» — «Выполнить заливку», в содержании ставим 50% серого и нажимаем «Ок».
Выставим этому слою параметры наложения яркость.
2. Создаём корректирующий слой
Сверху создадим корректирующий слой «Цветовой тон/Насыщенность»,
в котором насыщенность выкрутим на 100%, чтобы все цвета были отчётливо видны. В результате получается вот такая картинка, которая напоминает экран тепловизора.
Теперь мы видим все основные оттенки. Белый и чёрный на данном изображении мы не увидим, потому что они не имеют цвета. Обратите внимание, что только вот в этом месте у нас имеется серое пятно, т.е. мы видим наш созданный серый слой, цвета в этом месте отсутствуют.
Если мы отключим созданные слои, то увидим, что тут белый свет — это означает, что в этом месте он максимально переходит в белый, без каких-либо оттенков.
Смотрите, если взять чисто чёрный и кистью нарисовать что-нибудь, то мы увидим серый фон. Именно для этого мы и создавали этот слой с заливкой серого, чтобы увидеть места на изображении, в которых отсутствуют цвета.
Если снова посмотреть на всё изображение, то можно сделать вывод, что на нём отсутствуют чёрный и белый, кроме вот этого места.
Например, вот здесь, за лодкой, не чисто чёрный, а с синеватым оттенком, вот здесь, где свет не чисто белый, а с желтоватым оттенком и так далее.
3. Корректируем цвета объекта
Теперь, используя вот этот типа тепловизор мы будем подгонять цветовой тон объекта, девушки, под цветовой тон самого фона. Для этого создадим корректирующий слой с выборочной коррекцией цвета. Кликаем по значку, выбираем «Выборочная коррекция цвета» и накладываем этот слой на слой с девушкой, чтобы он воздействовал только на наш объект.
Наводим курсор между слоями, удерживая Alt и при появлении пинтограммы «стрелка» кликаем левой кнопкой мыши.
Выделяем значок корректирующего слоя и теперь в параметрах мы можем корректировать цвета. Здесь вот имеются все основные цвета, которые можно откорректировать по отдельности, но все цвета корректировать — это достаточно долгая процедура, можно взять только белый, нейтральный, чёрный и красный.
Начнём с белого, выбираем его и если мы будем перемещать ползунок, то увидим, что на объекте изменяются места, которые содержат белый, а именно зубы, браслет и немного немного вот здесь на руке рефлекс имеется.
Чтобы подогнать белый на объекте под оттенки фона, давайте посмотрим где на фоне имеются такие оттенки. Отключим слои и видим, что на фоне белый с различными оттенками, тут с желтоватым, тут с зелёным, здесь с синим.
Если нам нужно сделать белый с синеватым оттенком, так как тут весь фон имеет такой оттенок, то смотрим как выглядит нужный нам цвет. Сделаем белый на объекте, как вот в этом месте на столбике. Включаем слои и видим, что тут зеленоватый такой цвет.
Такой же нам нужно настроить и на объекте. Уменьшаем тут голубой, пурпурный и жёлтый, добиваемся похожего результата.
Получается как-то вот так.
Нет, если вы хотите сделать зубы и браслет максимально белыми, то просто выкручиваете все ползунки на -100%. Но, в таком случае и рефлекс на коже будет слишком белый.
С белым разобрались, теперь берём нейтральный цвет.
Здесь задача состоит в том, чтобы все цвета объекта максимально были похожи на окружающие цвета фона, ну в данном случае они и так достаточно идентичны, просто в другой ситуации они могут значительно отличаться и выбиваться из общего плана. Корректируем тут так же настройки цветов и добиваемся максимальной идентичности. Между делом, отключайте слои и смотрите, что у вас получается.
Далее, переходим к красному цвету. Выбираем его в настройках корректирующего слоя и немного убавляем во всех цветах, подгоняем, как и в случае с нейтральным, потому что на объекте отсутствует ярко-выраженный красный.
Если бы на объекте было что-то красное, то нужно было бы настраивать оттенок под какой-нибудь красный на самом фоне, а в данном случае мы просто немного убавим его и подгоним под общий фон.
Ну и переходим к черному, выбираем его в настройках корректирующего слоя и смотрим где максимально черный тон у нас на объекте и где на самом фоне. На фоне я за пример возьму вот в этом месте, а на объекте буду ориентироваться на складки одежды, тут максимально тёмные места.
Смотрим как выглядит черный на фоне. Он имеет такой синий оттенок с вкраплениями зелёного. Вот под такой результат подгоняем тени складок на одежде.
Примерно вот так, ну и смотрим, что у нас получается.
Вот объект до цветокоррекции и после неё.
Этот способ достаточно точный, но нужно немного принаровиться. По началу может показаться всё сложным, возможно у вас будет не получаться что-то. Тут самое главное понимать в какую сторону изменять цвет на корректирующем слое убавлять его или наоборот прибавить, нужно не просто выкручивать настройки на бум, а думать. Например, если вы заметили, при корректировке чёрного я его немного убавил, потому что чисто чёрного на фоне вообще нет. Зато, при корректировке других цветов я черный вообще не трогал, чтобы цвета не потускнели.
Для точной корректировки цвета нужна тренировка и практика, поэтому всё в ваших руках. При коррекции цвета глаз «замыливается» и перестаёт точно отличать оттенки. Для того, чтобы глаза отдыхали можно сделать ваше изображение чёрно-белым и время от времени смотреть на него в ходе работы. Это типа, как при выборе парфюма, чтобы рецепторы отдыхали вам консультант предлагает понюхать кофе.
Четыре способа поменять цвет слоя в Adobe Photoshop
Здравствуйте, уважаемые читатели моего блога. Сегодня мы снова будем постигать основы работы с программой фотошоп. Интересно, как бы вы выглядели, если бы цвет ваших волос или кожи был совсем иным? Я уже рассказывал о том, как профессионально заменить цвет глаз, сделать их демоническими.
Сегодня я поведаю как изменить цвет слоя в фотошопе без лишних проблем. Не буду лишний раз упоминать что такое новый слой и как с ними работать, ну расскажу я и о выделении объектов различными инструментами: магнитное лассо, волшебная палочка и так далее.
Все соответствующие статьи уже есть в моем блоге, и если вы случайно наткнулись на эту публикацию и хотите восполнить кое-какие пробелы, то без труда сможете узнать всю интересующую информацию из подготовленных заранее материалов.
Сегодня мы с вами быстренько пробежимся по основным инструментам, в конце вы сможете найти неплохую видео инструкцию, а на протяжении ближайших 5-7 минут встретитесь с морем скриншотов, которые помогут разобраться с тем, какие манипуляции будут необходимыми для того, чтобы поменять цвет картинки или ее участка.
Буду работать в Photoshop CC, но если у вас другая версия, то ничего страшного. Все функции простые. Софт установлен на русском. Кстати, если у вас англоязычная версия, могу порекомендовать также статью «Как перевести свой фотошоп на русский». Очень удобно, облегчает жизнь.
Коррекция цвета
Итак, я уже выделил объект, а точнее фон фотографии, и перенес его на новый слой при помощи сочетания клавиш Ctrl+J.
Теперь перехожу во вкладку «Изображение» — «Коррекция». Здесь очень много опций, которые помогут поменять оттенок: «Яркость/Контрастность», «Цветовой баланс», «Фотофильтр» и даже «Карта градиента». Вы можете попробовать каждый из них, чтобы на собственном опыте понять как работает тот или иной инструмент, выбрать интересный метод, который нравится конкретно вам.
Я воспользуюсь «Цветовой тон/Насыщенность».
Можно дергать за разные ползунки, добиваясь превосходного эффекта.
Как вы видите, отличия разительными не назовешь, зато не нужно морочить голову с подборкой, чтобы слои выглядели едино и профессионально, а объект не выделялся из общего фона.
Разительные изменения
Чтобы сделать фон совсем другого цвета, я воспользуюсь инструментом «Замена цвета» все в той же вкладке «Коррекция» (о том как нарисовать черный фон для Фотошопа — читайте здесь).
После открытия диалогового окна, ваш курсор сменится. В нем будет спрятан инструмент пипетка. Просто щелкните по цвету, который хотите сменить. При помощи ползунка «Разброс» определите область, с которой собираетесь работать, а затем щелкните по плашке цвета над записью «Результат» или вновь поработайте с ползунками «Тон», «Насыщенность», «Яркость».
Я выбрал первый вариант. Кликнул на «Результат» и теперь выбираю оттенок и цвет на палитре, чтобы нежно голубой превратился в розовый.
Профессионально, быстро, легко
Самый на мой взгляд удачный инструмент для работы с цветами сложных объектов – кисть замена цвета. Долго удерживайте левую кнопку мыши на обычной кисти, пока не откроется дополнительное меню.
Теперь выберите оттенок, на который будете менять цвет слоя.
Осталось только закрасить необходимые участки, как вы можете заметить, все оттенки при этом сохранились. Очень быстро и удобно.
Можно перекрасить в любой подходящий вариант.
Видеоинструкция
Бонус
Еще один способ поменять цвет при помощи нового слоя мне не слишком импонирует, но предполагаю, что он может понравиться некоторым и уж точно когда-нибудь пригодится в будущем. Итак, создаю новый слой, а затем выбираю для него режим наложения «Цветовой тон».
Вот так должно получиться в итоге.
Теперь беру любой цвет, к примеру, желтый, инструмент «Заливка» и заливаю только что созданный слой.
Можете попробовать и другие режимы наложения. Не бойтесь экспериментировать.
При помощи ластика, можно вернуть девушке нормальный цвет лица.
Кстати, не забывайте, что многие профессионалы в качестве ластика используют слой-маску. Все еще не умеете с ней работать? Тогда вам пригодится публикация, ссылку на которую я дал.
Ну а если вы захотите узнать максимум обо всех инструментах, которые есть в фотошопе, могу посоветовать курс Зинаиды Лукьяновой « Photoshop для начинающих в видеоформате ». Вам не придется ничего ждать. Всего несколько недель и вы будете знать все, что таит в себе эта программа.
На забывайте также подписываться на рассылку, чтобы иметь дополнительную мотивацию для собственного развития, а также быть в курсе новых способов легального и стабильного заработка через интернет. Может и вам что-то приглянется.
Три способа смешивания двух изображений в Photoshop
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать мужской портрет .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» — один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Вот первое фото с девочкой , которое я буду использовать:
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева — эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Совет: включение и отключение маски слоя
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.