Непрозрачность и наложение слоев
Режим наложения слоя определяет порядок наложения пикселов на изображении. Научитесь использовать режимы наложения для создания потрясающих специальных эффектов на изображениях.
Определение степени общей непрозрачности и непрозрачности заливки для выделенных слоев
Степень общей непрозрачности слоя определяет, насколько сильно он скрывает или отображает содержимое расположенного под ним слоя. Слой со степенью непрозрачности 1 % является практически прозрачным. Совершенно непрозрачный слой имеет степень непрозрачности 100 %.
Кроме степени общей непрозрачности, влияющей на все стили и режимы наложения слоя, существуют также настройки степени непрозрачности заливки. Непрозрачность заливки влияет только на пикселы, фигуры или текст на слое, не затрагивая непрозрачность эффектов слоя, например теней.
Степень непрозрачности фонового слоя, а также закрепленных слоев постоянна и не может быть изменена. Чтобы преобразовывать фоновый слой в обычный, поддерживающий возможность изменения прозрачности, см. раздел «Преобразование фона и слоев».
На панели «Слои» выберите один или несколько слоев или групп.
Измените значения параметров «Непрозрачность» и «Заливка» . (Если выбрана группа, можно изменить только параметр «Непрозрачность» .)
Чтобы просмотреть все параметры наложения, выберите пункт «Параметры наложения» в меню значка «Добавить стиль слоя» ( ) в нижней части панели «Слои» .
Задание режима наложения для слоя или группы слоев
По умолчанию для групп слоев устанавливается режим наложения «Пропустить» . Это означает, что группа слоев не обладает собственными настройками режима наложения.
Выбор другого режима наложения группы слоев изменяет способ объединения компонентов изображения. Сначала производится объединение всех слоев группы. После этого объединенная группа рассматривается как единое изображение, которое накладывается на оставшуюся часть изображения в соответствии с текущим режимом.
Таким образом, если для группы задан режим наложения, отличный от режима «Пропустить» , корректирующие слои и режимы наложения слоев в группе не оказывают влияния на слои за ее пределами.
Режим наложения «Очистка» для слоев отсутствует. Для изображений Lab не доступны режимы «Осветление основы» , «Затемнение основы» , «Затемнение» , «Замена светлым» , «Разница» , «Исключение» , «Вычитание» и «Разделение» . Для изображений HDR см. раздел «Возможности, поддерживающие изображения HDR с цветопередачей 32 бита на канал“.
Выберите слой или группу на панели «Слои» .
Выберите режим в раскрывающемся меню «Режим наложения» на панели «Слои» .
Перейдите в меню «Слой» > «Стиль слоя» > «Параметры наложения» , затем выберите режим в раскрывающемся меню «Режим наложения» .
Во всплывающем меню «Режим наложения» вы можете просмотреть, как разные параметры будут выглядеть на вашем изображении. Photoshop отображает интерактивную предварительную версию режимов наложения на холсте.
Описания и примеры для каждого режима см. в разделе Режимы наложения.
Группирование эффектов наложения
По умолчанию слои внутри обтравочной маски накладываются на нижележащие слои согласно настройкам режима наложения самого нижнего слоя группы. Однако можно настроить режим наложения нижнего слоя так, чтобы он применялся только к нему, и сохранить оригинальные режимы наложения обтравочных слоев. (См. раздел Отображение слоев с помощью обтравочных масок.)
Режим наложения слоя также может применяться к эффектам слоя, осуществляющим преобразование непрозрачных пикселов (таким как «Внутреннее свечение» и «Наложение цвета» ), и не затрагивать эффекты преобразования прозрачных пикселов (такие как «Внешнее свечение» и «Тень» ).
Дважды нажмите на миниатюру слоя и в меню панели «Слои» выберите пункт «Параметры наложения» или пункт меню «Слои» > «Стиль слоя» > «Параметры наложения» .
Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои» .
Чтобы применить режим наложения к эффектам слоя, осуществляющим преобразование непрозрачных пикселей (таким как «Внутреннее свечение» , «Глянец» , «Наложение цвета» и «Наложение градиента» ), выберите пункт «Наложить внутренние эффекты как группу» .
Чтобы применить режим наложения базового слоя ко всем слоям обтравочной маски, выберите пункт «Наложить обтравочные слои как группу» . Отключение данного параметра, который всегда задан по умолчанию, приводит к сохранению исходных режимов наложения и внешнего вида каждого из слоев группы.
Чтобы применить эффекты слоя и параметры просвечивания только к непрозрачным областям слоя, выберите параметр «Слой-фигура прозрачности» . Отключение данного параметра, задаваемого по умолчанию, приводит к применению указанных эффектов ко всему слою.
Чтобы применить эффекты слоя только к областям, задаваемым слоем-маской, выберите параметр «Слой-маска скрывает эффекты» .
Чтобы применить эффекты слоя только к областям, задаваемым векторной маской, выберите параметр «Векторная маска скрывает эффекты» .
Исключение каналов при наложении
При наложении слоев и групп эффекты наложения могут применяться выборочно только к заданным каналам. По умолчанию режимы наложения применяются ко всем каналам. Например, при работе с изображением RGB можно исключить из наложения красный цветовой канал. В результате наложение повлияет только на зеленый и синий цветовые каналы.
Дважды щелкните миниатюру слоя.
В меню «Слой» выберите пункт «Стиль слоя» > «Параметры наложения» .
Выберите пункт «Параметры наложения» в меню значка «Добавить стиль слоя» в нижней части панели «Слои» .
Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои» .
В области «Дополнительные параметры» диалогового окна «Стиль слоя» снимите флажки с каналов, которые необходимо исключить из процесса наложения.
Задание диапазона градаций для наложения слоев
Ползунки в диалоговом окне «Параметры наложения» предназначены для указания пикселов активного слоя и расположенных под ним видимых слоев, которые необходимо сохранить в конечном изображении.
Например, можно исключить темные пикселы из активного слоя или активировать просвечивание светлых пикселов нижележащих слоев. Также можно задать диапазон частично накладываемых пикселов для обеспечения плавности перехода между накладываемыми и ненакладываемыми областями.
Дважды нажмите на миниатюру слоя и выберите пункт «Слои» > «Стиль слоя» > «Параметры наложения» или в меню панели «Слои» выберите пункт «Добавить стиль слоя» > «Параметры наложения» .
Чтобы просмотреть параметры наложения для текстового слоя, выберите меню «Слой» > «Стиль слоя» > «Параметры наложения» или пункт «Параметры наложения» в меню кнопки «Добавить стиль слоя» в нижней части панели «Слои» .
В области «Дополнительные параметры» диалогового окна «Стиль слоя» выберите нужный параметр в раскрывающемся меню «Канал изображения» .
Чтобы задать диапазон наложения для всех каналов, выберите параметр «Серый» .
Чтобы задать параметры наложения для конкретного канала (например, красного, зеленого или синего цветового канала RGB-изображения), выберите соответствующий канал в списке.
Для настройки диапазона яркости накладываемых пикселов необходимо использовать ползунки «Данный слой» и «Подлежащий слой» , в которых задаются значения от 0 (черный цвет) до 255 (белый цвет). Верхнее значение диапазона задается с помощью белого ползунка. Нижнее значение диапазона определяется с помощью черного ползунка.
Чтобы задать диапазон частично накладываемых пикселов, перетащите половину треугольника ползунка, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Два значения, появившиеся над разделенным надвое ползунком, отображают диапазон частичного наложения.
При задании диапазонов необходимо следовать приведенным далее рекомендациям.
Для задания диапазона накладываемых пикселов активного слоя, появляющихся в итоговом изображении, используются ползунки параметра «Данный слой» . Например, если белый ползунок установлен на 235, из итогового изображения исключаются пикселы со значением яркости выше 235.
Для задания диапазона накладываемых пикселов подлежащего слоя, появляющихся в итоговом изображении, используются ползунки параметра «Подлежащий слой» . Накладываемые пикселы объединяются с точками активного слоя, а ненакладываемые пикселы просвечивают сквозь вышележащие области активного слоя. Например, если черный ползунок установлен на 19, пикселы со значением яркости менее 19 исключаются из процесса наложения и просвечивают сквозь активный слой в итоговом изображении.
Заливка новых слоев нейтральным цветом
Некоторые фильтры (например, «Эффекты освещения» ) не могут применяться к слоям, не содержащим пикселов. Данная проблема решается путем предварительного заполнения слоя ранее заданным нейтральным цветом, которое производится с помощью команды «Выполнить заливку нейтральным цветом (относительно режима)» диалогового окна «Новый слой» . Этот невидимый нейтральный цвет назначается в соответствии с выбранным для слоя режимом наложения.
Заливка нейтральным цветом отражается на других слоях только при задании дополнительных эффектов. Команда «Выполнить заливку нейтральным цветом» не поддерживается слоями, использующими режимы наложения «Нормальный» , «Растворение» , «Жесткое смешение» , «Цветовой тон» , «Насыщенность» , «Цветность» и «Свечение» .
Три способа смешивания двух изображений в Photoshop
В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!
Способ 1: Использование опции Opacity (Непрозрачность)
Выбор изображений
В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой , которое я буду использовать в качестве примера:
Они уже открыты у меня в Photoshop. Посмотрите на панель слоёв, эти два изображения располагаются на отдельных слоях. Изображение с пляжем открыто в качестве фона, портрет девушки находится чуть выше.
Опция «Непрозрачность»
Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.
Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.
Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.
Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.
В этом случае 30% непрозрачности портрета смешивается с 70% непрозрачности пейзажа, создавая приятный эффект наложения. Поиграйте с непрозрачностью и остановитесь на том значении, которое будет лучше для ваших изображений.
Способ 2: Режимы наложения
Во втором способе для совмещения двух изображений мы будем использовать режимы наложения. Они отлично подходят для смешивания любых двух изображений, в особенности они полезны при совмещении текстуры с фотографией. В качестве фотографии я буду использовать мужской портрет .
Снова посмотрите на панель слоёв, каждое изображение располагается на отдельном слое. Портрет находится на фоновом слое, а текстура над ним.
Опция «Режимы наложения»
Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.
Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.
Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).
Подобно режиму «Перекрытие», «Мягкий свет» смешивает два изображения вместе, повышая контрастность. Разница в том, что режим «Мягкий свет» производит более тонкий и естественный эффект.
Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).
«Разделить» — один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.
«Режимы наложения» и «Непрозрачность»
После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.
И вот результат:
Совет: циклическое переключение режимов смешивания с клавиатуры
Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.
Способ 3: Использование маски слоя
Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.
Вот первое фото с девочкой , которое я буду использовать:
Снова взглянем на панель слоёв, каждая фотография расположена на отдельном слое. Изображение с одуванчиками находится на фоновом слое, а девочка чуть выше.
Добавление маски
Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».
Рядом с миниатюрой слоя появится миниатюра маски.
Как работает маска слоя
Маски слоя управляют прозрачностью слоя, подобно опции «Непрозрачность». Но опция «Непрозрачность» влияет на прозрачность всего слоя в целом, а «Маска слоя» позволяет добавлять различные уровни прозрачности на разные области слоя. Другими словами, вы можете использовать маску, чтобы показать некоторые области, скрывая другие, это делает маску идеальным инструментом для смешивания изображений.
В своей работе маска использует чёрный и белый цвета. Любая часть слоя, где маска заполнена белым, остаётся видимой. А где маска заполнена чёрным цветом, скрыта. Давайте посмотрим, как можно быстро скомбинировать два изображения вместе, используя чёрно-белый градиент на маске слоя.
Выбор инструмента Gradient Tool (G) (Градиент)
На панели инструментов выберите Градиент.
Выбор чёрно-белого градиента
Выбрав инструмент Градиент (G), перейдите на панель параметров и нажмите на стрелочку, смотрящую вниз, расположенную рядом с градиентом.
Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).
Совмещение двух изображений
Перейдите на миниатюру маски, она должна выделиться в рамочку.
Затем на рабочем холсте кликните и, удерживая левую кнопку мыши, протяните линию градиента от чёрного к белому. Поскольку градиент начинается с чёрного и заканчивается белым, то я начну его создавать с правой стороны изображения и перемещу линию градиента влево. При создании градиента зажмите клавишу Shift, чтобы линия была прямой. Помните, что чёрный цвет скрывает, а белый отображает. В левой части рабочего документа я хочу оставить изображение девочки, поэтому эта часть маски должна быть белой. Правая сторона документа должна скрыться, значит правая сторона маски должна быть чёрной.
Когда вы отпустите кнопку мыши, Фотошоп создаст градиент на маске и смешает две фотографии вместе. На скриншоте ниже видно, как девочка из верхнего слоя смешивается с одуванчиками из нижнего слоя. Если вас не устраивает результат, то создайте ещё один градиент на маске.
Просмотр маски слоя
Посмотрите на миниатюру маски на панели «Слои», где мы создали градиент. Чёрная область справа – место, где верхнее изображение скрыто в документе, что позволяет проявиться нижнему изображению на фоновом слое. И белая область слева – область, где верхнее изображение с девочкой остаётся видимым.
Так же мы можем просмотреть фактическую маску в документе. Зажмите клавишу Alt на клавиатуре и кликните по миниатюре маски слоя, этими действиями вы переключите просмотр основного документа с изображения на маску слоя. Так вам будет легче всё понять. Снова повторюсь: чёрная область справа – область, где верхний слой скрыт, а белая слева — эта область видна.
Обратите внимание на серое пространство посередине, где градиент переходит от чёрного к белому. Эта область создаёт постепенный переход между двумя слоями, что позволяет создавать плавное смешивание двух изображений. Чтобы снова переключиться с маски на изображение, так же зажмите Alt и кликните по миниатюре маски на панели «Слои».
Совет: включение и отключение маски слоя
Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.
Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в 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, то каждый из графических элементов сохранит ту структуру, которая стала результатом использования эффектов.
Таковы основные возможности и нюансы наложения слоев в фотошопе.
два в один, в группу, внутри обтравочной маски, помощь горячих клавиш
Графический редактор Photoshop уверенно лидирует в своём сегменте. Программа предлагает внушительный набор инструментов для редактирования любых изображений. Одна из ключевых функций софта – работа со слоями. В статье расскажем, как объединить слои в Фотошопе.
- 1 Что такое слои и какие бывают
- 1.1 Фоновый слой
- 1.2 Обычный
- 1.3 Текстовый
- 1.4 Смарт-объект
- 1.5 Корректирующий слой
- 1.6 Слой-заливка
- 1.7 Слой-фигура
- 3.1 С предыдущим
- 3.2 Выделенные в Photoshop
- 3.3 Выделенные с образованием нового
- 3.4 Видимые
- 3.5 Как склеить видимые
- 3.6 Объединение связанных
- 3.7 Внутри обтравочной маски
- 3.8 Создание смарт-объекта из слоёв
- 3.9 Объединение видимых уровней с удалением остальных
- 3.10 Объединение в группу
Что такое слои и какие бывают
Здесь мы имеем подобие прозрачных плёнок, где на каждую нанесено какое-либо изображение или эффект.
После сведения слоёв получается цельная картина. К примеру, на первом слое изображено небо, на втором – земля, а на третьем и четвёртом – флора с фауной. Пользователю для внесения правок достаточно отредактировать 1 или 2 уровня, не нарушая при этом целостности всей картины.Слои имеют простую и вместе с тем строгую иерархию. Наложение происходит последовательно, а находящиеся в них элементы независимы друг от друга.
Слои также разделены на группы, что позволяет использовать их с большей эффективностью для выполнения тех или иных задач. Одни присутствуют в обязательном порядке, тогда как другие добавляются по мере необходимости.
Фоновый слой
Этот уровень назначается в автоматическом порядке при создании или открытии изображения. По умолчанию слой помечен как недоступный для полноценного редактирования (иконка замка в миниатюре слоя). К примеру, к нему нельзя применить функции прозрачности или наложения. При необходимости слой можно разблокировать.
Обычный
Львиную долю времени пользователю приходится работать именно со штатными слоями. С их помощью редактируются растровые изображения, то есть вносятся изменения посредством комбинирования пикселей.
В Рhotoshop также есть ряд продвинутых инструментов для работы с векторной графикой, но для вёрстки серьёзных проектов на точках и кривых целесообразнее использовать другой софт, вроде Illustrator или CorelDraw.
Текстовый
Это яркий пример векторного изображения. Каждый раз при наложении символов графический редактор автоматически будет создавать текстовый слой. Таким образом программа разделяет векторную и растровую графику.
Для редактирования текстового слоя графическими инструментами его придётся растрировать. То есть он в итоге станет обычным. Соответственно вносить в него изменения посредством текстового блока уже нельзя. Только накладывать новый слой.
Смарт-объект
Каждый подобный объект имеет свой уникальный набор описаний (контейнеры), где чётко заданы характеристики элементов, границ и прочего.
Такие слои можно трансформировать без потери качества. К примеру, сужать или растягивать.При уменьшении объекта на обычном слое набор пикселей теряется. То есть при последующем растягивании картинка получается мыльной. Смарт-объекты решают эту проблему.
Корректирующий слой
Каждый корректирующий слой имеет уникальную палитру с пресетами. Инструменты такого плана вынесены в отдельную группу. Работа с корректирующими слоями достаточно сложна и трудоёмка. Здесь необходимо иметь хотя бы базовые навыки по части настройки экспозиции, света, теней и т.п.
Слой-заливка
Это некое подобие фонового слоя, где объект можно закрасить сплошным цветом, наложить эффекты градиента или узора. Как правило, посредством заливки корректируют фон или какие-то отдельные элементы изображения.
Слой-фигура
Здесь можно провести аналогию с текстовым слоем. С помощью инструмента «Произвольные фигуры» создаются круги, прямоугольники и прочая геометрия, а программа размещает всё это на отдельных слоях, чтобы не смешивать растровую и векторную графику.
Можно ли их соединить
При создании коллажей и добавления каких-то отдельных элементов без объединения слоёв не обойтись. Можно менять их порядок, вырезать фон или накладывать друг на друга. Количество слоёв не ограничено и зависит от поставленных задач.
Порядок соединения
Объединение слоёв открывает широкие возможности для манипуляций с ними, вроде пакетного наложения эффектов или цветокоррекции. Применяемые инструменты будут распространяться на все уровни. В ряде случаев это заметно экономит время, где отпадает необходимость редактирования каждого слоя.
Для выделения слоёв берут на вооружение горячие клавиши ОС Windows. К примеру, выбрать группу уровней подряд можно с помощью комбинации Shift + 1 слой + последний. Выборочное выделение происходит посредством зажатой клавиши Ctrl.
С предыдущим
Переходим в рабочую зону работы со слоями. По умолчанию это нижняя правая часть интерфейса. Выбираем слой, вызываем контекстное меню правой кнопкой мыши и кликаем по строчке «Объединить с предыдущим».
Аналогичное действие выполняется комбинацией горячих клавиш Ctrl + E (Win) / Com + E (Mac).Выделенные в Photoshop
Выбираем группу уровней и по клику на одном из них вызываем контекстное меню. Нажимаем на строчку «Объединить слои». Горячая клавиша операции: Ctrl + E (Win) / Com + E (Mac). Как такового максимального количества уровней для объединения нет.
Выделенные с образованием нового
Операция называется «склейка». Выбираем нужные уровни и нажимаем комбинацию клавиш Ctrl + Alt + E (Win) / Com + Opt + E (Mac). Все выделенные слои объединяются в один новый: группа получает название «объединённое». При этом старые уровни остаются нетронутыми.
Видимые
Для начала следует отметить каждый уровень к объединению сделав его видимым: значок глаза должен быть открытым. Далее кликаем по любому из них мышкой и вызываем контекстное меню. Нажимаем на строчку «Объединить видимые». Комбинация клавиш: Shift + Ctrl + E (Win) / Shift + Com + E (Мас).
Как склеить видимые
Операция аналогична склейке. Отмечаем уровни к объединению значком открытого глаза. Кликаем курсором мыши на одном из слоёв и нажимаем комбинацию клавиш Shift + Ctrl + Alt + E (Win) / Shift + Com + Opt + E (Мас). Дубликаты видимых уровней преобразуются в один новый слой, а старые останутся без изменений.
Объединение связанных
Выделяем нужные уровни и вызываем контекстное меню. Кликаем по строчке «Выделить связанные слои» и соглашаемся с предупреждением. Аналогичные действия можно выполнить посредством комбинации клавиш Ctrl + E (Win) / Com + E (Мас).
Внутри обтравочной маски
Выбираем нижний слой в обтравочной маске левой клавишей мыши, после чего вызываем контекстное меню правой кнопкой и кликаем по «Объединить обтравочные маски». Операция невыполнима для слоёв с векторной графикой.
Создание смарт-объекта из слоёв
Выделяем нужные уровни и посредством контекстного меню выполняем операцию «Преобразовать в смарт-объект».
Следует учесть, что редактирование текстовых элементов после сведения станет невозможным. Придётся создавать дополнительный слой.Объединение видимых уровней с удалением остальных
Расставляем маркеры открытого глаза на всех объединяемых слоях. Вызываем контекстное меню и кликаем по строчке «Выполнить сведение». После объединения слоёв ранее прозрачные области станут белыми. Соответственно немаркированные уровни будут удалены.
Важно! Перед объединением новых слоёв с последующим удалением старых не помешает сделать копию файла. Все совершают промахи при редактировании, но наличие дубликата позволит избежать серьёзных ошибок.
Объединение в группу
Выбираем все необходимые для объединения слои. Кликаем по любому выделенному слою и вызываем контекстное меню. Нажимаем на строчку «Группа из слоёв». Комбинация клавиш: Ctrl + G (Win) / Com + G (Мас).
Полезное видео
Заключение
При работе со слоями и инструментами в целом практичнее использовать горячие клавиши. Это значительно экономит время. Запутаться в них достаточно сложно, учитывая, что к каждой группе инструментов привязана своя латинская буква. На тех же слоях – это Е.
При работе с серьёзными проектами имеет смысл попробовать компоновку слоёв, а вместе с тем оценить результат на простых примерах (пробных проектах). Такой подход позволит не запутаться в группах, уровнях и накладываемых эффектах.
Используя инструменты для объединения слоёв, главное, не усложнять. Наложение групп, эффектов и большое количество подуровней заметно усложнит задачу. Иногда проще разбить сложное решение на несколько отдельных объединений, чем смешивать всё в кучу.
Основы слоев Photoshop
Узнайте, как использовать слои на панели «Слои», изменять размер содержимого слоя, добавлять изображения в многослойный файл и работать с фоновым слоем в Adobe Photoshop.
Что вам понадобится
Примеры файлов для практики (ZIP, 50 МБ)
Открыть в приложении
Открыть этот урок в Photoshop.
Понимание слоев
Узнайте, что такое слои и почему они так полезны.
Чему вы научились: как просматривать и выбирать слои на панели «Слои»
- Слои содержат изображения, текст или объекты, составляющие многослойный файл. Они позволяют перемещать, редактировать и работать с содержимым одного слоя, не затрагивая содержимое других слоев.
- Слои располагаются стопкой на панели Слои , которая обычно находится в правом нижнем углу рабочей области.
Если панель «Слои» не отображается, выберите «Окно» > «Слои». - На панели «Слои» щелкните значок глаза слева от слоя, чтобы скрыть его содержимое. Нажмите еще раз в том же месте, чтобы открыть содержимое. Это полезный способ напомнить себе, что находится на определенном слое.
- Чтобы внести в него изменения, необходимо выбрать слой. В Layers щелкните один раз справа от имени слоя, чтобы выбрать этот слой. Чтобы добавить дополнительные слои к выделенному, удерживайте клавишу «Control» (Windows) или «Command» (macOS), щелкая другие слои.
Изучение основ слоев
Изменить порядок слоев, создать новый слой, изменить прозрачность слоя и удалить слой.
Что вы узнали: Работа со слоями на панели «Слои»
- Перетащите слой вверх или вниз на панели «Слои», чтобы изменить порядок многослойных объектов на изображении.
- Щелкните значок Создать новый слой в нижней части панели слоев, чтобы создать новый слой.
Этот слой прозрачен, пока к нему что-то не добавлено. - Чтобы назвать слой, дважды щелкните имя текущего слоя. Введите новое имя для слоя. Нажмите «Ввод» (Windows) или «Return» (macOS).
- Чтобы изменить непрозрачность слоя, выберите слой на панели «Слои» и перетащите ползунок «Непрозрачность», расположенный в верхней части панели «Слои», чтобы сделать слой более или менее прозрачным.
- Чтобы удалить слой, выберите его на панели «Слои» и нажмите Backspace (Windows) или Delete (macOS).
Изменение размера слоя
Изменение размера содержимого выбранных слоев.
Что вы узнали: изменение размера слоев
- На панели «Слои» выберите один или несколько слоев, содержащих изображения или объекты, размеры которых вы хотите изменить.
- Выберите Редактировать > БесплатноПреобразование . Вокруг всего содержимого на выбранных слоях появляется граница преобразования.
Удерживая нажатой клавишу Shift, чтобы не исказить содержимое, перетащите углы или края до нужного размера. Перетащите внутрь границы преобразования, чтобы переместить содержимое по изображению. Перетащите за пределы границы преобразования, чтобы повернуть содержимое.
Добавляйте в дизайн больше изображений, каждое изображение на отдельном слое.
Чему вы научились: Чтобы добавить изображения в дизайн
- Выберите Файл > ПоместитьВстроенный , перейдите к файлу изображения в проводнике (Windows) или Finder (macOS) и нажмите «Поместить».
- Удерживая нажатой клавишу Shift, чтобы избежать искажения изображения, перетащите углы границы изображения, чтобы изменить размер добавленного изображения.
- Перетащите внутрь границы, чтобы разместить добавленное изображение в нужном месте.
- Щелкните галочку на панели параметров, чтобы завершить размещение. При этом автоматически создается новый слой, содержащий добавленное изображение.
Разблокировать фоновый слой
Узнайте, как работает специальный фоновый слой.
Вернуться к: Изменить размер изображения | Далее: Настройте качество изображения
Как правильно сгруппировать слои в Photoshop: 2 простых шага
28 октября 2022 г. 28 октября 2022 г. | Морган Оверхольт
(фото Дина Дробота/shutterstock.
com)Раскрытие информации: Этот сайт спонсируется партнерскими программами. Мы можем зарабатывать деньги на компаниях, упомянутых в этом посте. Как аффилированный партнер Amazon мы можем зарабатывать на соответствующих покупках.
Добро пожаловать в еще одно простое и понятное руководство по основам Adobe Photoshop.
Я работаю профессиональным графическим дизайнером уже 20 лет. И моя миссия — разбить некоторые из самых основных функций Photoshop в удобоваримой форме, понятной каждому.
В этом уроке Photoshop мы поговорим о группах Photoshop. А именно, что это такое и как их использовать.
В этой статье рассматриваются темы:
- Что такое группы в Photoshop?
- Как быстрее всего сгруппировать слои в Photoshop?
- Как объединить слои в Photoshop?
Что такое группы в Photoshop?
Группы Photoshop представляют собой набор из одного или нескольких слоев, которые были связаны вместе в одной папке на панели слоев.
Преимущества использования групп в Photoshop:
- Организация документов с несколькими слоями.
- Возможность перемещать, изменять размер, стиль или изменять режим наложения, непрозрачность и видимость всего набора слоев один раз целиком.
- Создание многослойных обтравочных масок и масок слоя.
Выполнение этих задач в корневой папке группы, а не в отдельных слоях, может открыть совершенно новый мир возможностей дизайна.
(исходное фото Дина Дробота/shutterstock.com)
Как быстрее всего сгруппировать слои в Photoshop?
Самый быстрый способ сгруппировать слои в Photoshop — выбрать слои, которые вы хотите сгруппировать, и использовать сочетание клавиш. Ярлык по умолчанию — Cmd + G (Mac) или Control + G (Windows) .
Еще один быстрый способ сгруппировать несколько слоев — выбрать слои, которые вы хотите сгруппировать, и щелкнуть значок папки, расположенный в нижней части панели слоев.
Или вы можете сгруппировать слои вручную, выполнив следующие действия:
1. Выберите слои, которые вы хотите сгруппировать, на панели слоев . Чтобы выбрать несколько слоев одновременно, щелкните каждый слой, удерживая нажатой клавишу Shift.
2. Щелкните правой кнопкой мыши и выберите Group from Layers . Назовите новую группу и нажмите OK .
Вуаля — выделенные слои теперь стали группой слоев.
Теперь вы можете разворачивать и сворачивать группу по своему усмотрению, чтобы отобразить эскизы отдельных слоев, щелкнув стрелку рядом со значком папки группы.
И помните, вы всегда можете разгруппировать слои, щелкнув правой кнопкой мыши корневую папку группы и выбрав Разгруппировать слои .
Как вы объединяете слои в Photoshop?
Вы также можете пойти дальше и объединить или объединить слои. Но имейте в виду — когда вы объединяете несколько слоев, вы теряете возможность вернуться и отредактировать или изменить стиль отдельных элементов.
Как сделать картинку поверх другой в photoshop
В Adobe Photoshop слои играют важную роль, позволяя совмещать объекты друг с другом и применять разные эффекты с помощью режимов наложения. При этом во время работы с данной программой поначалу часто могут возникать вопросы по реализации самых простых задач вроде накладывания слоев друг на друга.
-
Для того чтобы поставить один слой над другим, необходимо на соответствующей панели кликнуть по объекту и с зажатой левой кнопкой мыши перетащить выше по списку. Если на изображении нет ограничений, перемещение произойдет без каких-либо ошибок.
Сами по себе слои также предоставляют массу настроек, связанных с некоторыми другими инструментами Фотошопа. Именно за счет комбинация всех этих возможностей и создаются качественные работы.
alt=»Закрыть» />Мы рады, что смогли помочь Вам в решении проблемы.
alt=»Закрыть» />Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.Как наложить одну картинку на другую в Фотошоп Онлайн?
Наложение изображений – самая простая операция в сфере фотомонтажа. Чтобы наложить одну картинку или часть её на другое изображение, необходимо скопировать её и вставить во вторую картинку. Также можно воспользоваться слоями и полупрозрачностью, чтобы одно изображение проступало сквозь другое. Всё это можно сделать в веб-приложении Фотошоп Онлайн.
- 1 Инструкция №1 – наложение без прозрачности
- 2 Инструкция №2 – наложение слоёв с прозрачностью
Инструкция №1 – наложение без прозрачности
В этой инструкции слои не используются, будем работать с базовыми функциями:
- Запустите в браузере Фотошоп Онлайн и загрузите картинку через меню Файл – Открыть .
- Сразу откройте вторую картинку, на которую нужно наложить первую – она откроется в другой вкладке.
- Перейдите к первой картинке – выделите всё изображение комбинацией Ctrl-A или воспользуйтесь одним из инструментов выделения на боковой панели.
- Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать , выбранный участок скопируется в буфер обмена.
- Перейдите на второй рисунок в соседней вкладке, выберите в верхнем меню Редактирование – Вставить .
При необходимости, вставленный участок можно подвинуть, подцепив его мышью. Также его можно трансформировать в меню Редактирование – Свободная трансформация . Сохраните готовый файл.
Инструкция №2 – наложение слоёв с прозрачностью
Вставить картинку в картинку в Фотошоп Онлайн с прозрачностью поможет система слоёв:
- Откройте первое изображение через меню Файл – Открыть .
- Создайте слой через меню Слой – Новый – Слой .
- Откройте второе изображение через меню Файл – Открыть .
- Выделите всё второе изображение комбинацией Ctrl-A или с помощью инструментов выделения на боковой панели.
- Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать – выбранный участок скопируется в буфер обмена.
- Перейдите на вкладку с первым изображением, вставьте скопированный участок через меню Редактирование – Вставить .
- В правой панели во вкладке Слои виден параметр прозрачности – отрегулируйте его в диапазоне от 0% до 100%.
Если прозрачность составляет 100%, то нижняя картинка не видна. При уменьшении прозрачности видимость нижнего слоя постепенно увеличивается, верхнего – постепенно уменьшается. Выберите нужное значение и сохраните файл.
Совмещение двух изображений в Фотошопе
Фотошоп – это не только продвинутый графический редактор, позволяющий профессионалам в сфере дизайна создавать сложные эффекты, объекты или изображения. Его использует и большое количество обычных пользователей, например, для простых операций по работе с изображениями. В данной статье мы рассмотрим пример обработки двух фотографий, в результате которой одна (портрет) помешается внутрь другой (рамка).
Подготовительные работы, выбор изображений
- Сначала подберем подходящие для демонстрации изображения. Пусть это будет фото знаменитой голливудской актрисы – Шарлиз Терон.
- Также найдем в сети подходящую рамку и скачаем ее. Либо можно использовать ранее скаченные варианты.
- Запускаем Photoshop и открываем обе картинки в двух отдельных вкладках. Открытие файлов происходит стандартно для большинства программ: “Файл” – “Открыть“. Затем, используя кнопку “Обзор” переходим в папку, где хранятся изображения и открываем их.
Этап 1: Позиционирование изображений
Теперь приступаем непосредственно к совмещению выбранных изображений.
- Выбираем вкладку с фотографией актрисы и выделяем ее при помощи комбинации клавиш Ctrl+A.
- Теперь нужно вырезать (либо скопировать) выделенную область, чтобы перенести ее на изображение с рамкой. Для этого:
- либо используем команду “Вырезать” в меню “Редактирование” (в нашем случае);
- наводим курсор на слой с рамкой и нажимаем правую кнопку мыши;
- в появившемся контекстном меню выбираем первую строку – “Слой из заднего плана” и кликаем на нее.
Этап 2: Выравнивание размеров
Чтобы фотография органично вписалась в рамку, следует немного уменьшить ее первоначальный размер, сохранив при этом первоначальные габариты.
- В Палитре слоев кликаем на “Слой 1“, на котором находится изображение актрисы, чтобы редактировать именно его размеры.
- Выбираем пункт “Свободное трансформирование” в меню “Редактирование“, либо используем комбинацию клавиш Ctrl+T.
- Слой получил выделение в виде рамки с квадратными маркерами, при помощи которых мы будем изменять размер изображения.
- Зажав левую кнопку мыши, тянем один из угловых маркеров внутрь до тех пор, пока фотографии не уменьшится до требуемого размера (контролируем визуально). Чтобы уменьшение происходило пропорционально, в процессе изменения размера удерживаем нажатой клавишу SHIFT на клавиатуре.
- Следующие шаги этого раздела не обязательны в ситуации, когда рамка имеет сплошной фон, отличный от белого. Однако в нашем случае это не так, и чтобы результат, действительно, получился эффектным, требуются некоторые доработки.
- Выбираем инструмент “Волшебная палочка” на панели инструментов слева.
- Кликаем по области, которая освободилась на верхнем слое в результате уменьшения фотографии, чтобы выделить ее.
- Затем выбираем инструмент “Заливка“, предварительно установив в качестве основного белый цвет.
- Кликаем по области выделения, чтобы закрасить ее полностью белым цветом.
- Созданное белое обрамление позволит в дальнейшем органично вписать фотографию в рамку.
Этап 3: Совмещение изображений
Это завершающий этап, на котором мы настроим совместное отображение фотографии и рамки, которые в данный момент перекрывают друг друга.
- При помощи зажатой левой кнопки мыши перемещаем слой с фотографией непосредственно под слой с рамкой.
- Теперь фотография не видна совсем, и всю площадь рабочего холста занимает рамка. Наша задача – поместить фотографию в эту рамку.
- Выбираем для редактирования верхний слой, кликнув по нему левой кнопкой мыши.
- Повторно выбираем инструмент “Волшебная палочка“.
- Наводим курсор в среднюю часть рамки и нажимаем левую кнопку мыши. Это действие позволяет выделить на изображении все границы белого цвета.
- Удаляем область выделения – для этого нажимаем клавишу DEL. Затем убираем выделение при помощи сочетания клавиш Ctrl+D.
- Дальше можно немного поработать над тем, чтобы итоговый результат выглядел более гармонично и привлекательно, например, удалить четкие границы фотографии.
Так, при помощи достаточно простых действий и инструментов, получилось красиво вписать одно изображение в другое в программе Photoshop.