Режимы наложения слоев и прозрачность в Adode Photoshop. Описание режимов наложения слоев в фотошопе

Фактически каждый редактируемый графический элемент в фотошопе формирует отдельный слой. Таковых в структуре проекта может быть много. Как их совмещать между собой? Как накладывать слои в фотошопе?

Данная задача может предполагать размещение:

  • одного целостного графического элемента – изображения или текста – на другом;
  • вырезанного участка картинки на каком-либо стороннем объекте.

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

Наложение слоев в виде целостных графических элементов

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

Запускаем фотошоп, выбираем пункт File, затем Open – и загружаем в программу 2 изображения. Их можно выбрать в соответствующем окне одновременно.

В результате картинки загрузятся на двух отдельных холстах.

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

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

Первым делом будет полезно немного уменьшить накладываемую картинку. Для этого следует задействовать опцию Transform Controls. Для ее активации нужно выбрать инструмент Rectangular Marquee Tool, после – поставить галочку напротив пункта Show Transform Controls в верхней части интерфейса фотошопа.

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

Для того чтобы в процессе изменения размера рисунка не менялись его пропорции, можно удерживать клавишу Shift. После того как оптимальная величина изображения подобрана, ее нужно зафиксировать, нажав Enter.

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

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

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

Изучим особенности данной процедуры.

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

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

Собственно, одним из таковых может быть знакомый нам Rectangle Marquee Tool. Используя его, можно, таким образом, выделить прямоугольную область на рисунке с цветами и скопировать ее на другой слой.

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

Доступ к инструменту Magnetic Lasso Tool осуществляется посредством нажатия правой кнопкой мыши на соответствующей группе опций, располагаемых под функцией Rectangle Marquee Tool.

Наложение слоев в фотошопе: нюансы

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

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

Как только картинка с глазом исчезнет – слой станет прозрачным.

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

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

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

«Склеенный» слой можно редактировать как целостный объект. При задействовании тех или иных инструментов обработки графики выбранный эффект распространяется на все изображение.

В нашем примере картинка видоизменена с помощью опции Perspective, которая входит в группу инструментов Free Transform. Активировать ее просто – надо выбрать функцию Rectangle Marquee Tool, затем щелкнуть правой кнопкой на редактируемом рисунке, после – еще раз щелкнуть правой кнопкой.

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

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

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

Связанные слои, с одной стороны, остаются независимыми, с другой стороны – редактирование любого из них повлечет изменения в структуре второго.

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

Прежде чем мы приступим к дальнейшему изучению того, какие удивительные вещи можно совершать со слоями, нам нужно рассмотреть один особой тип слоя - «Фон» (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» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

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

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

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

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

Панель слоев

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

Можно, взявшись мышкой, переставлять компоненты палитры вверх или вниз. Двойной щелчок по миниатюре приведет к выделению на холсте содержимого слоя. Кликая по иконкам в строке "Закрепить" (Lock), мы можем сохранить прозрачность и цвета пикселей, закрепить положение слоя или сохранить их все (кнопка с замочком).

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

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

Как сообщают подсказки на остальных иконках в палитре внизу, мы можем (слева направо) "Добавить стиль…", "Добавить маску", "Создать новый корректирующий…", "Создать новую группу" и, наконец, выбросить в корзину. Такие же команды продублированы в меню Layer.

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

Объединяем слои

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

Если в палитре выбран один слой, его можно только "Объединить с предыдущим", а если выделено два и больше, их можно связать, объединить и сгруппировать, выбрав соответствующие команды. Можно выбирать одновременно, щелкая по ним с нажатой клавишей Ctrl, либо выделить верхний, а затем, нажав Shift, нижний.

Можно ничего не выделять, а просто выбрать команду "Объединить видимые".

Возможность манипуляций с несколькими компонентами одновременно зависит от того, как объединить слои в "Фотошопе".

Слои собираются в группу по команде "Сгруппировать…" в меню Layer (Ctrl + G). Преимущества объединения в группу заключаются в том, что ее элементы обладают общими параметрами непрозрачности и режима наложения, что избавляет от необходимости возиться с каждым слоем. Кроме того, перемещать и трансформировать (Ctrl + T) можно всю группу целиком, а также создавать для нее единую маску.

Если выбрать очень хитрую комбинацию клавиш Ctrl + Alt + Shift + E, "Фотошоп" объединит все выбранные в единый, отдельный слой с результирующим эффектом, поместив его поверх остальных и сохранив при этом в палитре каждый на своем месте.

Как "наложить в слои"

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

За характер смешивания наложенных друг на друга слоев в "Фотошоп" отвечают "Режимы наложения" (Blending mode), выпадающий список которых расположен в верхней части панели.

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

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

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

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

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

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

Пятая группа включает 2-4 таковых и носит название "Режимы сравнения (сопоставления)". Инструменты этой группы, вычисляя разности в цветовых каналах, сравнивают пиксели между слоями и в редактировании фотографий используются редко.

Последнюю группу с именем "Режимы составляющих цвета" именуют еще группой HSL по названиям первый трех режимов (Hue/Оттенок, Saturation/Насыщенность, Luminosity/Яркость). В каждом из элементов этой "компании" верхний слой управляет либо яркостью, либо насыщенностью, либо цветом нижнего.

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

Когда дело касается редактирования фотографий, чаще всего используют пять режимов наложения ("Перекрытие", "Умножение", "Экран", "Яркость" и "Цветность").

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

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

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

  • в диалоговом окне Стиль слоя, где вы можете добавить такие эффекты как тень, свечение и т.д.;
  • в диалоговых окнах некоторых фильтров;
  • в диалоговых окнах Заполнить и Выполнить обводку;
  • на панели Параметры, когда используется инструмент, которым можно рисовать - Кисть, Заливка, Восстанавливающая кисть, Карандаш, Штамп, Архивная кисть, Градиент, Размытие, Резкость и Палец;
  • в диалоговых окнах Вычисления и Внешний канал.

При работе с режимами наложения удобно рассматривать цвета, входящие в состав слоев, как состоящие из трех элементов:

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

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

Рассмотрим все виды режимов наложения и как их применение влияет на изображение в целом

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

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

Они находятся в самом верху списка и вот что делают:

Обычный (Normal)

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

Сочетание клавиш: Shift+Alt+N

Затухание или Растворение (Dissolve)

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

Сочетание клавиш: Shift+Alt+I

Затемняющие режимы наложения

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

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

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

Сочетание клавиш: Shift+Alt+K

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

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

Сочетание клавиш: Shift+Alt+M

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

Он затемняет изображение, увеличивая общий контраст. Если использовать его с 50-процентным серым цветом, то он увеличит интенсивность цвета расположенных ниже слоев.

Сочетание клавиш: Shift+Alt+B

Пример применения наложения — :

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

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

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

Сочетание клавиш: Shift+Alt+A

Темнее (Darker Color)

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

Осветляющие режимы наложения

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

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

Более темные компоненты игнорируются, так что он превосходно подходит для удаления черного фона.

Сочетание клавиш: Shift+Alt+G

Экран (Screen)

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

Сочетание клавиш: Shift+Alt+S

Осветление основы (Color Dodge)

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

Сочетание клавиш: Shift+Alt+D

Линейный осветлитель (добавить) (Linear Dodge (Add))

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

Сочетание клавиш: Shift+Alt+W

Светлее (Lighter Color)

Фотошоп сравнивает базовый и наложенный цвета и оставляет только более светлые пиксели. В отличие от Замена светлым, он не объединяет никаких цветов, а лишь оставляет более светлые.

Освещающие режимы наложения

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

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

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

Сочетание клавиш: Shift+Alt+O

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

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

Сочетание клавиш: Shift+Alt+F

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

Объединяет в себе Умножение и Экран: если наложенный цвет светлее 50-процентного серого, то изображение становится светлее; если наложенный цвет темнее - изображение становится темнее. Если вы реально хотите выделить детали изображения, можно использовать данный режим совместно с фильтром Тиснение (Emboss) .

Сочетание клавиш: Shift+Alt+H

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

Фотошоп применяет цветовое затемнение для повышения контрастности цветов, которые темнее 50-процентного серого и цветовое осветление для уменьшения контрастности цветов, которые светлее 50-процентного серого. Используйте этот режим, если нужно «выдавить» изображение или добавить к нему текстуру.

Сочетание клавиш: Shift+Alt+V

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

Объединяет режимы Линейный затемнитель и Линейный осветлитель: первый используется для уменьшения яркости цветов, которые темнее 50-процентного серого; второй - для увеличения яркости цветов, которые светлее 50-процентного серого.

Сочетание клавиш: Shift+Alt+J

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

Объединяет режимы Замена светлым и Затемнение: если наложенный цвет светлее, чем 50-процентный серый, то области, окрашенные в базовый цвет более темный, чем 50-процентный серый, меняют цвет на наложенный; а те пиксели, которые цвет которых светлее 50-процентного серого, не изменяются вообще. Но если наложенный цвет темнее 50-процентного серого, он заменяет цвет более светлых областей на наложенный, а более темные области не изменяются. Этот режим используется редко, так как дает странные результаты (а может не давать их вообще), но поэкспериментировать с ним - особенно в сочетании с фильтрами - все же стоит.

Сочетание клавиш: Shift+Alt+Z

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

Резко уменьшает количество цветов в изображении (эффект, известный как постеризация ), поэтому в итоге вы получаете крупные области, окрашенные в очень яркие красный, зеленый и синий цвета. В этом режиме фотошоп анализирует сумму значений наложенного цвета и прибавляет их к основному цвету. Например, если значение красного, зеленого или синего каналов равно 255, то оно прибавляется к базовому цвету; если же значение меньше 255, то прибавляется 0. Действие режима можно ослабить, уменьшая в верхней части палитры слоев.

Сочетание клавиш: Shift+Alt+L

Сравнительные режимы наложения

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

Разница (Difference)

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

Сочетание клавиш: Shift-t-Alt+E

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

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

Сочетание клавиш: Shift+Alt+X

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

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

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

Сочетание клавиш: Shift+Alt+U

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

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

Сочетание клавиш: Shift+Alt+T

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

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

Сочетание клавиш: Shift-bAlt+C

Яркость (Luminosity)

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

Сочетание клавиш: Shift+Alt+Y

Вычитание (Subtract)

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

Разделить (Divide)

Делит 8-разрядное значение от каждого слоя друг на друга.

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

Часть атрибутов доступна непосредственно в палитре Layers (Слои). В первую очередь, это режим наложения и прозрачность.

Прозрачность регулируется двумя инструментами. Fill (Заливка) влияет на прозрачность только пикселей слоя, а вот Opacity (Непрозрачность) влияет на непрозрачность пикселей и эффектов слоя.

В нижней части панели расположены следующие инструменты:

  • Создание связи между слоями – вы можете связать два и больше слоев или групп друг с другом. В отличии от выбора нескольких слоев, связанные слои сохраняют свою связь пока вы её не отмените.
  • Применение эффектов к слоям – открывает панель параметров наложения.
  • Добавление маски к слою – создается обычная, белая маска, а если зажать Alt и нажать на кнопку, создается непрозрачная маска.
  • Создание корректирующего слоя – в отличии от обычной коррекции, скажем Curves – корректирующий слой можно изменить в любой момент.
  • Создание папки для слоев – очень удобно когда работаете с большим количеством слоев, группировать их.
  • Создание нового слоя.
  • Удаление слоя.

Как работают режимы наложения слоев

Давайте рассмотрим, как работают режимы наложения слоев в трех разных ситуациях:

  1. Накладывается дубликат слоя
  2. Накладывается цвет
  3. Накладывается другое изображение, например, текстура

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

Пиксели верхнего слоя непрозрачны и потому закрывают нижний слой. Изменение прозрачности верхнего слоя сделает его полупрозрачным и заставит смешаться с другим слоем. В этом примере прозрачность верхнего слоя 100%, кроме надписи — там 50%.


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

Комбинирует верхний слой с нижним, используя пиксельный узор. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Уменьшите прозрачность для проявления эффекта.


Группа затемнения

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


Затемняет все изображение. Полезен для увеличения плотности светов и средних тонов. Если верхний слой белый – изменений не произойдет.

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


Позволяет получить более темное изображение с увеличенной контрастностью. Если верхний слой белый – изменений не произойдет.


Более “сильная” комбинация режимов наложения Multiply и Color Burn, темные пиксели преобразуюся в черные. Если верхний слой белый – изменений не произойдет.

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


Группа осветления

Режим противоположный режиму Darken, затемняет темные пиксели более светлыми.


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


Действие похоже на Screen (Экран), но заметно сильнее в светлых областях за счет проявления более насыщенных и контрастных цветов нижнего слоя. Имитирует недодержку в фотографическом процессе.


Комбинация режимов Screen и Color Dodge; светлые значения преобразуются в белые. Если верхний слой черный – эффекта не будет.


Группа увеличения контрастности

Затемняет темные пиксели (Multiply) и осветляет (Screen) светлые, что приводит к увеличению контрастности без усечения теней и светов. Если верхний слой 50% серый – эффекта не будет.


Комбинация режима Dodge, который осветляет светлые пиксели, и режима Burn, который затемняет темные пиксели. Увеличивает контрастность чуть меньше чем режимы Overlay и Hard Light.


Использует тот же метод, что и режим Overlay, но эффект более сильный.


Если верхний слой светлее 50% серого, то верхний слой осветяется через уменьшение контраста (Color Burn), а если темнее – то затемняется через увеличение контраста (Color Dodge).


Похож на режим Vivid Light. Если верхний слой светлее 50% серого, то верхний слой осветяется через увеличение яркости (Linear Burn), а если темнее – то затемняется через уменьшение ярокости (Linear Dodge).


Комбинирует режимы Darken и Lighten для замены значений пикселей. Если верхний слой светлее чем 50% серый, пиксели осветляются через режим Lighten, а если темнее 50% серого – затемняются режим Darken.


Осветляет светлые пиксели и затемняет темные пиксели до пороговых значений. Это приводит к чрезвычайной постеризации. Свечение верхнего слоя смешивается с цветом нижнего.


Группа сравнения

Представляет идентичные пиксели как черные, похожие – как темно-серые, а противоположные – как инвертированные. Если верхний слой черный – изменений не будет.


Похоже на режим Difference, однако обеспечивает меньшую контрастность. Наложение на черный цвет не приводит к каким-либо изменениям, а наложение на белые пиксели – к инверсии сравниваемых значений, что приводит к их отображении серым цветом.


Группа компонентов изображения

Комбинирует свечение (Luminance) и насыщенность (Saturation) нижнего слоя с цветовым тоном (Hue) верхнего.


Комбинирует свечение (Luminance) и цветовой тон (Hue) нижнего слоя с насыщенностью (Saturation) верхнего слоя.


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

Комбинирует тон (Hue) и насыщенность (Saturation) верхнего слоя и свечение (Luminance) нижнего слоя.