Почему не работает наложение цвета в фотошопе

Обновлено: 02.07.2024

Если вы раньше уже использовали Photoshop , то наверняка знаете о режимах наложения ( Blend Mode )– простой и эффективной настройке того, как два или более слоев накладываются друг на друга, и взаимодействуют друг с другом.

Режимы наложения можно использовать для создания креативных эффектов, но они также часто применяются в ретушировании фотографий. Например, режим « Экран » ( Screen ) позволит осветлить недоэкспонированный снимок, а « Умножение » ( Multiply ) применяется для затемнения фотографий. Режим « Перекрытие » ( Overlay ) мгновенно увеличивает контраст на изображениях, где нужно сделать акцент на деталях.

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

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

Трудности в объединении режимов наложения

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

Панель слоев, на которой каждая фотография находится на отдельном слое

Давайте просмотрим все фотографии, начиная с нижней. Я отключаю видимость двух верхних слоев:

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


Так как это самый последний слой в композиции, я оставляю его режим наложения « Обычный » ( Normal , стандартный режим ):

Оставляем « Обычный » режим наложения на нижнем слое

Далее, я включаю второе изображение ( центральный слой на панели ), кликая по все той же иконке видимости:

Кликаем по иконке видимости на втором слое (Layer 2)

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


Сейчас режим наложения этого слоя также выставлен на « Нормальный », поэтому он полностью перекрывает нижележащее изображение. Чтобы две эти фотографии нормально взаимодействовали друг с другом, для начала нужно кликнуть по « Layer 2 » на панели слоев.

Затем, нужно изменить режим наложения с « Нормальный » на « Умножение » ( Multiply ). Кроме того, следует уменьшить « Непрозрачность » ( Opacity ) до 60%:

Изменяем режим наложения на « Умножение » и уменьшаем « Непрозрачность » до 60%

Таким получился результат смешения двух слоев:


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

Вот наше верхнее изображение. Для экономии времени я заранее его обрезал и поместил на рабочую поверхность:


Чтобы объединить эту фотографию с теми, что расположены ниже, кликните по « Layer 3» для его выделения, а затем измените режим наложения с « Нормальный » на « Перекрытие » ( Overlay ):

Изменяем режим наложения верхнего изображения на « Перекрытие »

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


Мы уже сейчас довольны результатом, но нужно внести кое-какие корректировки. Перед тем как сделать это, объединим слои вместе. Теперь, вы можете подумать, что все, что нам осталось сделать, это просто объединить два верхних слоя, так как только у них изменены режимы наложения. Давайте проверим, что получится, если объединить только два верхних слоя.

Есть несколько способов объединить их. Один из них – команда « Объединить с предыдущим » ( Merge Down ), которая объединяет текущий выделенный слой с тем, что расположен ниже. Давайте выделим верхний слой ( Layer 3 ), а затем перейдем в меню « Слои » ( Layers ) и выберем пункт « Объединить с предыдущим »:

Такой результат у нас получается после объединения верхнего слоя, режим наложения которого выставлен на « Перекрытие » со слоем пониже ( с режимом наложения «Умножение» ). Как видно, что-то пошло не так. Картинка сразу же потеряла контраст, и стала гораздо темнее, чем была раньше:


Результат после применения команды « Объединить с предыдущим »

Давайте взглянем на панель слоев, и попробуем выяснить, что же случилось. Можно увидеть, что два верхних слоя объединились в один « Layer 2 », но что же случилось с режимом наложения « Перекрытие »? Он исчез! Все, что осталось, это эффект от режима « Умножение ». Это объясняет, почему изображение стало темней:

Режим смешивания «Перекрытие» исчез. Остался лишь режим «Умножение»

Ну что ж, этот метод не сработал, поэтому я грустно нажимаю Ctrl+Z ( Win ) или Command+Z ( Mac ), чтобы отменить последнее действие. Еще один способ объединить слои заключается в команде « Объединить слои » ( Merge Layers ). Выделив самый верхний слой, я нажимаю клавишу Shift и кликаю по среднему слою. Это позволяет одновременно выделить оба слоя:

Затем переходим в меню « Слои » в самом верху экрана, и кликаем по пункту « Объединить слои » ( Merge Layers ):

Но это тоже не сработало. Конечно же, результат отличается от того, что был в прошлый раз, но это все равно не то. Два верхних изображения объединились вместе, но что же случилось с третьим изображением ( на самом нижнем слое )?
Оно вообще исчезло:


Результат, после применения команды « Объединить слои »

Взглянув на панель слоев, можно увидеть, что Photoshop снова объединил два верхних слоя, но на этот раз он самостоятельно отменил выставленные режимы наложения, и вернул их в исходное положение ( режим наложения «Обычный» ). Поэтому полученный слой полностью блокирует изображение, расположенное под ним:

Команда «Объединить слои» отменила режимы наложения на обоих слоях

Почему не получается объединить режимы наложения

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

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

Чтобы наглядно это объяснить, нажмем Ctrl+Z ( Win ) / Command+Z ( Mac ) и отменим последнее действие. Затем, изменим режим смешивания верхнего слоя ( Layer 3 ) с « Перекрытие » обратно на « Обычный »:

Выставляем режим смешивания верхнего слоя обратно на «Обычный»

« Обычный » означает, что слой вообще не будет взаимодействовать с остальными слоями. Поэтому мы видим, что картинка на слое не изменилась. Изменяя режим смешивания на « Перекрытие », я изменял лишь то, как пиксели этого слоя будут взаимодействовать с пикселями слоя, расположенного под ним. Если выставить другой режим смешивания, то результат будет иным, но все равно изменения будут лишь на поверхности.

Исходное изображение в слое никогда не изменяется:

Почему не получается объединить режимы наложения - 2

Вторая причина заключается в том, что слой в Photoshop может иметь только один режим наложения. Каждый режим отвечает за то, как именно пиксели слоя будут себя вести, но при этом можно использовать лишь один режим. Режим смешивания « Перекрытие », к примеру, увеличивает контраст изображения, режим « Умножение » затемняет его. Нужно выбирать один из множества. Не получится, чтобы один и тот же слой одновременно был и затемнен и имел повышенный контраст.

Третья причина, почему нельзя объединить режимы наложения слоев, заключается в том, что сама композиция – это результат не только объединения этих двух слоев. Результат получен от взаимодействия всех трех слоев, включая самый нижний, режим наложения которого выставлен на « Нормальный ». Помните, что эти слои смешиваются не только между собой, но и с последним, третьим слоем. Это значит, что если вы хотите сохранить такой же результат после объединения, то нужно объединять все слои.

Скрытый клавиатурный трюк

На самом деле, нельзя сделать то, что я изначально пытался сделать. Я могу объединить слои с « Перекрытием » и « Умножением », но это повлияет на внешний вид изображения. Теперь мы хотя бы понимаем, почему так происходит! Проблема заключалась в том, что мы всегда забывали о последнем слое. Результат формируют не только два верхних слоя, а комбинация всех трех слоев. Чтобы получить результат, нужно объединять все три слоя.

Единственное, чего я совсем не хочу делать, это сводить изображение. Я хочу, чтобы все слои были доступны. К счастью, в Photoshop есть скрытый « клавиатурный трюк », который позволит нам сделать именно это! Для начала, выделите верхний слой на панели слоев:

Нажмите и удерживайте клавиши Shift , Alt и Ctrl ( Win ) / Shift , Option и Command ( Mac ), и нажмите клавишу Е . Photoshop делает скриншот того, как на данный момент выглядит изображение ( со всеми включенными режимами наложения ), а затем помещает снимок на новый слой, расположенный поверх всех остальных. Если взглянуть на панель слоев, то мы увидим, что появился четвертый слой ( Layer 4 ):

Photoshop делает скриншот композиции и помещает ее на новый слой

Чтобы лучше понять, что произошло, я зажму клавишу Alt ( Win ) / Option ( Mac ), и кликну по иконке видимости у четвертого слоя. Это позволит оставить видимым « Layer 4 », но отключит все нижележащие слои:

Отключаем все слои, кроме верхнего, при помощи зажатой клавиши Alt/Option и клика по иконке видимости слоя

Несмотря на то, что сейчас мы можем видеть только « Layer 4 », внешний вид изображения абсолютно не изменился. Это происходит потому, что все эффекты теперь отображены на отдельном слое:


Чтобы снова включить видимость всех слоев, нужно зажать Alt ( Win ) / Option ( Mac ) и кликнуть по иконке видимости четвертого слоя:

Теперь переименуем самый верхний слой. Для этого дважды кликаем по названию ( Layer 4 ), и вводим новое имя « Merged ». Чтобы подтвердить изменения, нужно нажать Enter ( Win ) / Return ( Mac ):

И на этом все! Именно так в Photoshop можно объединить несколько слоев с разными режимами наложения.

Применение стиля слоя "Наложение цвета" (Color Overlay)

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

Использование этого стиля не изменяет цвет объекта безвозвратно (является "неразрушающим", или non-destructive), так что в любой момент цвет можно откорректировать.

Кроме того, стиль слоя "Наложение цвета" существенно ускоряет процесс работы.
Вместо того, чтобы сначала выбрать новый цвет в палитре цветов, перейти на инструмент "Заливка" (Paint Bucket Tool) и затем заполнить слой, Вы можете просто открыть диалоговое окно стилей слоя, активировать стиль "Наложение цвета", и изменить цвет и увидеть результат изменения в реальном времени.

Важно! С помощью этого стиля можно заполнить цветом слой или объект в случае, если параметр "Заливка" в Панели слоёв равен 0%. Примечание. Об опциях "Заливка" (Fill) и "Непрозрачность" (Opasity), а также об их различиях рассказывается в этом материале.

Диалоговое окно

Диалоговое окно имеет только три настройки - "Режим наложения" (Color Overlay), "Цвет" (Color) и "Непрозрачность" (Opacity).

Но не позволяйте этой простоте обмануть Вас! "Наложение цвета" является одним из самых полезных и часто используемых эффектов в дизайне.

stil

s

Режимы наложения (Blend Mode)

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

Изменение Режима наложения является наиболее эффективным, когда ваш фон не является белым, а имеет какую-либо текстуру.

В следующем примере можно увидеть, как изменился вид текста при смене режима наложения с "Обычного" (Normal) на "Перекрытие" (Overlay):

s

Непрозрачность (Opacity)

Эта опция задаёт степень прозрачности цвета, наложенного на слой. Работает по такому же принципу, как и опция "Непрозрачность" в палитре слоёв.

Сохранение и загрузка настроек стиля слоя по умолчанию

Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя "Тени".

Желающие могут скачать слили слоя, использующиеся в статье:

Как изменить цвет объекта в Adobe Photoshop

С помощью Фотошопа можно перекрасить что угодно: хотите взглянуть, как бы вы выглядели с малиновыми волосами, увидеть ярко-рыжего Тома Круза или покрасить свою собаку в зеленый? Не проблема. Сегодня я расскажу вам, как можно без труда заменить цвет любого объекта на фотографии так, чтобы это выглядело максимально натурально. Если вы совсем новичок в этом деле, но желание добавить цвета сильнее страха перед Фотошопом – вы по адресу. Приготовьтесь к путешествию в мир ярких цветов!

Меняем цвет объекта в Фотошопе: 7 способов

Adobe Photoshop предлагает несколько способов изменения цвета и тонирования объекта. Каждый из них дает разный результат: все зависит от того, чего вы хотите добиться. Можно слегка поменять тон предмета или кардинально изменить цвет, перекрасить всю картинку или только ее часть. Давайте подробно разберем все инструменты и способы изменения цвета на фотографии.

Цветовой тон/Насыщенность

С помощью корректировки «Цветовой тон/Насыщенность» (Hue/Saturation) можно поменять цвета всей картинки или только выделенной части. Чтобы вызвать это окно, перейдите во вкладку «Изображение – Коррекция – Цветовой тон/Насыщенность» или просто нажмите сочетание клавиш Ctrl+U.

Замена цвета предмета

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

Цветовой тон фотографии

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

Поменять цвет листвы

Я немного расширила его так, чтобы он охватывал желтый и голубой цвет. Теперь просто двигайте параметры «Цветовой тон» и «Насыщенность», чтобы поменять оттенки. Так можно сделать листву красной.

Цветовой тон

Окно «Замена цвета»

Чтобы открыть окно «Замена цвета», перейдите по вкладкам «Изображение – Коррекция – Заменить цвет».

Замена цвета

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

  1. Щелкаю по желтому цветку пипеткой. В окне «Цвет» сразу отображается выбранный оттенок.
  2. Ставлю галочку «Локализованные наборы цветов» и с зажатым Shift щелкаю по цветочкам на фотографии, чтобы добавить все оттенки желтого.
  3. Регулирую разброс, тон, насыщенность и яркость.
  4. Нажимаю ОК. Неплохо!

Инструмент «Замена цвета»

Менять цвет объекта в Фотошопе можно специальным инструментом «Замена цвета». Найдите на панели инструментов «Кисть», кликните правой кнопкой мыши, чтобы вызвать меню. Здесь возьмите инструмент «Замена цвета».

Инструмент Замена цвета

Он работает очень просто – выбирайте цвет с помощью палитры и закрашивайте нужный объект. Я выберу малиновый цвет, чтобы перекрасить шляпу. Обратите внимание на режим наложения, здесь должен стоять параметр «Цветность» (Color).

Выбор палитры

Думаю, шляпа теперь выглядит веселее :)

Перекраска объекта

Изменение цвета выделенного объекта

Если аккуратно выделить объект, можно изменить его цвет несколькими способами. Давайте попробуем это сделать на примере фотографии с бананом.

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

Таким же образом вы можете менять цвет выделенного предмета с помощью окна «Замена цвета». Выделите объект инструментом «Быстрое выделение», затем перейдите во вкладку «Заменить цвет».

Замена цвета выделения

Щелкните пипеткой по изображению, чтобы выбрать цвет, который вы планируете поменять. Настройте разброс оттенков.

Выбор цвета пипеткой

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

Фиолетовый жираф

Меняем цвет предмета кистью

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

Изменение цвета кистью

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

Новый слой

Менять размер кисти можно с помощью клавиш «]» и «[» на клавиатуре прямо во время окрашивания. Вы можете просто закрашивать мышкой вручную, но так будет достаточно сложно сделать ровную линию. Обычно я делаю так: щелкаю мышкой в одной точке, а с зажатой клавишей Shift – в другой. Так получается ровная линия – этим способом удобнее закрашивать края предмета.

Режим наложения цвета

Как только вы закончите с закрашиванием кистью, выберите режим наложения «Цветовой тон».

Использование масок

Изменение цвета с помощью кисти

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

Изменение цвета заливкой

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

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

Как стереть часть маски

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

Уточнение деталей

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

Перекрашивание объекта

Как изменить цвет волос в Фотошопе

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

Вуаля! Кажется, фотография выглядит как настоящая.

Замена цвета волос в Фотошоп

Заключение

Adobe Photoshop предоставляет массу способов замены цветов объекта на фотографии. Можно просто пользоваться инструментом «Замена цвета» или наложить специальные корректирующие слои. Способы, основанные на использовании слоев-масок, создают более натуральный эффект, но на них придется потратить чуть больше времени.

Надеюсь, что с помощью этой инструкции вы научились легко менять цвет предметов, а если что-то не получилось – напишите в комментариях, я обязательно помогу. Удачи!

Команда «Подобрать цвет» предназначена для сравнения цветов нескольких изображений, нескольких слоев или нескольких выделенных областей. Она также позволяет корректировать цвета изображения, настраивая светлоту, цветовой диапазон и нейтрализуя цветовой оттенок. Команда «Подобрать цвет» работает только в режиме RGB.

После включения команды «Подобрать цвет» указатель мыши принимает форму пипетки. Во время корректировки изображения используйте инструмент «Пипетка» для просмотра значений пикселов на панели «Инфо». На этой панели отображаются сведения об изменениях в значениях цвета при использовании команды «Подобрать цвет». См. раздел Просмотр значений цвета на изображении.

Создание выделенной области на целевом изображении
Подбор цветов на другом исходном изображении

Команда «Подобрать цвет» сравнивает цвета одного изображения (исходного) с цветами другого (целевого). Это помогает сравнять цвета двух разных фотографий, а также полезно в ситуациях, когда определенные цвета (например, оттенка кожи) одного изображения должны соответствовать цветам на другом изображении. Помимо сопоставления цветов между двумя изображениями, команда «Подобрать цвет» поддерживает сравнение цветов между двумя слоями одного изображения.

Если необходимо, выделите области на исходном и целевом изображениях.

Если не сделать этого, то команда «Подобрать цвет» будет сравнивать статистику по обоим изображениям целиком.

Удостоверьтесь, что изменяемое изображение активно, и выберите команду «Изображение» > «Коррекция» > «Подобрать цвет».

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

Выбор параметра сопоставления цвета в Photoshop

Параметр сопоставления цвета в Photoshop

Диалоговое окно сопоставления цветов

Диалоговое окно сопоставления цветов В меню «Источник» области «Статистика изображения» диалогового окна «Подобрать цвет» выберите исходное изображение, цвета которого будут сравниваться с целевым изображением. Выберите вариант «Нет», если для вычисления корректировки цвета не требуется ссылка на другое изображение. В этом случае целевое и исходное изображения совпадают.

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

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

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

В области «Статистика изображения» выберите параметр «Использовать выделенную область источника для расчета цветов», если вы выделили область исходного изображения и для вычисления корректировки хотите использовать цвета из этой области. Выключите этот параметр, чтобы игнорировать выделенную область исходного изображения и для вычисления корректировки использовать цвета всего исходного изображения.

В области «Статистика изображения» выберите параметр «Использовать выделенную область цели для расчета настройки», если вы выделили область целевого изображения и для вычисления корректировки хотите использовать цвета из этой области. Выключите этот параметр, чтобы игнорировать выделенную область целевого изображения и вычислять корректировку на основе цветов всего целевого изображения.

Читайте также: