Фотошоп как наложить слой другой. Учимся объединять режимы наложения

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

Режимы наложения (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 . Теперь, для усвоения урока, предлагаю вам немного потренироваться и поэкспериментировать, возьмите любое изображение или фотографию, создайте новый слой и залейте его разноцветным градиентом. Затем пройдитесь по всем режимам и посмотрите, что получится. Понравилась статья? Расскажи о ней своим друзьям в социальных сетях.

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

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

Прежде чем мы приступим к дальнейшему изучению того, какие удивительные вещи можно совершать со слоями, нам нужно рассмотреть один особой тип слоя - «Фон» (Background layer). Причина, по которой мы останавливаемся на изучении слоя заднего фона, заключается в том, что некоторые действия с этим слоем совершать нельзя в отличие от действий с другими слоями. Если мы не будем осведомлены об этих действиях заранее, мы сможем легко запутаться в нашей работе и не получить желаемый результат.

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

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

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

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

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка» (Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка» , просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение» (Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение» (удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка» :

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить» (Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование» (Edit) в строке меню в верхней части экрана и выберу команду «Вырезать» (Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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

Белая область внутри рамки теперь заполнена черным цветом

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) - в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона - черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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

Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

Видно, что новая фотография появилась перед фоторамкой в окне документа:

Второе изображение появилось перед фоторамкой

Для того чтобы мое второе изображение появилось внутри рамки, мне нужно поменять порядок расположения слоев - поместить слой с рамкой поверх слоя с фотографией. Обычно, менять слои местами - легко, необходимо всего лишь выбрать слой для перемещения и перетащить его поверх другого слоя, но не в нашем случае, когда мы хотим переместить слой «Фон». Когда я нажимаю на слой «Фон» и пытаюсь переместить его поверх слоя с фотографией, появляется маленький значок в виде перечеркнутого круга (международный знак запрета), свидетельствующий о том, что по некоторым причинам это действие невозможно:

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

Хорошо, если мы не можем перемещать слой «Фон» поверх другого слоя, что будет, если мы попробуем переместить другой слой под слой «Фон»? Я нажму на «Слой 1» и попробую переместить его под слой «Фон», но и это не получается. Опять возникает маленький значок в виде перечеркнутого круга, который означает невозможность совершения действия:

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

И снова, причина этого заключается в том, что слой «Фон» должен всегда оставаться задним фоном документа. Мы не можем перемещать данный слой поверх других слоев и также перемещать другие слои под слой «Фон».

Простое решение проблемы

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

Так как главное назначение слоя «Фон» - служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, - как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои» (Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее - «Слой из заднего плана» (Layer From Background):

Выбираем «Слои» > «Новый» > «Слой из заднего плана» (Layer > New > Layer From Background)

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

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой» (New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон» , просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:

Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет: чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

Например, мне все еще нужно переместить фоторамку поверх изображения на «Слое 1». Теперь это сделать легко, так как фоторамка больше не находится на слое «Фон»! Я могу всего лишь нажать на «Слой 0» на панели слоев и перетащить его наверх, чтобы тонкая светлая полоска появилась над «Слоем 1»:

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

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

Раньше я не мог удалить белую область внутри рамки, пока изображение было на слое «Фон», но теперь, после того как я переименовал слой «Фон» на «Слой 0», это стало сделать нетрудно. Я выделю область внутри рамки, применяя инструмент «Волшебная палочка» , как я это сделал в первый раз:

Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, - вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:

Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

На панели инструментов я выберу инструмент «Перемещение» (Move), кликну по фотографии и перемещу ее внутрь фоторамки, как мне нужно. Несмотря на то, что «Слой 1» в настоящий момент является самым нижним слоем в документе, он не закреплен, поскольку не служит больше слоем заднего фона. Я могу свободно перемещать его, куда пожелаю:

Перемещаем фотографию на нужное место внутрь фоторамки

Как мы с вами рассмотрели, слои заднего фона являются особым типом слоев в программе Photoshop, с наложенными на них ограничениями. Мы не можем перемещать их содержимое, удалять что-либо с них, и они всегда должны оставаться среди слоев документа в самом низу. В большинстве случаев, эти ограничения не причиняют нам особых неудобств, поскольку обычно мы не работаем напрямую со слоем «Фон». Но если вам нужно снять ограничения, просто переименуйте слой «Фон» и дайте ему любое другое имя. Это действие приведет к тому, что данный слой немедленно станет нормальным слоем, с которым вы сможете работать без ограничений!

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

Перевод: Ксения Руденко

Режимы наложения - одно из основных понятий в фотошопе и используется во многих инструментах и командах. Установить режим наложения можно и для слоя в целом. Рассмотрим основные режимы смешивания на примере работы со слоями.

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

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

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

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

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

Это обычное состояние слоя. Здесь нет взаимодействия между слоями (активным и нижестоящим). Видим только изображение верхнего слоя, если не установлена непрозрачность меньше 100%.

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

Этот режим в случайном порядке удаляет некоторые пиксели активного слоя, что придает эффект пористости или шума. Влияет на полупрозрачные пиксели. Они заменяются случайным образом: часть из них окрашивается в то, что накладывается, а часть остается окрашенной в базовый цвет. Если нет полупрозрачных пикселей – установите Opacity (непрозрачность) слоя меньше 100%. Похоже на наложение прозрачного шума (noise) на верхнее изображение.

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

Этот режим проявляет только темные оттенки верхнего слоя на нижнем. Сравниваются цветовые значения накладывающегося цвета и базового, выбирается более темное цветовое значение. Белый цвет при наложении просто игнорируется. Например, базовый пиксель окрашен в цвет RGB 25\100\215, цвет, который накладывается, имеет значения 100\200\50, то результат цвета будет 25\100\50.

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

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

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

Color Burn (выжигание цвета или форсирование цвета или затемнение цвета или цветное затемнение в разных русских версиях переводится по разному).

Режим наложения Color Burn создаёт эффект "выжигания" нижнего слоя под воздействием верхнего слоя. То есть тёмные участки верхнего слоя используются для затемнения нижнего слоя. Используется умножение цветов и увеличение насыщенности. Результат выглядит очень контрастно и обычно непредсказуем. Экспериментируйте!

Linear Burn (линейное выжигание)

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

Darker Color (притемнение)

Режим наложения Darker Color сравнивает пиксели верхнего и нижнего слоя и выбирает те пиксели, которые темнее.

Lighten (осветление)

Режим наложения Lighten (осветление) - противоположен режиму Darken: сравнивает верхний и нижний слой и в результрующую картинку поканально записывает более светлые пиксели (поканально).

Screen (экранирование)

Режим наложения Screen (экранирование) - противоположен режиму Multiply , перемножает инвертированный цвет нижнего слоя с верхним слоем. В результате изображение станет светлее. Данный режим полезен для корректировки слишком темных фото.

Color Dodge (выгорание цвета или цветное осветление)

Режим наложения Color Dodge противоположен режиму Color Burn: нижнее изображение светлеет, "выцветает" или "выгорает" под воздействием верхнего цвета. Режим применяется для создание эффекта сияния.

Linear Dodge (линейное выгорание)

Режим наложения Linear Dodge противоположен режиму Linear Burn, только более интенсивен. Приводит к более резким результатам, чем режим наложения Screen или Color Dodge. Создаёт эффект освещения объекта ярким источником света.

Lighter Color (осветление)

Режим наложения Lighter Color противоположен режиму Darker - записывает в результат те пиксели, которые светлее.

Для иллюстрации следующей группы режимов наложения поменяем местами слои fon и apple - изображение выглядит эффектнее.

Overlay (наложение)

Режим наложения Overlay (Наложение) объединяет в себе свойства режимов Multiply (Умножение) и Screen (Осветление). Значения темных базовых цветов подвергаются операции умножения и получается еще более темный цвет. Светлые тона осветляются и становятся еще светлее. Довольно часто наблюдается также некоторое смещение оттенков. В результате получаем повышенную контрастность исходного изображения. Можно применять для улучшения "тусклых фотографий": дублировать слой с изображением, к дубликату применяем режим наложения Overlay и, возможно, уменьшаем непрозрачность слоя. Пример использования в уроке для осветления девушки.

Soft Light (мягкий свет) - похож на режим Overlay, только более мягкий. В результате нижний слой как-бы подсвечивается верхним.

Hard Light (жёсткий свет) - похож на Soft Light, только жёстче. Если для слоя выбран режим Hard Light (Жесткий свет), вы можете рисовать темно-серым цветом, чтобы сделать пиксели более темными, и светло-серым, чтобы сделать их более светлыми.

Vivid Light (яркий свет) - представляет собой комбинацию из режимов наложения Color Dodge к светам и Linear Burn - к теням. То есть контрастность тёмных участков падает, а светлых - возрастает.

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

Режим наложения Linear Light применяет Linear Dodge к светам и Color Burn - к теням. То есть контрастность тёмных участков возрастает, а светлых - падает. Как бы противоположен предыдущему режиму смешивания, но в то же время очень похож на него.

Pin Light (точечный свет) - смешивает светлые цвета, используя режим Lighten, и темные цвета, используя режим Darken.

Hard Mix (жёсткое смешивание) - применяет Color Dodge к светам и Color Burn - к теням. Контрастность изображения возрастает очень сильно вплоть до возникновения эффекта постеризации.

Difference (разница)

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

Exclusion (исключение) - похож на Difference, но с меньшей контрастностью.

Hue (оттенок) - в результате снимок имеет оттенок верхнего слоя, но яркость и насыщенность - нижнего слоя. Создаёт эффект рисования акварельными красками.

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

Color (цвет) - снимок приобретает оттенок и насыщенность верхнего слоя, но яркость - нижнего слоя. Создает эффект колорированного снимка. Пример использования - наложение красных бликов на бутылку в уроке

Luminosity (яркость) - как вы уже догадались, снимок приобретает яркость верхнего слоя и насыщенность+оттенок нижнего слоя.

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

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

Режимы наложения слоев находятся в выпадающем меню вверху панели «Слои» (Layers ). На рисунке для удобства красным шрифтом я написала название режима на анлийском.

1. Базовые режимы
Нормальный (Normal ) — этот режим слоя стоит по умолчанию. Пиксели верхнего слоя непрозрачны и изображения не взаимодействуют. В качестве примера мы будем рассматривать режимы наложения на этих двух картинках.

Затухание (Dissolve ) использует пиксельный узор. Придает эффект пористости. Эффект появится только при прозрачности верхнего слоя менее 100%. Здесь прозрачность 20%.

2. Режимы затемнения

Затемнение (Darken ) — оставляет видимыми только темные области изображения. Смешивает пиксели в местах, где верхний слой темнее нижнего.

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

Затемнение основы (Color Burn ) — затемняет темные цвета и оттенки, не оказывая влияние на светлые оттенки.

Линейный затемнитель (Linear Burn ) — использует тот же подход, что и режим «Затемнение основы», но производит более сильный затемняющий эффект. Если верхний слой белый – изменений не произойдет.

Темнее (Darker Color ) — похож на режим «Затемнение», за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.

3. Режимы осветления

Замена светлым (Lighten ) — cравнивает цвета верхнего и нижнего слоев и смешивает пиксели, если верхний слой светлее нижнего.

Экран (Screen ) — позволяет осветлить все изображение целиком и полезен в тех ситуациях, когда вам необходимо «проявить» какие-либо участки на невыдержанных изображениях.

Осветление основы (Color Dodge ) — противоположный режиму «Затемнение основы», осветляет светлые цвета и оттенки, не оказывая влияние на темные области изображения.

Линейный осветлитель (Linear Dodge ) — позволяет осветлить изображение, однако в отличие от режима «Экран», «отсекает» значения и приводит к более резким результатам, чем режим наложения «Экран» или «Осветление основы».

Светлее (Linear Color ) — похож на режим «Замена светлым», только работает со всеми слоями одновременно, вместо одного слоя. Когда вы смешиваете два слоя вместе, видимыми останутся только светлые пиксели.

4. Режимы контраста

Перекрытие (Overlay ) — комбинирует эффект режимов «Умножение» и «Экран», смешивая верхний слой с нижним. Если верхний слой на 50% серый – эффекта не будет.

Мягкий свет (Soft Light ) — похож на режим «Перекрытие», но придает более умеренный эффект. Если верхний слой на 50% серый – эффекта не будет.

Жесткий свет (Hard Light ) — использует тот же подход, что и режим «Перекрытие», но эффект более сильный. Здесь, верхний слой подвержен или «Экран» режиму или «Умножение», в зависимости от его цвета. Если верхний слой на 50% серый – эффекта не будет.

Яркий свет (Vivid Light ) — сочетает эффект режимов «Затемнение основы» и «Осветление основы» и применяет смешивание в зависимости от цвета верхнего слоя. Если верхний слой на 50% серый – эффекта не будет.

Линейный свет (Linear Light ) — Похож на режим «Яркий свет», но с более сильным эффектом. Если верхний слой на 50% серый – эффекта не будет.

Точечный свет (Pin Light ) — смешивает светлые цвета, используя режим «Замена светлым», и темные цвета, используя режим «Затемнение». Если верхний слой на 50% серый – эффекта не будет.

Жесткое смешение (Hard Mix ) — создает картинку с ровными тонами, ограниченную в цветах и постеризированную. Свечение верхнего слоя смешивается с цветом нижнего.

5. Режимы сравнения

Разница (Difference ) — отображает тональную разницу между двумя слоями, удаляя светлые пиксели из какого-либо слоя. В результате получается темная и иногда перевернутая картинка.

Исключение (Exclusion ) — похоже на режим «Разница», но с менее экстремальным эффектом.

5. Компонентные режимы

Цветовой тон (Hue ) — комбинирует цвет верхнего слоя и колебание цвета и тон нижнего.

Насыщенность (Saturation ) — комбинирует колебание цвета верхнего слоя с цветом и тоном нижнего слоя.

Цветность (Color ) — комбинирует цвет и колебание цвета верхнего слоя с тоном нижнего слоя.

Яркость (Luminosity ) — комбинирует тон верхнего слоя и цвет и колебание цвета нижнего слоя.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Аддитивные

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

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

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

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

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

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

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

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

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

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

Комплексные

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

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

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

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

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

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

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

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

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

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

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

Разностные

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

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

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

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

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

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

HSL

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

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

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

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

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

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

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