Как наложить слой на слой в фотошопе: Непрозрачность слоев и режимы наложения в Adobe Photoshop

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

Работа со слоями – одна из мощнейших возможностей фотошопа. Ни одна серьезная ретушь не обходится без работы со слоями.

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

 

Для начала разберем панель слоев.

Над слоями меню выбора режима наложения, непрозрачность (Opacity) и заполнение (Fill).

Примечание. Мне часто задают вопрос – чем Opacity отличается от Fill. Ответ такой – Fill влияет на прозрачность только пикселей слоя, а вот Opacity влияет на непрозрачность пикселей и эффектов слоя.

Идем дальше. В меню Lock вы можете выбрать что заблокировать на данном слое:

• Заблокировать прозрачные участки – вы сможете изменять только участки заполненные пикселями.
• Заблокировать пиксели изображений – предотвращает изменение пикселей с помощью инструментов рисования.
• Заблокировать позицию – предотвращает перемещение пикселей.
• Заблокировать слой целиком.

Нижняя часть панели:

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

Теперь перейдем непосредственно к режимам наложения слоев.

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

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

Basic – Основная группа

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

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

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

Darken – Сравнивает два источника и заменяет значения светлых пикселей значениями темных.

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

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

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

Darker color – Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. Когда вы смешиваете два слоя, видимыми останутся только темные пиксели.

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

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

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

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

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

Lighter Color – Сравнивает значения всех каналов обоих слоев и отображает более светлые пиксели.

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

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

Soft Light – Комбинация режима Dodge, который осветляет светлые пиксели, и режима Burn, который затемняет темные пиксели. Увеличивает контрастность чуть меньше чем режимы Overlay и Hard Light. Если верхний слой на 50% серый – эффекта не будет.

Hard Light – Использует тот же метод, что и режим Overlay, но эффект более сильный. Если верхний слой светлее 50% серого, то верхний слой осветяется через Screen, а если темнее – то затемяется через Multiply. Если верхний слой на 50% серый – эффекта не будет.

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

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

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

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

Comparative – группа сравнения

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

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

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

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

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

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

Luminosity – Противоположный режиму Color. Комбинирует Luminance (cвечение) верхнего слоя и Hue (цвета) и Saturation (колебание цвета) нижнего слоя.

Источник: fototips.ru

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

Непрозрачность слоев и режимы наложения в Adobe Photoshop

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

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

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

Примечание.

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

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

   Примечание.

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

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

1. Выберите слой или группу на панели «Слои».
2. Выберите режим наложения.

   • В раскрывающемся меню «Режим наложения» панели «Слои» выберите режим.

   • Выберите меню «Слой» > «Стиль слоя» > «Параметры наложения», затем выберите режим в раскрывающемся меню «Режим».

   Примечание.

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

Описания и примеры для каждого режима см. в разделе Режимы наложения.

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

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

1. Выделите преобразуемый слой.
2. Дважды щелкните миниатюру слоя и в меню панели «Слои» выберите пункт «Параметры наложения» или пункт меню «Слои» > «Стиль слоя» > «Параметры наложения».

   Примечание.

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

3. Укажите область действия следующих параметров наложения:

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

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

   Дополнительные параметры наложения

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

   • Чтобы применить эффекты слоя только к областям, задаваемым слоем-маской, выберите параметр «Слой-маска скрывает эффекты».

   • Чтобы применить эффекты слоя только к областям, задаваемым векторной маской, выберите параметр «Векторная маска скрывает эффекты».

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

1. Выполните одно из следующих действий.

   • Дважды щелкните миниатюру слоя.

   • В меню «Слой» выберите пункт «Стиль слоя» > «Параметры наложения».

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

   Примечание.

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

2. В области «Расширенные параметры наложения» диалогового окна «Стиль слоя» снимите флажки с каналов, которые необходимо исключить из процесса наложения.

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

1. Дважды щелкните миниатюру слоя и выберите пункт «Слои» > «Стиль слоя» > «Параметры наложения» или в меню панели «Слои» выберите пункт «Добавить стиль слоя» > «Параметры наложения».

   Примечание.

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

2. В области «Дополнительные параметры» диалогового окна «Стиль слоя» выберите нужный параметр в раскрывающемся меню «Наложить, если».

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

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

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

   Примечание.

   Чтобы задать диапазон частично накладываемых точек, перетащите половину треугольника ползунка, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Два значения, появившиеся над разделенным надвое ползунком, отображают диапазон частичного наложения.

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

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

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

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

Как накладывать слои в фотошопе?

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

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

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

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

Содержание статьи

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

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

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

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

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

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

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

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

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

Далее берем инструмент Rectangular Marquee Tool и выделяем рисунок с цветами.

После этого копируем соответствующий графический элемент с помощью сочетания клавиш 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.

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

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

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

Таковы основные возможности и нюансы наложения слоев в фотошопе.

Слои в Photoshop

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

Введение 

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

Панель  Layers:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Переименование слоя

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

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

Создание группы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Difference (Разница)

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

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

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

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

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

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

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

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

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

Luminosity (Свечение)

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

Практика

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

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

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

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

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

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

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

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

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

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

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

Как наложить слой в фотошопе?

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

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

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

Инструкция

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

Если нужно, отрегулируйте размер одного из изображений. Для трансформации верхнего слоя примените опцию Free Transform меню Edit, зажав для сохранения пропорций картинки клавишу Shift. Чтобы получить возможность менять размер нижнего слоя, разблокируйте его опцией Layer from Background группы New меню Layer.

Для полной замены исходного фона картинки вам потребуется создать на основе контура объекта переднего плана маску, скрывающую часть нового фона. Отключите видимость верхнего слоя опцией Hide Layers меню Layer и выделите изображение, которое останется в финальной версии коллажа. Можете обвести контуры объекта инструментом Lasso или, если очертания предмета состоят из отрезков прямых линий, Polygonal Lasso.

Выделить фигуру с более сложными контурами можно при помощи фильтра Extract. Перед открытием окна его настроек добавьте в документ дубликат слоя с выделяемым объектом клавишами Ctrl+J и работайте с Extract на копии. Это поможет вам сохранить мелкие детали картинки даже при некорректной работе фильтра. Применив Extract, щелкните по иконке обработанного слоя при зажатой клавише Ctrl для загрузки выделения.

Перейдите на верхний слой и включите его опцией Show Layers меню Layer. Кликнув в нижней панели палитры слоев по кнопке Add layer mask, спрячьте под маску часть нового фона. Сочетанием Ctrl+I инвертируйте полученную маску, чтобы убрать фрагмент слоя, закрывающий объект переднего плана.

Если на объекте, лежащем на нижнем слое, заметен эффект освещения, сделайте имитацию света на новом фоне при помощи фильтра Lighting Effects. Для корректной работы с этим фильтром создайте сочетанием Shift+Ctrl+Alt+E отпечаток видимых слоев документа. Откройте настройки Lighting Effects опцией из группы Render меню Filter и отрегулируйте освещение слоя так, чтобы оно естественно сочеталось со светом на картинке с нижнего слоя.

В результате обработки фильтром объект, вставленный на новый фон, оказался освещен дважды. Чтобы это исправить, добавьте маску на слой со светом. Загрузите выделение из маски на слое с фоновой картинкой, щелкнув по пиктограмме маски при нажатой клавише Ctrl. Клавишами Shift+Ctrl+I инвертируйте выделенную область так, чтобы она охватывала только объект. Включите инструмент Paint Bucket и, присвоив параметру Opacity в его настройках значение двадцать процентов, залейте выделенный участок на маске с эффектами освещения черным цветом. Если свет на объекте остается слишком ярким, еще раз примените Paint Bucket.

Можете добавить на новый фон тень, которую отбрасывает вставленный на него объект. Для этого клавишами Ctrl+Shift+N добавьте в коллаж новый слой. Загрузите выделение из маски фона, инвертируйте его и залейте на новом слое черным цветом. Сочетанием Ctrl+D уберите выделение. Измените форму тени опцией Distort группы Transform меню Edit. Сделайте тень прозрачной, отрегулировав параметр Opacity для ее слоя.

Для сохранения файла со всеми слоями примените опцию Save As меню File и выберите формат psd. Получить однослойную картинку можно, сохранив документ как файл jpg.

Источники

• Создаём в Фотошоп обои с абстрактными элементами

Как накладывать фон в Photoshop — версия для печати Оцените статью!

Как накладывать слои в фотошопе?

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее берем инструмент Rectangular Marquee Tool и выделяем рисунок с цветами.

После этого копируем соответствующий графический элемент с помощью сочетания клавиш 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.

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

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

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

Таковы основные возможности и нюансы наложения слоев в фотошопе.

Наложение слоёв в фотошопе для начинающих

1

Всем привет!

Вот решил немного освежить и вашу и свою память, и сделать небольшую справку, что же из себя представляют режимы наложения слоёв в фотошопе. Особенно в преддверии хорошего и глубокого семинара “Режимы наложения слоёв в Adobe Photoshop”.

Итак, приступим.

Как известно, режимов наложения слоев у нас ровно 25 штук (в версии CS4).

Они разбиты на 6 групп:

Группа Basic (простой) заменяет базовый слой, Darken (затемнение) затемняет базовый слой, Lighten(осветление) освещает его, Contrast (контраст) увеличивает или уменьшает общий контраст, Comparative(сопоставление) инвертирует цвет базового слоя, и режимы HSL (цветовой тон) определяют специфический цветовой компонент.

Готовим две картинки, на которых будем эксперементировать. Карточки я подобрал так, что бы показать одновременно цветную и черно-белую фотографии, а так же решетку из трёх базовых цветов – красного, зеленого и синего. Для примера я специально взял одинаковые фотографии для нижнего и верхнего слоев, ведь фотографы же, как правило обрабатываюм части одного изображения. 😉
Слои расположены так, как и будут расположены в Фотошопе – горизонтальные полоски – нижний (базовый) слой, вертикальные полоски – верхний (наложения) слой.

Далее я буду только менять режим наложения слоёв, ничего больше не трогая и не изменяя. Opasity для верхнего слоя всегда будет 100%.

Приступим.

Basic (простой)

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

Dissolve (Растворение)
Режим похож на наложение прозрачного шума (noise). D случайном порядке удаляются некоторые пиксели активного слоя, что придает эффект пористости или шума. Эффекта не будет, если верхний слой имеет 100% непрозрачность. Для примера прозрачность верхнего слоя установлена 50%.

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

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

Multiply (Умножение)
Режим накладывает цвета верхнего слоя на цвета нижнего. Происходит умножение цветов верхнего и нижнего слоёв. Яркость результата всегда ниже яркости любого из изначальных изображений. Режим похож на просмотр напросвет двух положеных друг на друга слайдов. Цвет становится гуще, от этого изображение темнеет. Этот режим можно применять для восстановления очень светлых фото, путем дублирования основного слоя и установления верхнему слою режима “Умножение”.

Color burn (Затемнение основы)
Противоположен по действию режиму Color Dodge. Так же основан на инструменте Burn, имитирующего переэкспозицию по всему слою. Затемняет или «прожигает» изображение, используя содержимое верхнего слоя. За счет этого изображение становится значительно насыщеннее по цвету.

Linear burn (Линейный затемнитель)
Использует тот же подход, что и режим Color Burn, затемняя нижний слой, чтобы проявить цвет верхнего слоя, путем уменьшения яркости.

Darker color(Тени)
Похож на режим Darken, за исключением того, что работает на всех слоях сразу, а не на одном. При смешивании слоёв видимыми останутся только темные пиксели.

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

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

Screen (Осветление)
Этот режим производит те же вычисления, как и режим “Multiply”, но использует при этом инвертированные значения, чтобы проявить конечный результат. Этот режим осветляет изображение. По действию похож на просмотр слайдов с помощью двух слайд-проекторов, направленных на один экран. Поэтому, собственно, и называется Screen. Его можно применять для осветления темных фотографий, путем дублирования и установления верхнему слою режима “Осветление”.

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

Linear dodge (Add) (Линейный осветлитель)
То же самое, что и Color Dodge, но здесь цвета сочетаются путем повышения яркости. Похож на режим Screen, только придает более осветляющий эффект.

Lighter color(Света)
Похож на режим Lighten, только работает со всеми слоями одновременно, вместо одного слоя. При смешивании слоёв видимыми останутся только светлые пиксели.

Contrast (контраст)

Overlay (Перекрытие)
Комбинирует эффект режимов Multiply и Screen, смешивая верхний слой с нижним. Режим зависит от яркости пикселей накладываемых слоёв. Результат осветляется, если яркость пикселей нижнего слоя больше, чем верхнего. Если яркость пикселей нижнего слоя меньше, чем верхнего, то результат затемняется. Хорошо подходит для наложения текстуры на изображение.

Soft light (Мягкийвет)
Похож на режим Overlay, но придает более умеренный эффект. При наложении слоев пиксели светлее 50% нейтрального серого осветляют нижний слой, пиксели темнее 50% нейтрального серого – пропорционально затемняют. В результате нижний слой как бы подсвечивается верхним. Режим похож на Overlay с 50% прозрачности.

Hard light (Жесткий свет)
Противоположный режиму Overlay. Изображение затемняется, если верхний слой темнее, и осветляется, если верхний слой светлее, при этом контрастность будет повышаться.

Vivid light (Яркий свет)
Сочетание режимов Color Burn и Color Dodge. Режим применяет смешивание в зависимости от цвета верхнего слоя.

Linear light (Линейный свет)
Похож на режим Vivid Light, но с более сильным эффектом. Если верхний слой яркий, то нижний слой будет осветляться, если темный, то затемняться.

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

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

Comparative (сопоставление)

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

Exclusion (Исключение)
Более мягкая версия режима “Difference”.

HSL (цветовой тон)

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

Saturation (Насыщенность)
Цветовая насыщенность верхнего слоя комбинируется с нижним в зависимости от их общей яркостной составляющей. Комбинирует Saturation верхнего слоя с Hue и Luminance нижнего слоя. Уровень насыщенности пикселей нижнего слоя меняется на соответсвующие пиксели верхнего слоя. Предназначено чтобы заставить объект принять цвет или текстуру другого.

Color (Цветность)
Цветовые составляющие верхнего слоя совмещаются с яркостной составляющей нижнего слоя. Комбинирует Hue и Saturation верхнего слоя с Luminance нижнего слоя. Используется только яркость нижнего слоя, а цвет и насыщенность идут от верхнего слоя.

Luminosity (Яркость света)
Режим обратный Color. Накладывает яркость верхнего изображения на цветовые составляющие нижнего. Комбинирует Luminance верхнего слоя и Hue и Saturation нижнего слоя. Из верхнего слоя остается только яркость света, а цвет и насыщенность идут от нижнего слоя.

Все режимы попробовали? Что-то не получилось?

3 способа смешать два изображения вместе в фотошопе

В этом уроке я покажу вам три простых способа смешать два изображения в Photoshop! Мы начнем с самого простого способа наложения изображений, используя опцию «Непрозрачность» на панели «Слои». Затем мы рассмотрим, как получить более интересные и креативные результаты, используя режимы наложения слоев в Photoshop. И, наконец, мы узнаем, как плавно смешать два изображения, используя маску слоя. Я также включу краткий совет в каждый из трех разделов, чтобы ускорить рабочий процесс и получить наилучшие результаты. Я буду использовать

Значение непрозрачности

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

Параметр «Непрозрачность» по умолчанию равен 100%.

Значение «Непрозрачность» контролирует уровень прозрачности слоя. Просто понижая значение, мы делаем слой более прозрачным, позволяя просвечивать часть изображения под ним. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет переходить в нижнее. Я уменьшу непрозрачность со 100% до 75%:

Понижение непрозрачности верхнего слоя до 75%.

Это означает, что теперь мы смешиваем 75% изображения в верхнем слое с 25% изображения в нижнем слое. И здесь мы видим, что женщина начинает сливаться с пляжной фотографией:

Результат с непрозрачностью верхнего слоя уменьшен до 75%.

Если бы я хотел еще больше отодвинуть ее на задний план, я мог бы просто еще больше снизить значение непрозрачности. Я уменьшу это до 30%:

Установка значения непрозрачности до 30 процентов.

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

Результат с непрозрачностью верхнего слоя на 30%.

Совет: установка значения непрозрачности с клавиатуры

Вот быстрый совет, чтобы ускорить ваш рабочий процесс. Вы можете изменить значение непрозрачности слоя непосредственно с клавиатуры. Нажмите 1 для 10%, 2 для 20%, 3 для 30% и так далее. Быстро нажмите две цифры, одну за другой, чтобы получить более конкретные значения (например, 2, а затем 5 для 25%). Вы также можете нажать 0 для 100% непрозрачности или быстро нажать 0 дважды для 0%.

Способ 2: режимы смешивания слоев

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

Первое изображение. Фото предоставлено: Adobe Stock.

Я смешаю портрет с этим изображением текстуры :

Второе изображение. Фото предоставлено: Adobe Stock.

Опять же, если мы посмотрим на панель «Слои», мы увидим каждое изображение на отдельном слое. Портрет находится на фоновом слое, а текстура на слое над ним:

Панель «Слои» снова показывает каждое изображение на отдельном слое.

Опция смешанного режима

Режимы наложения в Photoshop — это разные способы взаимодействия слоев друг с другом. Параметр «Режим наложения» находится в левом верхнем углу панели «Слои», прямо напротив параметра «Непрозрачность». По умолчанию режим наложения слоя установлен на Normal. «Нормальный» просто означает, что слой вообще не смешивается со слоями под ним:

Опция смешивания.

Нажмите на слово «Normal», чтобы открыть меню с большим количеством различных режимов смешивания на выбор. Мы не будем здесь подробно останавливаться на них, но я подробно расскажу о наиболее важных из них в моем уроке « Основные режимы наложения». Тремя наиболее популярными и полезными режимами наложения, которые вы хотите попробовать, являются « Умножение» , « Экран» и « Наложение» . Режим Multiply blend создает эффект затемнения, Screen создает эффект осветления, а Overlay смешивает два слоя для увеличения общей контрастности:

Результат с режимом наложения, установленным на Multiply (слева), Screen (в центре) и Overlay (справа).

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

Изменение режима наложения на Soft Light.

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

Результат с режимом наложения текстурного слоя установлен на Soft Light.

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

Изменение режима наложения на Разделить.

Разделить — это один из менее известных и редко используемых режимов наложения в Photoshop. Но с этими двумя изображениями эффект на самом деле выглядит довольно круто:

Эффект смешивания с установленным слоем текстуры.

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

После того, как вы выбрали режим наложения, вы можете точно настроить результат, отрегулировав непрозрачность слоя, как мы видели ранее. Я оставлю режим наложения текстурного слоя установленным на Divide и уменьшу непрозрачность со 100% до 50%:

Оставьте режим смешивания установленным на Разделить и уменьшите непрозрачность до 50%.

И вот результат:

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

Совет: как переключаться между режимами наложения с клавиатуры

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

Способ 3: использование маски слоя

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

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

Первое изображение. Фото предоставлено: Adobe Stock.

И вот второе изображение :

Второе изображение. Фото предоставлено: Adobe Stock.

Снова глядя на панель «Слои», мы видим каждую фотографию на отдельном слое. Фотография одуванчика находится на фоновом слое, а девушка на «Слой 1» над ним:

Каждая фотография находится на отдельном слое.

Добавление маски слоя

Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Нажав значок Добавить маску слоя.

Слой маска миниатюры появляются рядом с предварительным просмотром миниатюры слоя:

Новый эскиз маски слоя.

Как работает маска слоя

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

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

Выбор инструмента Градиент

Выберите инструмент «Градиент» на панели инструментов:

Выбор инструмента Градиент.

Выбор черного, белого градиента

Выбрав инструмент «Градиент», перейдите на панель параметров и нажмите стрелку вниз рядом с образцом градиента:

Нажав на стрелку рядом с образцом градиента.

В палитре «Градиент» выберите « Черный, белый градиент», дважды щелкнув его миниатюру (третий слева, верхний ряд):

Выбор черного, белого градиента.

Смешивание двух изображений вместе

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

Нажав на миниатюру, чтобы выбрать маску слоя.

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

Рисование черно-белого градиента на маске слоя справа налево.

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

Две фотографии теперь смешиваются вместе.

Просмотр маски слоя

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

Миниатюра маски слоя, показывающая градиент.

Мы также можем просмотреть саму маску слоя в документе. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac) на клавиатуре и нажмете на миниатюру маски слоя, вы переключите свой вид в документе с изображений на маску слоя. Это облегчает понять, что именно происходит. Опять же, черная область справа — это то место, где верхний слой скрыт от глаз, а белая область слева — то, где он виден.

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

Градиент от темного до светлого в середине — это то, что позволяет двум изображениям плавно смешиваться друг с другом.

Совет: как включить или выключить маску слоя

Вот краткий совет по работе со слоями масок. Вы можете включить или выключить маску слоя, нажав и удерживая клавишу Shift и щелкнув миниатюру маски слоя на панели «Слои». Нажмите на миниатюру один раз, чтобы временно отключить маску и просмотреть весь слой. Красный значок «X» появится на миниатюре, сообщая, что маска отключена. Удерживайте Shift и снова щелкните по миниатюре, чтобы снова включить маску слоя:

Удерживайте Shift и щелкните миниатюру, чтобы включить или выключить маску слоя.

И там у нас это есть! Это быстрый взгляд на то, как смешать два изображения вместе, используя опцию непрозрачности слоя, режимы наложения слоя и маску слоя в Photoshop! Чтобы узнать больше о смешивании изображений с масками слоев, см. Наш учебник « Маски слоев и градиенты» . Используйте наше Руководство по обучению слоям, чтобы узнать больше о слоях Photoshop, или посетите наш раздел Основы Photoshop для получения дополнительных руководств! И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF !

Три режима наложения в Фотошоп, которые вы обязанны понимать

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

 

 

Режимы наложения в Фотошоп: несколько основных режимов для начала

 

В программе Photoshop режимы наложения находятся в выпадающем меню в верхней части панели Слои (по умолчанию это «Обычные»)

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

Adobe упорядочил эти 27 режимов в шести различных категориях.

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

Затемнение (Darken) – эти режимы наложения используют 100% белого как нейтральный, они создают эффект затемнения по всему изображению.

Замена светлым (Lighten) – здесь Photoshop использует 100% черного как нейтральный, они создают эффект осветления по всему изображению.

Перекрытие (Overlay) – в режимах наложения Перекрытие Photoshop смешивает верхний слой и нижний слой таким образом, чтобы добавить контраст. Эффект меняется, исходя из непрозрачности слоя и выбранного типа режима наложения.

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

Цветовой тон (Hue) – здесь Photoshop позволяет быть очень креативным с тоном, насыщенностью и светлотой в слоях.

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

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

 

Первые три режима наложения, которые вам необходимо выучить

 

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

 

Белый, серый, черный слой.

 

Режим наложения Умножение (Multiply)

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

 

 

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

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

 

Режим наложения Экран (Screen)

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

 

 

По тому же математическому методу, что и в режиме наложения Умножение, режим Экран умножает светлые пиксели верхнего и нижнего слоев. Как вы видите на примерах выше, при 50% серого светлые пиксели становятся еще светлее, так как яркие пиксели серого слоя умножаются на те, что находятся в слое под ним.

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

 

Режим наложения Мягкий свет (Soft Light)

Здесь формула, используемая Photoshop, представляет собой сочетание режимов наложения Умножение и Экран с эффективностью, разделенной на два. Это означает, что темные пиксели станут темнее, а светлые – светлее, а результат будет разделен на два (или 50% от полной интенсивности). В итоге вы получите увеличенный контраст по всему изображению.

Режим наложения Мягкий свет – это отличный способ добавить контраст изображению. А для более интенсивного эффекта используйте режим наложения Перекрытие.

 

 

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

 

 

 

Примеры использование режимов наложения в Photoshop

 

Оригинал – (в полном размере 750 x 378)

 

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

 

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

 

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

 

Корректирующий слой Кривые + режим наложения Умножение, примененный к лицу модели и верхней части туловища, чтобы добавить четкости и деталей в тенях.

 

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

 

 

Автор: John Davenport

Перевод: Татьяна Сапрыкина

Использование эффектов слоя и стилей слоя в Photoshop CC 2020

Изучите всё, что нужно знать об эффектах и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020, в т.ч. изучите новые стили слоя, градиенты, узоры и прочее! 

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

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

Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.

Нам нужно многое изучить, поэтому давайте начнем!

Настраиваем документ

Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:

Исходный документ с текстом на слое заднего фона. На панели слоев видно, что текстура расположена на фоновом слое, а каждое слово — на отдельном слое:

На панели слоев отображены три слоя

Что такое эффекты слоя в программе Photoshop

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

Что такое стили слоя?

Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.

Какие преимущества дает нам применение эффектов слоя?

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

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

Где найти эффекты слоя?

Вы можете найти список эффектов слоя в двух основных местах.

Раздел «Слои»

Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:

Для выбора эффекта слоя перейдите «Слои» — «Стиль слоя».

Панель слоев

Другой, более быстрый способ добавить эффект слоя – кликнуть по значку fx в нижней части панели слоев:

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

Добавляем эффект слоя с помощью панели слоев.

Почему эффекты слоя подсвечены серым?

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

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

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

Как применять готовые стили слоя в Photoshop

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

Если вы не видите панель стилей на своем экране, вы можете открыть ее, перейдя в раздел меню «Окно» (Window) в строке меню в верхней части экрана и выбрав «Стили» (Styles):

Выбираем «Окно» — «Стили».

Новые стили слоев по умолчанию в программе Photoshop CC 2020

В программе Photoshop CC 2020 представлены совершенно новые стили слоев, которые сгруппированы в 4 набора – «Основные» (Basics), «Природа» (Natural), «Мех» (Fur), «Ткань» (Fabric). Каждый набор имеет отдельную папку на панели стилей, и каждый стиль слоя представлен своей миниатюрой.

По умолчанию, все четыре папки развернуты, и размер миниатюр установлен на «Большие миниатюры» (Large). Поэтому для того, чтобы просмотреть все стили, вам нужно пролистать вниз список:

Исходный вид панели стилей в программе Photoshop CC 2020.

Настраиваем панель стилей

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

Открываем меню панели стилей и затем выбираем «Маленькие миниатюры» (Small Thumbnail):

Выбираем размер миниатюр «Маленькие миниатюры». Миниатюры стали меньше:

Теперь за раз видно больше стилей слоя.

Совет. Как закрыть или открыть все папки за раз

Каждый набор на панели стилей можно открыть или закрыть, нажав на стрелку слева от иконки папки. Вы также можете развернуть или свернуть все папки за один раз, удерживая клавишу Ctrl (Win) / Command (Mac) нажатой и кликая по одной из стрелок:

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

Удерживайте клавишу Ctrl (Win) / Command (Mac) нажатой, чтобы закрыть все папки за раз.

Далее, для того чтобы открыть нужную папку, отпустите клавишу Ctrl (Win) / Command (Mac) и кликните по стрелке. Я открою папку «Природа» (Natural):

Открываем отдельную папку, кликнув по значку стрелки.

Как применить готовый стиль

Для того чтобы применить один из стилей в папке, просто нажмите на его миниатюру. Я выберу новый стиль «Море» (Sea):

Кликните по стилю слоя, чтобы применить его. Стиль мгновенно будет применен к выбранному слою. В моем случае мы получили темно-синий подводный эффект:

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

Отдельный стиль слоя может включать в себя множество эффектов слоя.

Выбираем другой стиль слоя

Для того, чтобы выбрать другой стиль слоя, просто кликните по его миниатюре. Я применю стиль слоя из набора «Природа» (Nature), например, «Дерево» (Wood):

Выбираем другой готовый стиль слоя.

Новый стиль слоя заменил предыдущий, и теперь на моем тексте появился эффект текстуры древесины:

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

Различные стили слоя включают в себя различные эффекты.

Выбираем стили слоя из другого набора

Я закрою набор «Природа», кликнув по стрелке рядом с соответствующей папкой. Затем я разверну папку «Мех» (Fur), и выберу стиль «Зебра» (Zebra):

Выбираем стиль слоя из другого набора. На этот раз, мой текст заполнился полосками зебры:

Еще один стиль по умолчанию в программе Photoshop CC 2020. И снова, мы видим перечень эффектов под слоем:

Эффекты, которые образовали стиль слоя «Зебра».

Разворачиваем и сворачиваем список эффектов слоя

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

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

Как загрузить еще больше стилей слоя в программу Photoshop CC 2020

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

Нажимаем на значок меню панели стилей:

Открываем раздел меню панели стилей. И выбираем «Стили прежней версии и др.» (Legacy Styles and More):

В результате ниже исходных папок с готовыми стилями добавится папка «Стили прежней версии и др.» (Legacy Styles and More):

Разверните эту папку, и внутри вы увидите еще две папки. В папке «Стили 2019» (2019 Styles) находится еще больше новых стилей слоя, которые можно попробовать в работе, а папка «Все стили по умолчанию прежней версии» (All Legacy Default Styles) содержит все исходные стили слоя прежних версий программы Photoshop:

«Стили 2019»

Стили слоя в папке «Стили 2019» разделены на различные наборы, включая «Гель» (Gel), «Стекло» (Glass), «Гранж» (Grunge), «Хром» (Chrome), «Металл» (Metallic) и «3D» (3D). Я разверну папку «Хром» и выберу стиль «Побрякушки» (Bling):

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

И если я разверну папку 3D и выберу стиль «Дубликаты» (Duplicates) из нижней части списка:

То получится совершенно иной эффект, эффект дублирования текста другими цветами:

Результат после применения стиля слоя «Дубликаты».

Стили по умолчанию прежней версии

Для того чтобы применить стили слоя из прежних версий программы, разверните папку «Все стили по умолчанию прежней версии» (All Legacy Default Styles). Там расположены все исходные стили, снова разделенные на наборы.

Я выберу стиль «Хромированный атлас» (Chromed Satin) из набора «Стили по умолчанию прежней версии»:

И мы получили классический хромированный эффект:

Эффект хромированного атласа из прежней версии программы.

Как включать и отключать эффекты слоя

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

Например, если я отключу эффект «Наложение градиента» (Gradient Overlay) в стиле «Хромированный атлас»:

То, оранжево-голубой градиент в буквах пропадет, и в тексте останется только эффект затенения:

Для того, чтобы снова включить эффект, кликните по пустому месту около названия эффекта:

Включаем эффект «Наложение градиента». И градиент снова появился:

Как отключить все эффекты слоя за раз

Чтобы отключить все эффекты за раз, кликните по иконке основного глаза около слова «Эффекты». Кликните по ней снова, чтобы снова включить все эффекты:

Как перемещать и копировать стили слоя

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

И выберите пункт «Скопировать стиль слоя» (Copy Layer Style):

Затем кликните правой кнопкой мышки по слою, к которому вы хотите применить стиль:

И выбираем пункт «Вставить стиль слоя» (Paste Layer Style):

И у нас тот же стиль слоя применился к обоим слоям:

Как очистить стиль слоя

Для того чтобы очистить стиль слоя, кликните правой кнопкой мышки по значку fx около названия слоя:

И выберите пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мои эффекты снова применяются только к верхнему текстовому слою:

Как перемещать эффекты слоя на другой слой

Если вы хотите переместить эффекты на другой слой, кликните по иконке fx того слоя, который содержит эффекты, перетащите ее на другой слой и затем отпустите кнопку мышки:

Эффекты тотчас переместятся с исходного слоя на новый:

Более быстрый способ скопировать эффекты слоя

Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) при перемещении иконки fx:

Нажимаем и удерживаем нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании иконки fx

Вы скопируете, а не переместите эффекты с одного слоя на другой. Более подробно о копировании эффектов слоя я рассказываю в уроке «Как скопировать эффекты слоя» 

Как редактировать эффект внутри стиля слоя

Обратите внимание, что после копирования стиля слоя «Хромированный атлас»» градиент выглядит на всех буквах одинаково – с переходом от оранжевого цвета к голубому. А что, если я захочу изменить градиент на буквах верхнего слоя? Более подробно редактирование и добавление эффектов слоя мы рассмотрим чуть позже, сейчас же пара слов о том, как изменить настройки эффекта внутри стиля слоя. Для этого дважды щелкните левой кнопкой мышки по названию эффекта под слоем.

Например, я хочу отредактировать градиент, поэтому я дважды щелкну левой кнопкой мышки по эффекту «Наложение градиента» (Gradient Overlay):

Программа Photoshop откроет диалоговое окно «Стиль слоя» (Layer Style) с расположенными в центре настройками эффекта:

Для того чтобы поменять местами цвета в градиенте, все что мне потребуется – это выбрать параметр «Инверсия» (Reverse). Далее я нажму ОК для закрытия диалогового окна:

И теперь цвета градиента для букв верхнего слоя поменялись местами:

Как очистить стиль слоя у нескольких слоев одновременно

Ранее мы рассмотрели, как очистить стиль одного слоя. Для того, чтобы убрать стили у нескольких слоев за раз, выберите какой-нибудь один слой и далее, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните по остальным слоям для их выбора:

После этого щелкаем правой кнопкой мышки по любому из выделенных слоев и в появившемся меню выбираем пункт «Очистить стиль слоя» (Clear Layer Style):

И теперь мы вернулись к исходным белым буквам на голубом фоне:

Как изменить размер эффекта слоя в программе Photoshop

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

Например, на панели слоев я выберу верхний текстовый слой:

И далее на панели стилей я разверну папку с набором стилей «Стили KS» (KS Styles) (находится в папке «Все стили по умолчанию прежней версии) и выберу стиль «Изморозь» (Frosted):

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

Результат после применения стиля слоя «Изморозь».

Для того чтобы исправить это, мы можем изменить размер эффекта. Один из способов изменения масштаба – выбрать пункт «Слои» (Layer) в строке меню, далее «Стиль слоя» (Layer Style) и «Воздействие слой-эффектов» (Scale Effects):

Другой способ – кликнуть правой кнопкой мышки по значку fx:

И выбираем из появившегося меню пункт «Воздействие слой-эффектов» (Scale Effects):

Далее в диалоговом окне «Воздействие слой-эффектов» выбираем необходимый нам масштаб (Scale). В моем случае, я уменьшу масштаб со 100% до 60%. Убедитесь, что в окошке «Просмотр» (Preview) стоит галочка, чтобы вы могли предварительно просмотреть результат. Когда все будет сделано, нажмите ОК для закрытия диалогового окна:

И вот ниже представлен результат применения стиля слоя «Изморозь» с масштабом, равным 60%. Обратите внимание, размер самого текста не изменился. Изменился только размер эффекта, который применяется к тексту:

Стили слоя включают в себя не только эффекты

Прежде чем мы продолжим, обратите внимание, что на панели слоев этот стиль слоя также понизил значение «Заливки» (Fill) со 100% до 56%:

Далее мы рассмотрим, на что влияет параметр «Заливка». Также помимо эффектов слоя стиль слоя может включать параметры наложения, в которые входят режимы наложения, параметры «Непрозрачность» (Opacity) и «Заливка» (Fill):

Еще один способ очистить стиль слоя

Я поделюсь с вами еще одним способом очистить стиль слоя в программе Photoshop CC 2020. На панели слоев выберите нужный слой. Далее на панели стилей раскройте папку «Основные» (Basics) и выберите стиль по умолчанию «Нет» (None) (это белая миниатюра с красной диагональной линией):

После очищения стиля слоя мы снова возвращаемся к простому белому тексту.  Итак, мы рассмотрели основы работы с готовыми стилями слоя в программе Photoshop!

Как добавлять эффекты слоя в программе Photoshop

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

Выбираем эффект слоя

Сначала, на панели слоев необходимо выбрать слой, к которому мы применим один или несколько эффектов. Я выберу верхний текстовый слой:

Далее мы щелкаем по значку «Эффекты слоя» (значок fx):

И выбираем из появившегося списка нужный эффект. Я начну с эффекта «Тень» (Drop Shadow):

Диалоговое окно стиля слоя

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

Диалоговое окно «Стиль слоя» отображает настройки выбранного эффекта слоя

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

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

Как настроить эффект слоя

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

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

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

 

Параметр «Глобальное освещение»

Параметр «Глобальное освещение» (Use Global Light) позволяет всем эффектам, которым необходим источник света, получить общее освещение, которое будет казаться равномерным применительно ко всему эффекту. Вы найдете этот параметр не только в диалоговом окне эффекта «Тень», но и в настройках эффекта «Тиснение» и «Внутренняя тень». В большинстве случаев вы захотите оставить опцию «Глобальное освещение» включенной, каковой она является по умолчанию:

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

Параметр «Размер» (Size) регулирует размер тени в целом. Когда значение параметра «Размах» (Spread), равно 0%, увеличение значения параметра «Размер» приводит к смягчению краев тени. В то время как увеличение значения опции «Размах» делает тень более насыщенной и непрозрачной:

Я увеличу значение непрозрачности (Opacity) тени до 40%, смещения (Distance) до 90 пикселей и размера (Size) до 40 пикселей:

Как подтвердить изменение настроек

Когда вы внесете нужные изменения в настройки эффекта, и это будет единственный эффект, который Вы примените к слою, нажмите ОК, чтобы подтвердить изменения и закрыть диалоговое окно «Стиль слоя»:

Как редактировать эффект слоя

В моем документе, эффект тени появился за буквами в слове «LAYER» (прим.переводчика: «СЛОЙ»):

На панели слоев эффект «Тень» отобразился под текстовым слоем. Чтобы изменить эффект слоя, дважды кликните левой кнопкой мышки по названию эффекта:

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

Я увеличу значение параметра «Непрозрачность» (Opacity) до 50%, а параметра «Смещение» (Distance) — до 100 пикселей. При этом я оставлю диалоговое окно открытым, поскольку хочу добавить другие эффекты слоя:

После изменения настроек эффекта тень за буквами стала более отчетливой:

Добавляем еще больше эффектов с помощью диалогового окна «Стиль слоя»

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

Как отображать пропущенные эффекты

Если некоторые из эффектов слоя пропущены в списке, кликните по иконке fx в нижнем углу диалогового окна:

И выберите пункт «Показать все эффекты» (Show All Effects):

Категории эффектов слоя

Как я уже упоминал ранее, все эффекты слоя можно разделить на 3 основные категории. У нас есть группа эффектов свечения и тени, которая включает в себя эффекты «Тиснение» (Bevel & Emboss), «Внутренняя тень» (Inner Shadow), «Внутреннее свечение» (Inner Glow), «Глянец» (Satin), «Внешнее свечение» (Outer Glow) и «Тень» (Drop Shadow).  Обратите внимание, что «Контур» (Contour) и «Текстура» (Texture), расположенные под эффектом «Тиснение», являются его частью, поэтому они немного смещены вправо:

Также в диалоговом окне есть эффекты наложения «Наложение цвета» (Color Overlay), «Наложение градиента» (Gradient Overlay) и «Наложение узора» (Pattern Overlay)):

И также у нас есть эффект «Обводка» (Stroke), который добавляет к содержимому слоя очертание или границу:

Порядок наложения эффектов слоя

Обратите внимание на порядок, в котором располагаются эффекты слоя. В последних версиях программы эффекты слоя расположены в порядке, в котором они применяются к слоям — снизу вверх. Таким образом, эффект «Тень» всегда применятся первым, далее можно применить «Внешнее свечение». Следующие по порядку эффекты наложения («Узор», затем «Градиент» и далее «Цвет»), после них – «Глянец», «Внутреннее Свечение», «Внутренняя тень» и «Обводка». Эффект «Тиснение» всегда применяется последним, поверх остальных эффектов.

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

Добавление второго эффекта слоя

Для того, чтобы добавить еще один эффект слоя, кликните по его названию. Я добавлю «Обводку» (Stroke):

Настройка эффекта слоя «Обводка»

В настройках эффекта я снова начну с выбора параметра «Восстановить значения по умолчанию» (Reset to Default), чтобы восстановить исходные значения:

Далее я изменю цвет обводки, кликнув по образцу цвета:

В палитре цветов я выберу оттенок оранжевого, установив значения параметров «Цветовой тон» (Hue (H)) на 25, «Насыщенность» (Saturation(S)) на 100 и «Яркость» (Brightness (B)) также на 100. Далее я нажму ОК и закрою палитру цветов:

Параметр «Положение» (Position) позволяет сделать обводку либо внутреннего края содержимого слоя («Внутри» (Inside)), либо внешнего («Снаружи» (Outside)).  Или вы можете сделать обводку из Центра (Center). Я выберу «Снаружи». Параметр «Размер» (Size) регулирует ширину или толщину обводки. Я увеличу его до 20 пикселей:

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

Параметры наложения

Помимо выбора и редактирования эффектов диалоговое окно «Стиль слоя» предоставляет нам доступ к параметрам наложения. Выберите раздел «Параметры наложения» (Blending Options) в левом столбце выше названий эффектов:

В данном разделе мы можем получить доступ к тем же опциям «Режим наложения» (Blend Mode), «Непрозрачность» (Opacity), «Заливка» (Fill), что расположены и на панели слоев. Также тут нам доступны расширенные настройки параметров наложения, которые мы рассмотрим в других уроках:

Как спрятать содержимое слоя и отобразить только эффекты

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

Если я уменьшу значение параметра «Непрозрачность» (Opacity) со 100% до 0%:

То и текст, и эффекты слоя, применимые к тексту, тут же исчезнут:

Уменьшение значения параметра «Непрозрачность» привело к тому, что и текст, и сами эффекты стали прозрачными.

Но если я верну значение «Непрозрачности» обратно на 100% и далее уменьшу значение параметра «Заливка» (Fill) (параметр «Непрозрачность заливки» (Fill Opacity) в диалоговом окне «Стиль слоя») до 0%:

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

Результат после уменьшения значения «Заливки» до 0%.

Выход из диалогового окна «Стиль слоя»

Я закрою диалоговое окно «Стиль слоя», нажав ОК:

На панели слоев нам стало видно, что у слоя появились два эффекта — «Обводка» и «Тень». Обратите внимание, что значение параметра «Заливка» равно 0%, т.к. в диалоговом окне «Стиль слоя» я его уменьшил:

Новые градиенты и узоры в версии программы Photoshop CC 2020

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

Как загрузить больше узоров

Прежде всего, переключитесь на панель «Узоры» (Patterns). Она расположена в одном месте с панелями «Цвет» (Color) и «Образцы» (Swatches). Так же, как и в случае с панелью «Стили», новые узоры поделены на группы, которые можно разворачивать и сворачивать. По умолчанию, представлены всего несколько наборов узоров, из которых можно выбрать нужный («Деревья» (Trees), «Трава» (Grass) и «Вода» (Water)).

Для того чтобы загрузить больше узоров, кликните по иконке меню панели «Узоры»:

И выберите пункт «Узоры прежней версии и др» (Legacy Patterns and More):

В результате ниже папок с исходными узорами появится новая папка под названием «Узоры прежней версии и др» («Legacy Patterns and More»). Если вы развернете эту папку, то увидите внутри еще две папки. В одной содержатся новые узоры версии Photoshop 2019, а в другой – узоры более ранних версий программы. Все эти узоры теперь доступны в диалоговом окне «Стиль слоя»:

Все узоры более ранних версий программы теперь доступны.

Как загрузить больше градиентов

Далее, переключитесь на панель «Градиенты» (Gradients), расположенную рядом с панелью «Узоры». Здесь вы найдете множество новых градиентов, доступных в версии CC 2020, снова разделённых на группы.

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

[110.jpg

И выберите пункт «Градиенты прежней версии» (Legacy Gradients):

Папка «Градиенты прежней версии» («Legacy Gradients») появится ниже исходных папок с градиентами, и теперь все градиенты также станут доступными в диалоговом окне «Стиль слоя»:

Добавление эффекта «Наложение узора»

Градиенты и узоры могут быть применены к слоям как эффекты наложения. Для того чтобы добавить узор, кликните по значку fx в нижней части панели слоев:

И выберите эффект «Наложение узора» (Pattern Overlay):

В диалоговом окне «Стиль слоя» щелкните по образцу узора:

И далее, пролистывая узоры, выберите нужный. Я разверну папку «Узоры прежней версии и др» (Legacy Patterns and More) — «Узоры 2019» (2019 Patterns) — «Камень» (Stone) и выберу узор мрамора, кликнув по его миниатюре. Обратите внимание, что вы можете сделать окошко выбора узоров при необходимости больше:

Выбираем один из новых узоров в программе Photoshop CC 2020. И теперь мой текст заполнился узором в виде мрамора:

Результат после применения эффекта «Наложение узора».

Добавление эффекта «Наложение градиента»

Для того чтобы добавить градиент, оставьте открытым диалоговое окно «Стиль слоя» и выберите эффект «Наложение градиента» (Gradient Overlay) из левого столбца:

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

Затем пролистайте вниз перечень наборов, чтобы выбрать подходящий градиент. Я разверну папку «Оранжевые» (Oranges) и выберу градиент «Оранжевый 10» (Orange 10), кликнув по его миниатюре:

Выбираем один из новых градиентов в программе Photoshop CC 2020.

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

Градиент в настоящий момент закрывает собой узор.

Изменение режима наложения эффекта слоя

Для того чтобы соединить градиент с узором, перейдите в раздел «Режим наложения» (Blend Mode) и выберите из списка новый режим. В моем случае я выбрал «Линейный затемнитель» (Linear Burn):

И теперь цвета градиента плавно перемешались с узором под ним:

Как добавить несколько раз один и тот же эффект слоя

Если вы посмотрите на эффекты в левой части диалогового окна «Стиль слоя», то увидите, что у некоторых из них («Обводка», «Внутренняя тень», «Наложение цвета», «Наложение градиента» и «Тень») есть значок плюса справа от названия. Этот значок означает, что мы можем добавить несколько копий эффекта на один и тот же слой:

Редактируем первый эффект обводки

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

Далее я кликну по образцу цвета обводки:

И в палитре цветов выберу белый:

Я оставлю параметр «Положение» (Position) на значении «Снаружи» (Outside):

И вот цвет нашей обводки текста стал белым:

Добавляем второй эффект обводки

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

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

Редактируем вторую обводку

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

И в палитре цветов выбираем черный цвет:

Обратите внимание, что новая ободка закрыла собой исходную, и вместо того, чтобы видеть вокруг букв и чёрную, и белую обводку, мы видим только черную:

 

Причина заключается в том, что обе обводки имеют позицию «Снаружи» (Outside). Это означает, что они обе обводят внешний край букв. И поскольку обе обводки имеют одинаковый размер (20 пикселей), то вторая обводка закрывает собой первую.

Для того чтобы это исправить, я изменю положение второй обводки на «Внутри» (Inside), в результате чего она будет проходить вокруг внутреннего края букв. Также я уменьшу размер (Size) обводки с 20 пикселей до 10 пикселей:

Изменяем положение второй обводки и уменьшаем ее размер

И вот теперь, у нас есть белая обводка размером 20 пикселей вокруг внешнего края букв и черная обводка размером 10 пикселей вокруг внутреннего края букв. На один и тот же слой можно добавить до 10 обводок:

Сохранение ваших эффектов как готовый стиль слоя

И наконец, чтобы сохранить ваши эффекты слоя в качестве готового стиля слоя, нажмите на кнопку «Новый стиль» (New Style) в правой части диалогового окна «Стиль слоя»:

И далее даем название вашему стилю. Я назову свой «Две обводки+Оранжевый+Мрамор». Убедитесь, что активна галочка «Включает эффекты слоя» (Include Layer Effects), и если вы использовали какие-то настройки наложения, то также проверьте галочку «Включает параметры наложения слоя» (Include Layer Blending Options). Вы также можете добавить этот стиль в текущую СС библиотеку:

 

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

Переключитесь на панель «Стили», и вы обнаружите миниатюру образца вашего нового стиля ниже всех папок:

Создание собственной папки со стилями

Для того чтобы не загромождать панель стилей, сгруппируйте собственные стили в отдельную папку. Для этого кликните по иконке «Создать новую группу» (Create New Group) в нижней части панели «Стили»:

Далее дайте название группе, например, «Мои стили» (My Styles). Нажмите ОК для подтверждения:

Новая папка появится ниже остальных папок. Кликните по миниатюре своего стиля и переместите ее в папку:

Как применить созданный стиль слоя

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

Далее на панели стилей кликните по миниатюре стиля:

Весь эффект целиком мгновенно применится к слою:

И вот мы закончили! Мы изучили все, что нужно знать об эффектах слоя и стилях слоя, чтобы начать их применять в своих работах в программе Photoshop CC 2020!

Автор: Стив Паттерсон (Steve Patterson)

Источник: www.photoshopessentials.com

Как комбинировать разные изображения и смешивать слои в Photoshop. 5 способов

Я собираюсь показать вам, как комбинировать изображения в Photoshop.

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

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

Загрузите изображения для уроков здесь

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

Как комбинировать изображения в Photoshop: первый способ

Я слышал от некоторых людей. Они хотят знать, как создавать изображения с нуля. Выберите файл> открыть, перейдите к своим изображениям (вы можете выбрать сразу несколько изображений), нажмите «Открыть».

У нас есть изображения в разных документах. Теперь я покажу вам, как объединить их в один документ.

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

Изображение откроется, переместитесь в середину изображения. Обратите внимание, что курсор сейчас черный. Это означает, что он чем-то загружен. Удерживая нажатой клавишу Shift, она упадет в центр. А теперь отпусти. И теперь у нас есть оба этих изображения на двух слоях. Повторите шаги, если хотите добавить больше изображений.Через мгновение я покажу вам, как их объединить, но прежде всего я хочу показать вам другой способ их объединения.

Метод 2: автоматическое добавление изображений в слои Photoshop

Выберите файл> Скрипты > Загрузить файлы в стек.

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

Выберите 2 или более изображений.

Щелкните «Открыть».

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

Способ 3 Объединение открытых изображений.

Выберите файл> открыть

Выберите изображения.

Теперь у нас есть два открытых изображения, которые мы хотим объединить.

Выберите файл> сценарии> загрузить файлы в стек. И на этот раз выберите «Добавить открытые файлы». Создается новый документ, и все открытые изображения загружаются в слои.

4-й способ с использованием панелей

Выберите «Окно»> «Упорядочить»> «Четыре вверх».

При этом изображения открываются на разных панелях.

Чтобы объединить изображения, щелкните и перетащите между панелями.

Теперь, если вы просто хотите вернуться к Tab, это довольно просто. Выберите «Окно»> «упорядочить»> «объединить все в вкладки».

1. Использование выделений (Изображения человека на крыше и города).

(Изображение загружается вверху страницы)

Выберите слой с изображением человека, нам нужно изменить его размер. Ctrl / Cmd + T для свободного преобразования.

Перетащите угол, чтобы изменить размер.

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

Нам нужно удалить фон на верхнем слое. Возьмите инструмент быстрого выбора и просто перетащите его за пределы крыши. Если вы перейдете, удерживайте клавишу alt / option и перетащите, чтобы добавить к выделению.

Удерживая клавишу alt / option, щелкните маску этого слоя, которая скрывает фон.

Для реалистичности немного размытие фона. Выделите фон, выберите «Фильтр»> «Размытие»> «Размытие по Гауссу».

Это первый, давайте посмотрим на второй

Как смешивать слои в Photoshop с помощью кистей

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

Нажмите Ctrl / Cmd + T для свободного преобразования. Перетащите угловой маркер и измените размер и положение человека.Нажмите Enter, чтобы подать заявку.

Теперь мы хотим без труда смешать слои вместе.

Создайте маску слоя, щелкнув маску слоя на панели слоев.

Возьмите кисть. Убедитесь, что передний план черный.

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

Закрасьте этот край, и он станет мягким.

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

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

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

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

Вы также можете просматривать темы в меню бесплатных руководств.

Если вы готовы серьезно относиться к Photoshop, посмотрите наши полные курсы здесь

PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>

(Я публиковал забавные сообщения в Instagram и Facebook Истории за последнее время)

Рад видеть вас здесь, в CAFE,

Объединение фотографий в Photoshop Layer Masks Tutorial

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

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

Для вас, давняя команда CAFE, это было старое руководство с хромыми часами и клавиатурой.Как и почти каждый учебник по CAFE, я полностью его переписал. Почему? Во-первых, Photoshop прогрессировал, и я тоже. Теперь у меня есть лучшие техники и более быстрые способы делать что-то, чем 10 лет назад, я вырос как художник и фотограф и хочу, чтобы все выглядело современно. Да, сэр, новый PhotoshopCAFE вернулся и свежий!

Step 1

Первое, что вам нужно, это 2 изображения, которые будут хорошо сочетаться друг с другом.

Убедитесь, что они имеют одинаковое разрешение (72 точки на дюйм для Интернета) и цветовое пространство (в данном случае RGB).Откройте оба этих документа в Photoshop.

Эти изображения взяты из Adobe Stock

Шаг 2 Объедините 2 изображения вместе

Нам нужно объединить оба изображения в один документ. Выберите инструмент Move на левой панели инструментов: клавиша «V».

(CS6 и CC) Если у вас есть рамка приложения (показано),

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

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

Совет. Чтобы центрировать новое изображение в окне, удерживайте нажатой клавишу Shift при перетаскивании.

(Если вы застряли, я сделал здесь руководство для начинающих о том, как комбинировать фотографии в Photoshop)

Шаг 3

Теперь у нас будет 2 слоя в одном документе

Мы добавим Layer Mask

Нажмите кнопку добавления маски слоя.

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

Шаг 4

Нажмите клавишу «G», чтобы выбрать инструмент градиента. Убедитесь, что передний план и фон установлены на черный и белый. Клавиша «D». Выберите линейный градиент и от переднего плана к фону.

Теперь перетащите градиент по изображению.

Шаг 5

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

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

Шаг 6

ДОПОЛНИТЕЛЬНЫЙ КРЕДИТ!

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

Step 7

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

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

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

Что дальше?

Композиция в Photoshop: Sky City Project

Меня бесчисленное количество раз просили более углубленно изучить композицию, слои, маски и смешивание фотографий.Я это сделал! 2 часа видео, которые покажут вам, как именно создавать потрясающие композиции в Photoshop. То, что я узнал за 18 лет, раскрыто здесь.

Колин строит с вами реальный проект композитинга. Самое замечательное в проекте то, что в рабочем процессе ничего не упускается. Здесь вы собираете все, что узнали о Photoshop.

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

См. Все, что вы узнаете здесь.

«Отличное руководство даже для новичков, и как новичок, я могу честно сказать, что с ним было легко не отставать от него. Колин проведет вас и ВСЕ объяснит. Я не могу этого рекомендовать! Если вы стоите на заборе, остановитесь здесь и просто купите. Вы не будете разочарованы ».
-Audrey (Создание в Photoshop / Sky City Project)

Огромная коллекция бесплатных дополнений для Photoshop от Колина Смита.

Я собрал коллекцию премиальных дополнений и плюшек для Photoshop.Вместо того, чтобы продавать, я решил просто раздать их нашим посетителям и участникам. Эта коллекция называется Photoshop Vault. Зарегистрируйтесь, чтобы получить доступ, я тоже буду добавлять его на регулярной основе. Наслаждаться!

Входит в хранилище PS

• Электронная книга о режимах наложения слоев
• Пакет действий Photoshop
• Colins Cloud and sky collection
• Presets Lightroom и Camera Raw
• Пользовательские профили Camera Raw и Lightroom
• Кисти Cloud и Smoke
• Таблицы оценок
• Шпаргалка по горячим клавишам

---

Режимы наложения слоев в Photoshop

Режимы наложения слоев в Photoshop

Слой Режимы наложения в Photoshop

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

В Photoshop режимы наложения слоев можно изменить в палитре слоев.

Изменение режима наложения слоев влияет на весь слой, даже если у вас есть выделение.

Нормальный — значение по умолчанию, а объекты взаимодействуют друг с другом, как если бы они были сплошными цветными объектами, при 100% непрозрачность. Когда одно над другим, вы не можете увидеть то, что закрыто.

Остальные режимы взаимодействуют с друг друга по-разному.

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

Нормальный режим — это дефолт.Цвета двух слоев никак не будут взаимодействовать, и он отобразит полное значение цветов в слое 1. Что вы см. в окне изображения будет выглядеть так. Dissolve делает нижний слой принимает цвета верхнего слоя, и насколько сильно зависит от непрозрачность верхнего слоя.Непрозрачность слоя 1 здесь установлена ​​на 50%. Disolve влияет только на пикселей с некоторой прозрачностью, поэтому я снизил непрозрачность до 50% в этом примере. Darken сравнивает каждый пиксель значение верхнего слоя к значению пикселя его аналога нижнего слой и выбирает более темный из двух для отображения. Multiply затемняет нижнюю слой, основанный на затемнении верхнего слоя. Нет части изображения станет светлее. Любой нанесенный тон темнее белого затемняет нижнюю слой. Белый становится прозрачным. Color Burn горит в цвет верхнего слоя с нижним слоем.Нет части изображения станет светлее. Linear Burn работает как умножаются, но результаты более впечатляющие. Lighten сравнивает два слой за пикселем и использует самое светлое значение пикселя.Не является частью изображение становится темнее. Яркость экрана увеличивается на Освещение нижнего слоя основано на яркости верхнего слоя. Результат всегда светлее, что делает его хорошим режимом для исправления. выдержка на слишком темных фотографиях. Color Dodge уклоняется от нижний слой с верхним слоем, в результате чего изображение становится светлее.Нет часть изображения будет затемнена. Linear Dodge работает как экран, но с более яркими результатами. Оверлей умножает светлые тона и экраны тёмные тона. Soft Light умножит темные тона и экранировать светлые тона. Hard Light умножает темные цвета и экраны светлых тонов. Vivid Light уклоняется или сжигать пиксели нижнего слоя в зависимости от того, пиксели ярче или темнее нейтрального серого. Он работает на контраст нижнего слоя. Linear Light такой же как Яркий свет, но работает с яркостью нижнего слоя. Pin Light изменяет пикселей нижнего слоя в зависимости от яркости пикселей в верхнем слой. Он действует как Умножение, когда цвет верхнего слоя темнее, чем нейтральный серый и действует как экран, если цвет верхнего слоя светлее чем нейтральный серый. Разница реагирует на различия между пикселями верхнего и нижнего слоя. Большой различия делают цвет светлее, а небольшие различия затемняют цвет. Исключение использует затемнение нижнего слоя, чтобы скрыть разницу между верхним и нижние слои. Hue изменяет оттенок нижний слой до оттенка верхнего слоя, но оставляет яркость и только насыщенность. Насыщенность изменяет насыщенность нижнего слоя до оттенка верхнего слоя, но оставляет только яркость и оттенок. Color изменяет оттенок и насыщенность нижнего слоя до оттенка и насыщенность верхнего слой, но оставляет только яркость. Яркость изменяет яркость нижнего слоя к светимости верхнего слоя оставляя оттенок и насыщенность такими же.

Как совмещать слои в Photoshop: объяснение режимов наложения

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

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

Что такое режимы наложения?

В Photoshop режимы наложения — это параметры на вкладке «Слои». Они определяют, как данный слой смешивается со слоями под ним. Взгляните на изображение ниже:

Категоризированный список из 27 режимов наложения в Photoshop

Как вы можете видеть на скриншоте выше, в Photoshop всего 27 режимов наложения в 6 группах.Название групп уже дает вам представление о том, чем они занимаются. Хотя их всего 27, большинство из нас сочтут только несколько полезными в большинстве сценариев. Есть несколько режимов наложения, которые я не использовал и не видел, чтобы кто-нибудь использовал, и эта статья охватывает только дюжину или около того режимов наложения, которые я считаю наиболее полезными.

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

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

Иллюстрация, показывающая разницу между разным процентом непрозрачности

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

Разница между тремя копиями довольно очевидна. Тот, что в центре, на 100% непрозрачен — другими словами, блокирует все на нижних слоях. Изображение слева непрозрачно на 50%, что означает, что оно полупрозрачное.Он показывает как выбранный слой, так и тот, который находится ниже, внахлест. Сравните левую и правую. Слой с непрозрачностью 20% показывает 80% фона и 20% выбранного слоя.

Применение непрозрачности

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

Простой корректирующий слой кривых, добавленный к изображению

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

NIKON D750 @ 500 мм фокусное расстояние, ISO 1600, выдержка: 1/2000, диафрагма: f / 5.6

Opacity vs Fill

Долгое время я был одним из тех, кто никогда не видел разницы между непрозрачностью и заливкой (другой вариант раскрывающегося списка, ниже непрозрачности).Я много раз видел, что и непрозрачность, и заливка дают одинаковые результаты. Если и непрозрачность, и заливка делают одно и то же, зачем нужны две опции? Это был вопрос, который на какое-то время сбил меня с толку. Я понял разницу только после того, как познакомился со «специальными режимами наложения» Photoshop.

Специальные режимы наложения Photoshop

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

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

NIKON D7000 @ 16 мм, ISO 100, 1/1000, f / 8,0

Допустим, я хочу добавить оранжевый оттенок горам и траве. Для этого я могу добавить слой поверх изображения полностью оранжевого цвета (255, 163, 63, если быть точным).Затем я могу выбрать Color Burn в качестве режима наложения. Полученное изображение показано ниже:

Добавление сплошного корректирующего слоя поверх оригинала @ 100% непрозрачности

Выглядит ужасно, не правда ли? Чтобы управлять им, позвольте мне снизить непрозрачность до 25%, как показано ниже:

Корректирующий слой сплошного цвета с непрозрачностью 25%

Изображение определенно выглядит лучше, но оно имеет больше эффекта сепии, чем теплый тон. после. Для изображения ниже я уменьшил Заливку до 25% вместо Непрозрачности:

То же изображение с Заливкой 25%

То, что выше, выглядит намного естественнее.Разница между Непрозрачностью и Заливкой становится очевидной; эти два режима проецируют свет совершенно по-разному.

В частности, уменьшение непрозрачности просто снижает прозрачность слоя по всему изображению. Заливка же по-разному влияет на разные части изображения. Чтобы быть конкретным, все зависит от «эффекта» выбранного вами режима наложения — например, от того факта, что Color Burn затемняет изображение в тенях больше, чем в светлых участках. Когда вы уменьшаете заливку, сначала уменьшается эффект там, где он уже был самым слабым, а для уменьшения эффекта там, где он был самым сильным, требуется больше времени.Вот почему изображение с 25% заливкой выше имеет более темные и теплые тени, чем изображение с 25% непрозрачностью. Другими словами, Color Burn сильнее влияет на тени, поэтому теплый вид теней сохраняется дольше при уменьшении Fill.

Общие сведения о режимах наложения в Photoshop

Несмотря на то, что Photoshop предлагает 27 режимов наложения, большинство из нас не будет использовать их все. На самом деле, есть несколько режимов наложения, которые мне интересно, будет ли кто-нибудь вообще использовать их. Позвольте мне рассказать вам о самых полезных.Я начну с самых простых, ведущих к более сложным.

1. Нормальный

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

NIKON D750 @ 500 мм, ISO 100, 1/4000, f / 16.0 Кривые корректирующего слоя с режимом наложения по умолчанию «Нормальный»

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

2. Яркость

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

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

Яркость изменяет только яркость пикселей

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

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

3. Насыщенность

Еще один полезный режим наложения из категории «Свойство» — насыщенность. Этот режим наложения полезен для тех, кто хочет контролировать насыщенность помимо обычного использования ползунка насыщенности Photoshop. Ползунок насыщенности Photoshop не всегда идеален, поскольку он применяет одинаковую насыщенность ко всему изображению, иногда перенасыщая области, которые уже были красочными.Хотя одним из возможных решений этой проблемы является ползунок «Яркость», который сначала работает с менее насыщенными пикселями, режим наложения «Насыщенность» — еще один удобный вариант.

Вот как это выглядит на практике на том же снимке, что и раньше:

Режим наложения насыщенности

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

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

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

4. Оттенок

Оттенок — это также режим наложения свойств, который изменяет базовый оттенок слоя. Взгляните на картинку ниже:

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

Режим наложения «Цветовой тон» изменяет базовый оттенок применяемых пикселей.

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

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

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

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

5.Умножение

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

Multiply принадлежит к группе затемненных. Взгляните на изображение ниже:

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

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

Но посмотрите, что происходит, когда я изменяю режим наложения верхнего слоя на Умножение (отмечен красным):

Слой градиента установлен на «умножение», а сплошной синий слой ниже

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

Позвольте мне объяснить, как это работает. Что бы ни значила для вас фотография — искусство, наука или даже фотоаппарат — для Photoshop цифровое изображение — это не что иное, как математика. В выбранном верхнем слое самый яркий пиксель градиента (чистый белый) может быть представлен как число «1», а самый темный пиксель (чистый черный) как 0.Когда мы умножаем любое число на 1, ответ — это само число. Когда мы умножаем любое число на 0, ответ будет 0. В результате градиент будет сплошным синим в самом левом углу (поскольку он «синий × 1 = синий»). Справа он сплошной черный (поскольку «синий × 0 = 0»).

Итак, вы можете понять, почему режим наложения «Умножение» называется «Умножение»!

5.1. Создание виньетки с помощью умножения

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

Слой градиентной заливки поверх исходного изображения

Я создал слой радиальной градиентной заливки поверх изображения, к которому я хотел бы добавить виньетку.Вы можете сделать то же самое, используя пункт меню «Слои»> «Новый слой заливки»> «Градиент». Выбрав градиент от белого к черному из предустановок, я выбрал радиальный как стиль и 258% как масштаб. После изменения режима наложения на умножение я получаю нижележащий слой с виньеткой, как показано ниже:

Эффект виньетки, созданный в режиме наложения «Умножение»

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

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

6. Затемнение цвета

Затемнение цвета — еще один режим наложения, который находит широкое применение. Этот режим наложения принадлежит к группе затемнения. Как следует из названия, Color Burn добавляет цвет и затемняет изображение.Он отличается от умножения тем, что оставляет белые области изображения белыми, а не делает их цветом другого слоя. Например, вот как похожий градиент выглядит с Color Burn:

Color Burn сохраняет яркие области изображения ярче, чем Multiply.

Color Burn — один из восьми специальных режимов наложения. Итак, как упоминалось ранее в этой статье, непрозрачность и заливка дадут разные результаты. Непрозрачность просто снизит или увеличит силу выбранного слоя. С другой стороны, «Заливка» по-разному влияет на разные части изображения, сохраняя более сильные эффекты затемнения и сдвига цвета в теневых областях.

6.1. Работа с Color Burn

Несмотря на то, что Color Burn похож на Multiply, в реальных приложениях он дает впечатляющие результаты. Взгляните на картинку ниже.

NIKON D750 @ 500 мм, ISO 100, 1/4000, f / 16.0

Посмотрите на снимок экрана ниже, чтобы увидеть результат, когда я продублировал слой (Control / Command + J) и изменил режим наложения на Color Burn.

Цветное затемнение добавляет цвета, затемняет средние тона, сохраняя крайние белые и черные оттенки.

В этом случае это слишком интенсивно, но позвольте мне показать вам еще один пример, где Color Burn работает отлично.Посмотрите на картинку ниже:

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

Режим наложения Color Burn

Я добавил сплошной цветовой слой (с насыщенным оттенком синего) поверх изображения и выбрал режим наложения Color Burn. Чтобы контролировать его силу, я снизил заполнение до 12%. В большинстве случаев управление заливкой дает лучшие результаты, чем изменение непрозрачности, при условии, что выбранный режим наложения является одним из специальных режимов наложения.

Как упоминалось ранее в статье, Color Burn добавляет цвета. Очевидно, что этот режим наложения имеет тенденцию к перенасыщению. Следует проявлять осторожность, чтобы не перенасыщать.

7. Экран

Если вы разобрались с описанными выше режимами наложения «затемнение», вам не потребуется много времени для понимания режимов наложения «светлее». Они просто полные противоположности. Screen — это противоположность Multiply. Режим наложения экрана работает так же, как умножение. Единственная разница в том, что он меняет местами 0 и 1 в математике Photoshop.Чистый черный цвет рассматривается как 1, а чистый белый — за 0.

7.1. Использование режима наложения экрана для повышения яркости

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

NIKON D750 @ 20 мм, ISO 100, 1/250, f / 5,6

Вы можете использовать режим наложения экрана, чтобы очень легко сделать это изображение ярче. Просто сделайте копию изображения как новый слой, используя Ctrl / Command + J, и измените режим наложения на Screen. Результат показан ниже, и вы можете уменьшить непрозрачность или заливку, чтобы сделать эффект менее выраженным, если хотите:

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

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

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

8. Color Dodge

Как следует из названия, Color Dodge насыщает цвет, а также делает изображение ярче. Это полная противоположность Color Burn. Вы можете использовать его в сочетании с низкой заливкой, чтобы сделать ярче и насыщать только светлые участки изображения. Однако с помощью Color Dodge очень легко выдувать блики, поэтому я лично не использую его так часто.

9. Linear Dodge

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

Canon EOS 7D Mark II @ 500 мм, ISO 800, 1/1600, f / 4.0

С помощью Linear Dodge создание эффекта Ортона — простой процесс. Во-первых, продублируйте слой с помощью Control / Command + J. Во-вторых, преобразуйте новый верхний слой в смарт-объект. Затем выберите его и создайте фильтр Gaussian Blur (Filter> Blur> Gaussian Blur). В этом случае я использовал радиус 109 пикселей, но если вам кажется, что размытие или яркость слишком сильные, вы всегда можете дважды щелкнуть по словам «Размытие по Гауссу» под слоем, чтобы вернуться и уменьшить его.(Это возможно, только если слой является смарт-объектом.)

Затем установите режим наложения верхнего размытого слоя на Linear Dodge. Linear Dodge — это также специальный режим наложения. При необходимости используйте заливку, чтобы уменьшить величину и проекцию. Результат показан ниже:

Свечение с эффектом Ортона с использованием Linear Dodge

10. Overlay

Это один из наиболее часто используемых режимов наложения, и не зря. Наложение увеличивает яркость светлых тонов и затемняет темные, при этом средний серый остается серым.Звучит знакомо? Как называется осветление светлых участков и затемнение теней? Контраст! Очевидно, Overlay принадлежит к группе контрастов.

Добавить контраст с помощью Overlay довольно просто. Вам просто нужно продублировать свой слой и изменить режим наложения на Overlay. Как всегда, вы можете использовать ползунок Непрозрачность / Заливка, чтобы уменьшить интенсивность. Поскольку наложение не является специальным режимом наложения, прозрачность и заливка работают одинаково.

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

11.Soft Light

Этот режим наложения очень похож на Overlay, но с меньшей интенсивностью. Вы можете назвать это «тонким наложением».

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

Чтобы повысить резкость изображения с помощью мягкого света, создайте дубликат слоя и выберите новый верхний слой. Преобразуйте его в смарт-объект. Перейдите в Filter> Other> High Pass. Фильтр высоких частот применяет контраст только к краям изображения.Попробуйте потянуть ползунок вправо. Вы можете видеть, что края становятся более выраженными. Перетащите его слишком сильно, алгоритм также начнет резкость шума. Как правило, лучше всего подходит значение от 5 до 8 на ползунке.

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

12. Жесткий свет

Режим наложения «Жесткий свет» преобразует все цвета RGB в ближайший к нему основной цвет. Взгляните на иллюстрацию ниже, чтобы понять.

Hard Light преобразует все цвета в их ближайший базовый цвет, что может быть полезно для выделения в Photoshop

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

Заключение

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

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

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

Что такое инструмент и режимы наложения?

Как смешивать цвета в Photoshop

Ниже приведен пошаговый процесс совмещения в Photoshop:

Шаг 1) Выберите изображение для фона

Здесь у меня есть изображение текстуры ерша для моего фона. Я буду использовать другое изображение, чтобы смешать его с этим фоном в Photoshop.

Шаг 2) Выберите изображение, для которого необходимо изменить фон.

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

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

Шаг 3) Типы режимов наложения

Меню режима наложения находится в верхней части панели слоев и по умолчанию всегда находится в обычном режиме.

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

В списке режимов наложения каждая группа режимов наложения имеет определенные функции.

Например, первая часть делает изображение темнее. Это влияет на общую темноту изображения.

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

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

Следующая группа инструментов наложения Photoshop создает инвертированные эффекты.

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

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

Шаг 4) Примените переход к изображению

«Умножить» — лучший вариант для этого изображения. Это придает поразительный вид этому изображению.

Мы также можем получить режимы наложения в «панели стилей слоя».

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

Вы можете выбрать любой режим наложения.

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

См. Я использую режим цветного прожига. Мне понравился этот эффект наложения в Photoshop, но он слишком осветил изображение. Таким образом, я могу уменьшить непрозрачность фонового слоя, чтобы установить правильное изображение. Теперь вы видите разницу.

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

Как совмещать корректировки с использованием масок слоев в Photoshop

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

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

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

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

Шаг 1. Создайте корректирующий слой

Первое, что нужно сделать, это внести нужные изменения в изображение, которое позже будет смешано с выбранными областями.Чтобы внести эти изменения, я собираюсь создать корректирующий слой Curves. Как упоминалось в предыдущей статье, корректирующие слои «Кривые» — один из самых мощных инструментов Photoshop. Они позволяют выборочно влиять на яркость, контраст и / или цвет. Чтобы создать его, просто выберите «Слой»> «Новый корректирующий слой»> «Кривые». Вы также можете щелкнуть значок «Кривые» на панели корректирующего слоя. Но не волнуйтесь — мы не собираемся делать ничего сложного со слоем Curves Adjustment.

Конечно, вам не нужно использовать корректирующий слой Curves для корректировки изображения, вы можете использовать любой из корректирующих слоев, предлагаемых Photoshop.Если вам удобнее работать с уровнями, используйте их. Если вы хотите изменить уровни яркости, есть корректирующие слои Exposure и Brightness / Contrast. Если вы хотите внести изменения в цвет, вы можете использовать корректирующие слои «Цветовой тон / Насыщенность» или «Яркость». Я считаю «Кривые» одним из самых мощных инструментов Photoshop, поэтому я использую именно его, но вы можете использовать любой из них, который вам удобнее всего.

Шаг 2: Добавьте эффект

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

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

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

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

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

Шаг 3: Нанесите кистью

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

Начните с маскировки всего изображения, просто нажмите CTRL / CMD + I для этого.Вы заметите, что происходят две вещи. Во-первых, эффект, который вы только что добавили к своему изображению, скрыт, как если бы вы никогда не вносили никаких изменений (не волнуйтесь, изменения все еще присутствуют, они просто скрыты). Во-вторых, поле рядом с созданным корректирующим слоем стало черным. Поле представляет маску слоя. Как мы обсуждали в прошлой статье, маска слоя белого цвета означает, что изменения отражаются на изображении (вот почему вы видели эффект изменений, когда маска слоя была белой). Черная маска слоя означает, что эффект не проявляется на изображении.Поскольку наша маска слоя теперь черная, эффект нигде на изображении не применяется.

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

Если вы просто оставили кисть как есть, когда вы использовали ее для рисования на своем изображении, это добавило бы 100% эффекта. Это не то, что вам здесь нужно. Вы хотите добавлять эффект постепенно, чтобы он сливался. Поэтому перейдите в верхнюю часть экрана и найдите «Непрозрачность». Сдвиньте Непрозрачность влево, пока она не станет в диапазоне от 5% до 15%. В моем случае я буду использовать 10% (вы также можете просто ввести 15 на клавиатуре, и это будет применяться к непрозрачности кисти, пока этот инструмент выбран). Чем ниже непрозрачность, тем меньше эффекта добавляется с каждым мазком кисти и тем более постепенным изменение.Если у вас хватит терпения поддерживать непрозрачность на очень низком уровне (некоторые люди опускаются до 2-3%), вы будете вознаграждены очень постепенными изменениями.

Теперь вы просто нарисуете эффект. Перед тем, как сделать это, также убедитесь, что жесткость вашей кисти установлена ​​на 0%. Вам нужен как можно более мягкий переход. Кроме того, используйте кисть настолько большой, насколько позволяет изображение. Чем больше кисть, тем мягче переход. Самый простой способ изменить размер кисти — использовать клавиши с квадратными скобками.Левая скобка [делает кисть меньше, а правая скобка] увеличивает ее.

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

Шаг 4. Проверьте свою работу и отрегулируйте

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

Вот гистограмма после использования кисти для рисования белым цветом. Он показывает только те пиксели, которые были выделены с помощью кисти.

Если вы обнаружили, что перестарались с эффектом, вы всегда можете отказаться от него. Вы делаете это, меняя цвет кисти с белого на черный. Помните, что белый цвет показывает корректировки, черный — их скрывает.Вы можете отменить эффект, отступив назад («Правка»> «Шаг назад»), но самый простой способ сделать это — просто нажать клавишу X (которая переключает цвета переднего плана и фона, так что теперь у вас черный цвет сверху). Теперь, когда вы используете кисть, она удаляет созданную вами настройку. Помните, что ваш процент непрозрачности применяется независимо от того, рисует ваша кисть белым или черным. Когда вы закончите удаление корректировки, нажмите клавишу X, чтобы вернуться к белой кисти и продолжить добавление эффекта там, где вы хотите.

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

Шаг 5: повторите

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

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

Другие изменения вашего изображения

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

Сначала давайте быстро рассмотрим использование фильтра высоких частот. Чтобы повысить резкость с помощью фильтра высоких частот, сначала продублируйте слой (CTRL + J). Затем измените режим наложения на Overlay (не беспокойтесь о том, как будет выглядеть ваше изображение).После этого вызовите фильтр высоких частот (Filter> Other> High Pass). Это приведет к появлению небольшого диалогового окна, в котором вы установите сумму. Здесь я выберу примерно 4, что, на мой взгляд, довольно типично. Нажмите ОК, и эффект будет применен ко всему изображению. Это довольно удобная техника повышения резкости, но мы сделаем ее лучше, применив ее только к определенной области (опоре).

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

Заключение

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

Photoshop CC: корректирующие слои, режимы наложения и маски

Вы когда-нибудь задумывались, какие наиболее важные функции Photoshop делают его таким уникальным?

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

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

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

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

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

И, наконец, я научу вас маскам слоев.