Как выполнить наложение в фотошопе

Режимы наложения Photoshop: руководство для художников

Инструкция для художников с описанием режимов наложения и примерами их использования.

Автор оригинальной работы — Марина Пахомова, преподаватель в Smirnov School

Зачем нужны слои и режимы наложения?

Слои (Layers) в Photoshop — небольшие части целого изображения, своеобразная стопка прозрачных плёнок с нанесенными на них элементами будущей работы. Если их все наложить друг на друга — получится цельная картинка.

Наглядный пример работы слоёв в Photoshop. Источник

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

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

Наглядная демонстрация работы режимов наложения. Художник превращает день в ночь при помощи Multiply. Источник

Шесть групп наложения

Всего в Photoshop свыше двадцати режимов наложения, которые делятся на шесть групп по принципу действия. В меню Blending Mode (Режимы наложения) группы визуально разделены горизонтальными линиями, но не подписаны.

Режимы наложения: Базовые, Затемняющие, Осветляющие, Контрастные, Режимы Сравнения и Компонентные. Источник

Что делает каждая группа (общее описание):

• 1 группа — базовые режимы. Сюда входят Normal и Dissolve. При полной непрозрачности картинка на верхнем слое будет целиком перекрывать нижнюю, а при снижении непрозрачности нижний слой начнёт проступать через верхний, словно вы наложили друг на друга два полупрозрачных изображения.
• 2 группа — затемняющие режимы. Сюда входят Darken, Darker Color, Color Burn, Multiply и Linear Burn. Все перечисленные режимы затемняют изображение.
• 3 группа — осветляющие режимы. Сюда входят Lighten, Color Dodge, Screen, Lighter Color и Linear Dodge. Полностью противоположны затемняющим и отвечают за осветление изображения.
• 4 группа — контрастные режимы. Сюда входят Overlay, Soft Light, Hard Light, Vivid Light, Pin Light, Linear Light и Hard Mix. Изменяют яркость и контраст изображения.
• 5 группа — режимы сравнения. Сюда входят Difference, Subtract, Exclusion и Divide. Эта группа отвечает за смешивание слоев, а результат зависит от разницы между изображениями.
• 6 группа — компонентные (HSL-режимы). Сокращение HSL образовано от слов Hue, Saturation и Lightness — тон, насыщенность и светлота. В группу входят режимы Hue, Saturation, Luminosity и Color. Данные режимы влияют на цветовой тон, яркость и цветовую насыщенность, которые берутся с изображения по отдельности.

Далее объясним по каждому режиму.

Где эти режимы находятся?

Чтобы сменить или настроить этот режим наложения, нужно воспользоваться меню Blending Mode. Оно расположено в палитре слоёв (Layers). Normal — дефолтный режим для всех слоёв.

Палитра слоёв и список режимов

Горячие клавиши

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

Точка отсчёта

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

Режимы, которые используются чаще всего

Normal (Нормальный) – дефолтный и самый распространённый режим.

Оригинальная работа Марины Пахомовой, преподавателя в Smirnov School

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

Dissolve (Затухание) – в случайном порядке удаляет пиксели из выбранного слоя, создавая эффект шума, похожий на снег.

Демонстрация режима Dissolve

При полной непрозрачности Dissolve выглядит почти как Normal. Разница появляется при уменьшении непрозрачности: Dissolve в случайном порядке изменяет пиксели и создаёт эффект шума. Используется чаще всего в случаях, когда нужен, собственно, эффект шума.

Dissolve хорош в сочетании Layer Style — Outer/Inner Glow (Стиль слоя — внешнее/внутреннее свечение). Его я использую для отрисовки нимбов и аур персонажей.

Сергей Соколов, 2D-художник

Вот скриншот с расположением эффектов свечения в Photoshop:

Видео о том, как создать эффект свечения с помощью Dissolve:

Ещё с помощью режима Dissolve можно создать эффект дождя. Для этого залейте слой нужным цветом, переведите изображение в режим Dissolve и понизьте параметр Opacity (Непрозрачность) до нужного вам уровня (подробнее о непрозрачности в конце статьи). Затем объедините результат с пустым слоем и наложите сверху фильтр Motion Blur.

Darken (Затемнение) – выделяет и затемняет светлые пиксели. Таким образом финальное изображение будет сочетать в себе самые тёмные пиксели из обоих слоёв.

Демонстрация режима Darken

Режим изменяет только те цвета на изображении, которые светлее выбранного вами оттенка. Поэтому Darken пригодится в ситуациях, когда вы пересветили какую-то область на изображении, и нужно снизить там яркость.

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

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

Lighten (Замена светлым) — работает по тому же алгоритму, что и Darken, но в обратную сторону. Режим выделяет и изменяет тёмные пиксели, превращая их в светлые.

Демонстрация режима Lighten

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

Я часто использую режим Lighten, чтобы выровнять по тону контрастные области на фоне. Lighten довольно мягко смешивает свой оттенок с цветами на картинке, а Lighter Color, который работает схожим образом, на мой взгляд, даёт больше контрастных переходов.

Руслана Гусь, Преподаватель Smirnov School

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

Multiply (Умножение) — один из самых популярных режимов. Благодаря Multiply цвета верхнего слоя накладываются на цвета нижнего. От этого изображение становится темнее и насыщеннее. Чем ярче цвет, тем сильнее будет затемнение.

Демонстрация режима Multiply

Чаще всего Multiply используют для работы с тенями. Руслана Гусь не советует использовать серые цвета — в этом случае режим наложения даст «грязь». Обычно она создаёт новый слой со светлым цветом, чащего всего с холодным, чтобы области в тени приобрели общий оттенок.

Преподаватель в Smirnov School Анна Кондратенко советует использовать Multiply для проработки теней и оклюжена (мягких теней) объекта:

Если мне необходимо создать, скажем, сложный архитектурный объект, я использую данный режим для базовой проработки формы. Заливаю белым цветом силуэт объекта и отдельным слоем начинаю «лепить» форму через Multiply — с помощью лассо, градиентов и мягкой кисти. Тени при этом не должны попадать на наиболее освещенные участки, за этим важно следить. Далее проверяю, как это всё работает с локальными цветами, регулирую прозрачность и обязательно тонирую тени через Ctrl+U. В противном случае, если оставить цвет просто серым, теневые участки будут смотреться «грязно» — работа потеряет приятную теплохолодность.

Анна Кондратенко, Преподаватель Smirnov School

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

Overlay (Перекрытие) — режим равномерного смешивания цвета обоих слоев.

Демонстрация режима Overlay

Overlay повышает контрасты: делает тёмные цвета ещё темнеё, светлые — ещё светлее. Часто используется для наложения текстур, изменения тона и оттенков. Точка отсчета для этого режима — 50% серый цвет. Все цвета ярче этого высветлят изображение, темнее — затемнят.

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

Руслана Гусь, Преподаватель Smirnov School

При низком уровне прозрачности Overlay похож на режим Normal, но с более интенсивным цветом. Этим режимом можно красить наброски, сделанные в ч/б, а ещё рисовать подповерхностное рассеивание.

Soft Light (Мягкий свет) — осветляет и затемняет изображение в зависимости от цвета верхнего слоя.

Демонстрация режима Soft Light

Если сделать цвет ярче 50% серого, то Soft Light будет работать как осветляющий, а меньше – будет затемнять. Этот режим, как и Overlay, добавляет цвет на картинку, но делает это мягче. Поэтому его часто используют для рефлексов.

Режим Soft Light я использую чаще всего — он может применяться как для выделения освещенных областей, например при тоновой лепке формы, так и для создания более глубоких теневых участков. К примеру, если использовать полупрозрачный градиент с тёмным насыщенным цветом, получишь более приятные, мягкие, цветные тени в сравнении, скажем, с привычным для теней Multiply.

Еще Soft Light наряду с Overlay может широко использоваться при работе с фотобашем и мэтт-пэйнтингом. Если мне необходимо задать базовую детализацию на небе, я могу использовать несколько слоёв с текстурами, переведёнными в данный режим, выравнивая тон и контрастность слоя с помощью инструмента «Curves». Дальше можно уже прорабатывать полученный результат вручную. Ну и, конечно же, воздушная перспектива — с помощью лассо и градиентов можно задавать приятную глубину пространства в кадре — очень полезно при работе над окружением.

Аня Кондратенко, Преподаватель Smirnov School

Также режим часто используют для правки тона, исправления серости теней и повышения контраста изображения, потому что Soft Light аккуратно работает с цветами и тенями.

Hard Light (Жесткий свет) — похож на Soft Light. У них схожий функционал, но Soft Light намного легче контролировать.

Непрозрачность и наложение слоев

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

Определение степени общей непрозрачности и непрозрачности заливки для выделенных слоев

Степень общей непрозрачности слоя определяет, насколько сильно он скрывает или отображает содержимое расположенного под ним слоя. Слой со степенью непрозрачности 1 % является практически прозрачным. Совершенно непрозрачный слой имеет степень непрозрачности 100 %.

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

Примечание.

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

На панели «Слои» выберите один или несколько слоев или групп.

Измените значения параметров «Непрозрачность» и «Заливка» . (Если выбрана группа, можно изменить только параметр «Непрозрачность» .)

Примечание.

Чтобы просмотреть все параметры наложения, выберите пункт «Параметры наложения» в меню значка «Добавить стиль слоя» () в нижней части панели «Слои» .

Задание режима наложения для слоя или группы слоев

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

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

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

Примечание.

Режим наложения «Очистка» для слоев отсутствует. Для изображений Lab не доступны режимы «Осветление основы» , «Затемнение основы» , «Затемнение» , «Замена светлым» , «Разница» , «Исключение» , «Вычитание» и «Разделение» . Для изображений HDR см. раздел «Возможности, поддерживающие изображения HDR с цветопередачей 32 бита на канал“.

Режимы наложения

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

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

Как в фотошопе наложить одну картинку на другую с прозрачностью

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

Как известно для такой операции вам нужны два изображения.

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

НЛО, на прозрачном фоне. Если у вас есть изображение на прозрачном фоне – хорошо, если нет – вырежьте. В данном уроке я даю вам изображение на прозрачном фоне (ссылка сверху).

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

Теперь вы можете уменьшить размер изображения НЛО и переместить куда нужно. В данном случае наверх. Нажмите ENTER, когда закончите редактирование.

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) – найдите на панели инструментов справа.

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

Автор урока – Александр Акимов

Поделиться

ЭТО МОЖЕТ БЫТЬ ИНТЕРЕСНОЕЩЕ ОТ АВТОРА

Generative Fill в Photoshop или Outpainting в DALL-E: что лучше для работы с изображениями

Фотошоп с нейросетью: Как скачать и начать использовать

Марионеточная деформация в Photoshop – Как использовать

Создание эффекта кросспроцессинга в Photoshop

Как создать эффект литографии в Photoshop

Карты градиента в Photoshop – Создание и использование

Как создать отражение в Photoshop

Ломо-эффект в Photoshop: что это такое и как создать

Радужный эффект дыма в Photoshop: Как создать и использовать

12 КОММЕНТАРИИ

1. Татьяна 24.11.2018 в 21:10

Спасибо! Получилось.
А белый прямоугольник вокруг тарелки куда делся.

• Инга 22.04.2019 в 11:29

белый прямоугольник был прозрачным фоном

Единственный сайт, где толково, просто и понятно все объяснили. Два часа мучилась, пока на Вас не наткнулась! СПАСИБО.

• Евгения 21.06.2019 в 07:44

Отличный сайт , спасибо! Все понятно
Наконец-то нашел ответ. Спасибо!
не звиздите,нихера не понятно

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

Спасибо, действительно помогло!
а у меня прямоугольник этот остался

Либо белый слой остаётся, либо невозможно скопировать изображение… Написали бы, как выделять объект, перед тем как его копировать и вставлять. Чем выделять??

• Anastasi 16.10.2020 в 23:01

Белый слой? Ничего не понятно. Здесь речь идет о том, что объект находится на прозрачном слое. Вы выделяете с помощью Прямоугольного выделения (М) на боковой панели инструментов. Или можете ниже выбрать Магнитное лассо, волшебную палочку. На белом слое также выделяется объект. Или прикрепите скриншот ваших слоев и будем разбираться, что там с белыми слоями и невозможностью скопировать.