Как в фотошопе наложить слой на. Режимы наложения слоёв в Фотошоп

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

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

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

Панель слоев

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

Можно, взявшись мышкой, переставлять компоненты палитры вверх или вниз. Двойной щелчок по миниатюре приведет к выделению на холсте содержимого слоя. Кликая по иконкам в строке "Закрепить" (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/Яркость). В каждом из элементов этой "компании" верхний слой управляет либо яркостью, либо насыщенностью, либо цветом нижнего.

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

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

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

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

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

Рассмотрим оба варианта наложения слоев в фотошопе подробнее, а также некоторые нюансы задействования соответствующих им инструментов. Используем для этого 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.

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

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

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 ) — комбинирует тон верхнего слоя и цвет и колебание цвета нижнего слоя.

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

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

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

Инструкция

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

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

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

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

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

    Волшебные слои

    Для создания слоев и управления ими можно использовать либо раздел главного меню "Слой" ("Layer" в английской версии), либо палитру "Слои" ("Layers"), обычно расположенную в правой части рабочего окна графического редактора. Первую картинку вы можете использовать в качестве общего фона, либо же создайте для нее отдельный. Все остальные картинки придется размещать во вновь создаваемых отдельных слоях. Создавая новый слой в меню "Слой/Новый/Слой" ("Layer/New/Layer"), выбирайте для него прозрачный фон - таким образом новый слой не будет наглухо закрывать все предыдущие.

    Общий алгоритм следующий: из подобранных ранее картинок вы вырезаете нужные вам элементы, например, с помощью инструментов "Лассо" или "Магнитное лассо" и вставляете в создаваемые слои. Если что-то вырезалось некачественно, то вы можете подчистить с помощью инструментов "резинка" или "волшебная палочка". Напомню, что панель инструментов обычно располагается в левой части рабочей области Фотошопа. При наведении курсора на любую из пиктограмм высвечивается название инструмента. В случае, если в правом нижнем углу пиктограммы есть маленький черный треугольник, щелкните по пиктограмме правой кнопкой мыши, тогда вы сможете выбрать один из нескольких инструментов данной группы. Например, "Лассо/Полигональное лассо/Магнитное лассо" ("Lasso /Polygonal Lasso/Magnetic Lasso"). В общем-то, вырезать нужное изображение так же просто, как наложить картинку в фотошопе.

    Обработка элементов внутри слоя

    Расположенные в разных слоях фрагменты коллажа вы можете редактировать в меню "Редактирование/Трансформация" ("Edit/Transform"). Здесь вы сможете изменить размеры изображения, повернуть его на произвольный угол, преобразовать в зеркальное отображение либо искривить нужным вам образом.

    Действия со слоями

    Слои можно перемещать вверх и вниз по палитре, тем самым меняя порядок расположения объектов. Для одновременного изменения или выравнивания нескольких фрагментов можно на время связать слои друг с другом. Для выравнивания объектов удобно использовать команду меню "Слой/Выровнять связанные" ("Layer/Align Linked"). Можно также выровнять фрагменты, расположенные в связанных слоях, с помощью инструмента "Перемещение" ("Move"), на панели параметров которого есть кнопки, позволяющие задать выравнивание по верхнему/нижнему, правому/левому краям, либо по центру.

    В настройках смешивания "Слой/Стиль слоя/Параметры смешивания" ("Layers/Layer Style/Blending Options") можно сделать отдельные фрагменты полупрозрачными или придать им определенные эффекты: тень, свечение, рельефность. Так что теперь вы не просто знаете, как наложить картинку в фотошопе - мы можете это сделать красиво!