Описание режимов наложения слоев в фотошопе. Режимы наложения слоёв в Adobe Photoshop

В этой статье мы займемся изучением режимов наложения слоев в Фотошоп , а так же посмотрим краткое их описание. Чтобы делать шедевры в области графики, дизайна и обработки фотографий, нужно обязательно знать что такое «Режимы наложения слоёв » и по какому принципу они работают. Работа с режимами наложения (смешивания) слоёв – одна из мощнейших возможностей Фотошопа.

Режимы наложения (Blending modes) определяют, каким образом верхний слой взаимодействует со слоем, который находится под ним. Эти режимы находятся в выпадающем меню вверху панели «Слои ». Так же их можно применять к изображениям посредством выпадающего меню на панели инструментов.

http://сайт/

Режимы наложения упрощают и ускоряют изменение оттенков, удаление изъянов, и выполнение ряда других операций. В Фотошопе все режимы разбиты на функциональные группы: «Базовые режимы», «Режимы затемнения», «Режимы осветления», «Режимы контраста», «Режимы сравнения» и «Компонентные режимы».

http://сайт/

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

Нормальный = Обычный (Normal) (Shift +Alt+N) – отображается только наносимое изображе­ние, если оно полностью непрозрачное, либо смесь наносимого и фонового изображений, определяемая уровнем непрозрачности верхнего изображения. Данный режим в программе по умолчанию.

Растворение (Dissolve) (Shift +Alt+I) – результирующее изображение представляет собой слу­чайную смесь пикселей наносимого и фонового изображений, в котором плотность пикселей нового изображения будет тем больше, чем выше уровень его непрозрачности.

Подложка (Behind) (Shift+Alt+Q) – от режима Normal отличается тем, что наносимое изобра­жение располагается не перед фоновым изображением, а позади его. В результате в местах наложения этих изображений будет отображаться только фоновое изображение, если оно полностью непрозрачное, либо смесь фонового и наносимого изображений.

Очистка (Clear) (Shift+Alt+R) – редактирует или закрашивает каждый пиксель делая его про­зрачным. Эта мода доступна для инструментов при условии отмены блокировки (lock) про­зрачности слоя.

Замена темным (Darken) (Shift+Alt+K) – рассматривается цветовая информация каждого из каналов наносимого и фонового изображений, после чего смешанное значение получается из меньшего. Пиксели светлее чем смешенное значение заменяются, а пиксели темнее чем смешанное остаются неизменными.

Умножение (Multiply) (Shift+Alt+M) – рассматривается цветовая информация каждого из каналов наносимого и фонового изображений, после чего смешанное значение получается умножением значений и делением на 255. Результат всегда темный цвет. Умножение всякого цвета на чёрный производит чёрный. Умножение на белый не изменяет цвет.

Затемнение основы (Color Burn) (Shift+Alt+B) – рассматривается цветовая информация и яркость каждого из каналов наносимого и фонового изображений, после чего смешанное значение для цвета получается темнее из за увеличения контраста. Смешивание с белым не производит изменений.

Линейный затемнитель (Linear Burn) (Shift+Alt+A) – рассматривается цветовая информация каждого из каналов наносимого и фонового изображений, после чего смешанное значение для цвета получается темнее из за уменьшения яркости. Смешивание с белым не производит изменений.

Темнее (Darker Color) – сравнивается все значения от всех каналов вносимого и базового цве­тов, результирующий цвет принимает самое низкое (lower) значение. Этот режим не произво­дит третий цвет.

Замена Светлым (Lighten) (Shift+Alt+G) – рассматривается цветовая информация каждого из каналов наносимого и фонового изображений, после чего смешанное значение получается из большего. Пиксели темнее чем смешенное значение заменяются, а пиксели светлее чем смешанное остаются неизменными.

Осветление =Экран (Screen) (Shift+Alt+S) – рассматривается цветовая информация каждого из каналов наносимого и фонового изображений, после чего смешанное значение получается умножением инвертированных значений. Результат всегда светлый цвет. Screen всякого цве­та на белый производит белый. Screen черного не изменяет цвет.

Осветление основы (Color Dodge) (Shift+Alt+D) – рассматривается цветовая информация и яркости каждого из каналов наносимого и фонового изображений, после чего смешанное значение для яркости цвета получается из уменьшения контраста. Смешивание с черным не производит изменений.

Линейное осветлитель (добавить) (Linear Dodge (Add)) (Shift+Alt+W) – рассматривается цвето­вая информация каждого из каналов наносимого и фонового изображений и яркость фоново­го, после чего смешанное значение для цвета получается из увеличения яркости. Смешива­ние с черным не производит изменений.

Светлее (Lighter Color) – сравниваются все значения от всех каналов вносимого и базовых цветов, результирующий цвет производится из большего (higher) значения цвета. Этот режим не дает третий цвет.

Перекрытие (Overlay) (Shift+Alt+O) – представляет собой комбинацию: если значение ка­нальной яркости пиксела фонового изображения не превышает 128, то используется режим Multiply, в противном случае Screen.

Мягкий свет (Soft Light) (Shift+Alt+F) – создается эффект подсветки фонового изображения ис­точником света, лучи которого раскрашены цветами наносимого изображения, в результате чего фоновое изображение осветляется в светлых участках наносимого изображения и зате­няется в темных.

Жесткий свет (Hard Light) (Shift+Alt+H) – отличается от Soft Light более выраженным эффек­том.

Яркий свет (Vivid Light) (Shift+Alt+V) – затемняются или осветляются цвета через увеличение или уменьшение контраста, зависит от смешанного цвета. Если смешанный цвет светлее чем 50% серого, изображение осветляется через уменьшение контраста. Если смешанный цвет темнее чем 50% серого, изображение затемняется через увеличение контраста.

Линейный свет (Linear Light) (Shift+Alt+J) – затемняются или осветляются цвета через увели­чение или уменьшение яркости, зависит от смешанного цвета. Если смешанный цвет светлее чем 50% серого, изображение осветляется через увеличение яркости. Если смешанный цвет темнее чем 50% серого, изображение затемняется через уменьшение яркости.

Точечный свет (Pin Light) (Shift+Alt+Z) – заменяет цвета что зависит от смешанного цвета. Если смешанный цвет светлее чем 50% серого, пиксели темнее чем смешанный цвет заменя­ются а пиксели светлее чем 50% серого не изменяются. Если смешанный цвет темнее чем 50% серого, пиксели светлее чем смешанный цвет заменяются а пиксели темнее чем смешанный цвет не изменяются. Используется для добавления специальных эффектов в изображение.

Жесткое смешивание (Hard Mix) (Shift+Alt+L) – Огрубляет (придаёт плакатный вид) изобра­жение, используя один из 8 чистых цветов: красный, зелёный, синий, голубой, пурпурный, желтый, черный и белый, в зависимости от результата сравнения.

Разница (Difference) (Shift+Alt+E) – результирующие значения канальных яркостей вычисля­ются

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

Исключение (Exclusion) (Shift+Alt+X) – напоминает Difference и отличается от него тем, что в результирующем изображении будет больше серых оттенков.

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

Разделение (Divide). В этом режиме рассматривается информация цвета в каждом канале, и получает значение цвета наложения путем деления значения основного цвета.

Цветовой тон (Hue) (Shift+Alt+U) – результирующий цвет получается из значений светлоты и насыщенности фонового изображения а цветовой тон из наносимого изображения.

Насыщенность (Saturation) (Shift+Alt+T) – результирующий цвет получается из значений ярко­сти и цветового тона фонового изображения а насыщенность из наносимого изображения.

Цветность = Цвет (Color) (Shift+Alt+C) – результирующий цвет получается из значений цве­тового тона и насыщенности наносимого изображения а яркость из фонового изображения. Используется при окрашивании монохромных изображений и тонирования цветных.

Свечение (Luminosity) (Shift+Alt+Y) – результирующий цвет получается из значений цветовой тон и насыщенности фонового изображения а яркость из наносимого изображения.

Все эти режимы прекрасно работают, чтобы добиться превосходного результата с помощью режимов наложения, нужно постоянно экспериментировать и подбирать для каждого проекта определенный режим наложения. Самые популярные режимы наложения цветов среди пользователей Фотошопа это: «Умножение», «Осветление», «Перекрытие», «Мягкий свет», «Жёсткий свет», «Цветность», «Яркость (Свечение)».

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

Чтобы помочь вам изучить и понять, более подробно как работают режимы наложения, я подготовил простой пример с использованием двух режимов наложения слоев: «Умножение» и «Цветовой тон»

Итак, у нас есть два изображения:

http://сайт/

Вот такую картину мы видим, когда меняем режим наложения на «Умножение»:

http://сайт/

А когда меняем режим наложения на «Цветовой тон», видим следующее:

http://сайт/

P . S . Теперь, для усвоения урока, предлагаю вам немного потренироваться и поэкспериментировать, возьмите любое изображение или фотографию, создайте новый слой и залейте его разноцветным градиентом. Затем пройдитесь по всем режимам и посмотрите, что получится. Понравилась статья? Расскажи о ней своим друзьям в социальных сетях.

Увидимся в следующих уроках!

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

О режимах наложения слоев мы и поговорим в этом уроке. Эта информация даст базис знаний в работе с режимами наложения.

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

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

Режимы наложения делятся на шесть групп (сверху вниз): Нормальные, Субтрактивные, Аддитивные, Комплексные, Разностные и HSL (Hue – Saturation – Lighten) .

В данную группу входят такие режимы, как «Обычный» и «Затухание» .

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

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

Эффект похож на наложение шума на верхний слой.

Субтрактивные

Данная группа содержит режимы, которые тем или иным способом затемняют изображение. Сюда входят «Затемнение», «Умножение», «Затемнение основы», «Линейный затемнитель» и «Темнее» .

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

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

Исходное изображение при применении «Умножения» становится темнее и насыщеннее.

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

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

«Темнее» . Этот режим оставляет на изображении темные пиксели с обоих слоев. Оттенки становятся темнее, цифровые значения уменьшаются.

Аддитивные

Эта группа содержит следующие режимы: «Замена светлым», «Экран», «Осветление основы», «Линейный осветлитель» и «Светлее» .

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

«Замена светлым» является режимом, действие которого противоположно действию режима «Затемнение» .

В данном случае программа сравнивает слои и оставляет только наиболее светлые пиксели.

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

«Экран» в свою очередь противопоставлен «Умножению» . При применении данного режима цвета нижнего слоя инвертируются и перемножаются с цветами верхнего.

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

«Осветление основы» . Применение этого режима дает эффект «выцветания» оттенков нижнего слоя. Уменьшается контрастность исходного изображения, а цвета становятся более светлыми. Создается эффект свечения.

«Линейный осветлитель» схож с режимом «Экран» , но с более сильным воздействием. Цветовые значения увеличиваются, что приводит к осветлению оттенков. Визуальный эффект похож на освещение ярким светом.

«Светлее» . Режим противоположен режиму «Темнее» . На изображении остаются только наиболее светлые пиксели с обоих слоев.

Комплексные

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

Называются они следующим образом: «Перекрытие», «Мягкий свет», «Жесткий свет», «Яркий свет», «Линейный свет», «Точечный свет» и «Жесткое смешение» .

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

«Перекрытие» является режимом, вобравшим в себя свойства «Умножения» и «Экрана» .

Темные цвета становятся насыщеннее и темнее, а светлые становятся светлее. Результат — более высокая контрастность изображения.

«Мягкий свет» — менее резкий собрат «Перекрытия» . Изображение в данном случае подсвечивается рассеянным светом.

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

«Яркий свет» применяет режим «Осветление основы» к светлым участкам и «Линейный осветлитель» к темным. При этом контрастность светлых увеличивается, а темных – уменьшается.

«Линейный свет» противоположен предыдущему режиму. Увеличивает контрасность темных оттенков и уменьшает контрастность светлых.

«Точечный свет» объединяет светлые оттенки при помощи режима «Светлее» , а темные – при помощи режима «Темнее» .

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

Разностные

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

Режимы такие: «Разница», «Исключение», «Вычитание» и «Разделить» .

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

«Исключение» работает так же, как и «Разница» , но уровень контраста получается ниже.

«Вычитание» изменяет и смешивает цвета следующим образом: цвета верхнего слоя вычитаются из цветов верхнего, а на черных участках цвета будут такие же, как на нижнем слое.

«Разделить» , как становится понятно из названия, делит числовые значения оттенков верхнего слоя на числовые значения оттенков нижнего. Цвета при этом могут кардинально меняться.

HSL

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

Режимы в группе: «Цветовой тон», «Насыщенность», «Цветность» и «Яркость» .

«Цветовой тон» придает изображению тон верхнего слоя, а насыщенность и яркость – нижнего.

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

«Цветность» придает итоговой картинке тон и насыщенность накладываемого слоя, я яркость остается такой же, как на подлежащем.

«Яркость» придает изображению яркость нижнего слоя, сохраняя цветовой тон и насыщенность нижнего.

Режимы наложения слоев в Фотошопе позволяют добиться очень интересных результатов в Ваших работах. Обязательно используйте их и удачи в творчестве!

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

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

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

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

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

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

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

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

Временно скрываем два верхних слоя в документе

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


Изображение из самого нижнего слоя

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

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

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

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


Фотография с центрального слоя

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

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

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

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


Эффект смешивания Слоя 1 и Слоя 2

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

Нажимаем по иконке видимости у Слой 3

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


Изображение с верхнего слоя

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

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

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


Результат смешивания всех трех изображений

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

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

Слои > Объединить с предыдущим (Layer > Merge Down)

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


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

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

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

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

Выделяем оба слоя с разными режимами наложения

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

Меню Слои > Объединить слои (Layers > Merge Layers)

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


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

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

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

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

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

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

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

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

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

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


Режимы наложения не изменяют самого изображения

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

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

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

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

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

Выделяем верхний слой

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

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

Введение

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

Панель Layers:

Работать со слоями можно как через меню Layer, так и через отдельную панель Layers:

По умолчанию панель Layers отображена в нижнем правом углу редактора. Если она отсутствует, то зайдите в меню Window (Окно) и выберите строку Layers (Слои). Или же просто нажмите клавишу F7:

Создание нового слоя

Для начала и нажмите по пиктограмме снизу Сreate new Layer (Создать новый слой). Или же комбинацией клавиш Shift+Ctrl+Alt+N:

Итак, у нас есть два пустых слоя. Нижний залит белым однотонным цветом и называется Background, а второй, только что созданный нами — прозрачный и по умолчанию называется Layer 1:

Сейчас Layer 1 подсвечен синим цветом. Это говорит о том, что он активен и все изменения которые мы проделаем на холсте будут отображены только на нем. Что бы лучше это понять, проделаем простой эксперимент, выберите инструмент Brush (Кисть) и нарисуйте на холсте что угодно, на пример вот такую простую звезду:

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

Давайте создадим еще один слой (Shift+Ctrl+Alt+N) и добавим на него еще одну фигуру:

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

В результате этого действия, вы заметите как первая фигура стала перекрывать вторую:

Отображение и скрытие слоя

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

Попробуйте нажать на одну из пиктограмм и наблюдайте за результатом:

Управление непрозрачностью

Вот таким простым способом можно на время отключить отображения любого слоя.

Двигаемся дальше. В верхней части палитры Layer обратите внимание на параметры Opacity (непрозрачность) и Fill (заполнение). Благодаря им можно менять прозрачность слоя. Например Opacity со значением в «100%» означает полную видимость, а значение «0» полную невидимость:

На первый взгляд кажется что параметры Opacity и Fill одинаковы. Но это только кажется. Fill отличается тем, что он влияет только на прозрачность пикселей слоя, а Opacity влияет и на пиксели и на эффекты.

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

и переименуйте его:

Представьте что вы работаете над большим проектом, где присутствуют десятки слоев. В таком количестве очень легко запутаться даже профессионалу. Но фотошоп позволяет облегчить работу дизайнеру благодаря созданию так называемых групп. Например в проекте есть 5 слоев с набросками и 10 с контурами или же какими либо фильтрами. Их неплохо бы было рассортировать по группам. Создать группу очень просто, для этого с зажатой клавишей Shift выберите несколько слоев и потяните их на пиктограмму Create a new group (Создать новую группу):

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

Создание дубликата (копии) слоя

Если вам нужно создать точную копию слоя, то просто выберите его и нажмите Ctrl+J. Появится точный дубликат:

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

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

Normal (Нормальный)

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

Dissolve (Растворение)

В случайном порядке удаляет часть пикселей, что позволяет придать эффект шума.

Darken (Замена темным)

Проявляет темные оттенки слоя.

Multiply (Умножение)

Один из самых распространенных режимов в фотошопе. В этом режиме цвет становится насыщеннее и темнее. Отлично подойдет для затемнения пересвеченных фотографий.

Color Burn (Затемнение основы)

Позволяет повысить контрастность и насыщенность цвета. Помимо этого Color Burn еще и немного затемняет оттенки.

Linear Burn (Линейный затемнитель)

Затемняет нижний слой, и проявляет цвет верхнего. Так же уменьшает и яркость.

Lighten (Замена светлым)

Создает противоположный эффект режиму Darken. Проявляет светлые пиксели.

Screen (Осветление)

Хорошо подходит для осветления изображения.

Colour dodge (Осветление основы)

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

Linear dodge (Линейный осветлитель)

Дает такой же эффект как и предыдущий режим, но теперь цвета сочетаются повышая яркость.

Overlay (Перекрытие)

Этот режим равномерно смешивает цвета обоих слоев. Он не влияет на светлые части и умножает темные. Неплохо подходит для какой нибудь текстуры.

Soft Light (Мягкий свет)

Этот режим осветляет и затемняет цвета в зависимости от цвета верхнего слоя. Неплохо подойдет для коррекции тонов.

Hard light (Жесткий свет)

По свойствам похож на Soft light, но менее контролируем и поэтому почти не используется. Затемняет, если наверху темное изображение и осветлять если светлое, при этом повышая контрастность.

Vivid Light (Яркий свет)

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

Linear Light (Линейный свет)

Результат зависит от цветов верхнего слоя. Если верхний яркий, то нижний станет светлее, если темный, то темнее.

Pin Light (Точечный свет)

Дает различные интересные результаты, работает путем перемещения цветов в зависимости от темных или светлых тонов

Hard Mix (Жесткое смешение)

Максимально повышает контраст, делая изображение очень ярким.

Difference (Разница)

Смешиваясь с белым цветом приводит к инвертированию цвета. С темными цветами данный режим не работает

Exclusion (Исключение)

Похож на режим Difference, но дает меньшую контрастность.

Hue (Цветовой тон)

Цвета верхнего слоя смешиваются с яркостью и насыщенностью нижнего, что дает довольно сильный эффект.

Saturation (Насыщенность)

Хорошо подходит когда слою нужно принять цвет или текстуру другого.

Colour (Цветность)

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

Luminosity (Свечение)

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

Практика

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

Для начала выберете любую фотографию…

И откройте ее в фотошопе…

Создайте новый слой…

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

Растяните изображение по нужному размеру и не забудьте нажать Enter! Переименуйте слой…

Теперь поработаем с режимами наложения…

Для практики поиграйте с разными режимами, пока не поймете какой подходит лучше

Я установил Soft Light (Мягкий свет) и с непрозрачностью в 75%…


Не будем останавливаться на достигнутом, добавим еще один слой с изображением и придадим ему тип смешивания по вкусу…

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

При обработке фотографии часто хочется сделать что-то необычное и оригинальное. Для этого мы используем различные кисти, фильтры, плагины, стили и другие возможности Adobe Photoshop. Еще одним хорошим способом добиться интересного результата является применение режимов наложения слоя. Их использование может дать самые необычные и неожиданные варианты оформления фотографии.

Вам понадобится

  • Adobe Photoshop, фотографии

Инструкция

  • Применив опцию Open из меню File, откройте в Photoshop картинку, предназначенную для наложения нового фона, и файл с задним планом.

    Перетащите фон в окно документа с объектом, который является основой создаваемого коллажа, воспользовавшись инструментом Move Tool.

  • Если нужно, отрегулируйте размер одного из изображений. Для трансформации верхнего слоя примените опцию Free Transform меню Edit, зажав для сохранения пропорций картинки клавишу Shift. Чтобы получить возможность менять размер нижнего слоя, разблокируйте его опцией Layer from Background группы New меню Layer.
  • Для полной замены исходного фона картинки вам потребуется создать на основе контура объекта переднего плана маску, скрывающую часть нового фона. Отключите видимость верхнего слоя опцией Hide Layers меню Layer и выделите изображение, которое останется в финальной версии коллажа. Можете обвести контуры объекта инструментом Lasso или, если очертания предмета состоят из отрезков прямых линий, Polygonal Lasso.
  • Выделить фигуру с более сложными контурами можно при помощи фильтра Extract. Перед открытием окна его настроек добавьте в документ дубликат слоя с выделяемым объектом клавишами Ctrl+J и работайте с Extract на копии. Это поможет вам сохранить мелкие детали картинки даже при некорректной работе фильтра. Применив Extract, щелкните по иконке обработанного слоя при зажатой клавише Ctrl для загрузки выделения.
  • Перейдите на верхний слой и включите его опцией Show Layers меню Layer. Кликнув в нижней панели палитры слоев по кнопке Add layer mask, спрячьте под маску часть нового фона. Сочетанием Ctrl+I инвертируйте полученную маску, чтобы убрать фрагмент слоя, закрывающий объект переднего плана.
  • Если на объекте, лежащем на нижнем слое, заметен эффект освещения, сделайте имитацию света на новом фоне при помощи фильтра Lighting Effects. Для корректной работы с этим фильтром создайте сочетанием Shift+Ctrl+Alt+E отпечаток видимых слоев документа. Откройте настройки Lighting Effects опцией из группы Render меню Filter и отрегулируйте освещение слоя так, чтобы оно естественно сочеталось со светом на картинке с нижнего слоя.
  • В результате обработки фильтром объект, вставленный на новый фон, оказался освещен дважды. Чтобы это исправить, добавьте маску на слой со светом. Загрузите выделение из маски на слое с фоновой картинкой, щелкнув по пиктограмме маски при нажатой клавише Ctrl. Клавишами Shift+Ctrl+I инвертируйте выделенную область так, чтобы она охватывала только объект. Включите инструмент Paint Bucket и, присвоив параметру Opacity в его настройках значение двадцать процентов, залейте выделенный участок на маске с эффектами освещения черным цветом. Если свет на объекте остается слишком ярким, еще раз примените Paint Bucket.
  • Можете добавить на новый фон тень, которую отбрасывает вставленный на него объект. Для этого клавишами Ctrl+Shift+N добавьте в коллаж новый слой. Загрузите выделение из маски фона, инвертируйте его и залейте на новом слое черным цветом. Сочетанием Ctrl+D уберите выделение. Измените форму тени опцией Distort группы Transform меню Edit. Сделайте тень прозрачной, отрегулировав параметр Opacity для ее слоя.
  • Для сохранения файла со всеми слоями примените опцию Save As меню File и выберите формат psd. Получить однослойную картинку можно, сохранив документ как файл jpg.
  • Источники
    • Создаём в Фотошоп обои с абстрактными элементами
    Как накладывать фон в Photoshop - версия для печати