Как слой сделать поверх другого?

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

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

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

Увеличение резкости с помощью слоёв в Фотошоп.

О программе Adobe Photoshop

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

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

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.

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

В качестве второго изображения возьму фото Джека с мячиком.

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

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

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски

Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.

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

Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

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

Как добавить новый слой?

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

Чтобы добавить новый пустой слой в Photoshop CS4, следует выполнить одно из следующих действий:

• 1 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый пустой слой, и внизу все той же палитры щелкните мышкой по кнопке Create New Layer (Создать новый слой) . Новый пустой прозрачный слой появится на палитре Layers (Слои) и автоматически станет активным — выделение перейдет на него. Данный способ добавления слоев является наиболее быстрым.
• 2 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый слой и в строке меню выберите Layers (Слои) → New (Новый) → Layer (Слой). В результате на экране появится диалоговое окно New Layer (Новый слой), в котором вам будет необходимо задать параметры слоя (можете сразу нажать ОК).

Сохранение результата

После завершения работы возникает вопрос: «Что делать с нашим фото?». Действительно, вместо одного слоя теперь несколько. Если попытаться нажать кнопку «Сохранить», Adobe Photoshop создаст файл в собственном формате. Он будет иметь разрешение *.PSD. Такой вариант оптимален, если Вы собираетесь позднее заниматься коррекцией фото. Но он имеет два минуса:

1. Не все пользовательские программы (офисные пакеты, проводник и т.д.) могут отобразить изображение
2. Размер файла. Каждый слой – как отдельное изображение. И размер картинки будет в разы больше.

Если вы собираетесь просто показывать фото своим друзьям, коллегам – выберите меню «Сохранить как» и в типе файла — *.jpg. Будет создана копия изображения. На ней не будет слоёв. И она будет занимать мало места на диске. При этом многослойное изображение остаётся нетронутым. Вы его можете позднее сохранить в любом другом формате.

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

Основные типы слоев

В программе Photoshop CS4 существует 5 основных типов слоев:

• Обычный слой — содержит пиксельное изображения объекта, которое можно редактировать инструментами Photoshop;
• Текстовый слой — содержит векторный текст, который редактируется с помощью специальных текстовых инструментов;
• Корректирующий слой — используется для создания специальных корректирующих эффектов (например, изменение яркости, насыщенности);
• Слой, который заполняет, (слой-заливание) — используется для создания заливания сплошным цветом, градиентом или узором;
• Слой смарт-объекта — содержит данные смарт-об’єкта и обеспечивает возможность его редактирования. Смарт-объект – это встроенный в программу документ, который имеет расширения PSB, но все свойства и возможности PSD-файлов сохраняет. Его можно редактировать отдельно от изображения и использовать в изображении много раз.

Понятия о слоях изображения в Photoshop

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

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

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

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

Основные действия со слоями осуществляются в палитре Photoshop Layers (Слои). Чтобы ее открыть, нужно выполнить команду Windows (Окно) > Layers (Слои). Каждому слою в этой палитре отвечает отдельная строка с его миниатюрой и названием.

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

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

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

Свойства слоев

Все слои в совокупности имеют следующие свойства:

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

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

Опция Fill выполняет практически тоже что и Opasity, снижает непрозрачность слоя, но в отличии от Opasity, опция имеет одну замечательную особенность, снижая непрозрачность слоя, она оставляет видимыми все Стили слоя применяемые к изображению. Подробнее:Стили слоя

Режим наложения (смешения слоев) по умолчанию установлен Нормальный (Normal). Подробнее: Режимы наложения (смешивания) слоев в фотошопе.

HSL режимы наложения

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

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

Color (Цвет)

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

Luminosity (Яркость)

В противовес режиму Color сохраняет светлоту верхнего слоя, а значения цветового тона и насыщенности берёт из нижнего. Режим Luminosity полезен, когда изменяя яркость и контраст изображения вы стремитесь сохранить цвета неизменными. Это напоминает редактирование канала L при работе в цветовом пространстве Lab. Например, я обычно использую режим Luminosity при повышении резкости с помощью нерезкого маскирования, чтобы избежать появления цветных артефактов.

Спасибо за внимание!

Василий А.

Практические советы:

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

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

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

Практическая часть

То, что финальная картинка Adobe Photoshop является результатом комбинации различных параметров наложения слоёв, повторялось не раз. Пришло время рассмотреть, как это работает.

В качестве жертвы возьмём пейзаж сапропелевого лесного озера в Беларуси.

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

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

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

К таковым без сомнения можно отнести все варианты блока «Усиление резкости». Режимы «Перекрытие» (Overlay), «Жёсткое смешение» (Hard Mix) и «Умножение».

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

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

На рисунке ниже вы видите три сегмента фотографии. Два из них получились путём наложения слоёв в режиме перекрытие и умножение.

Использование Color Overlay

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

Стиль Color Overlay довольно простой в использовании и имеет всего две настройки — Blend Mode и Opacity.

Blend Mode — является собой основной возможностью Color Overlay, он обладает 25 режимами смешивания цвета, используюя которые, мы можем создавать различные цветовые эффекты.

Все «режимы смешивания» разбиты на основные типы воздействия на слои и цвета:

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

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

Немного теории

С понятиями «резкость», «контрастность» и «чёткость» фотографии мы познакомились в предыдущем уроке темы. Дабы не повторяться, будем помнить что

1. Все три слова – синонимы
2. Во всех случаях увеличение резкости сводится к затемнению части тёмных тонов и подсветке части светлых.

Кроме этого нам понадобится вспомнить ответ на вопросы «Что такое слои в Adobe Photoshop?» и «Что такое каналы в Adobe Photoshop?». В предыдущих уроках по Фотошопу давались объяснения обоих понятий. Поэтому логичным будет просто дать ссылки:

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

Идём дальше или обзор режимов наложения слоёв из блока «Резкость»

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

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

Мягкий свет (Soft Light) – данный метод очень напоминает режим «Перекрытие» (Overlay). Он затемняет тени и подсвечивает «света». Разница в алгоритме. Светлые области берутся из нижнего. Тёмные зоны он выбирает из обоих слоёв. При этом результат «смягчается». То есть крайние значения света и тени ослабляются. Как и в случае с Overlay, метод не сработает, если один из слоёв окрашен на 50% в серый цвет.

Жёсткий свет (Hard Light) – Алгоритм аналогичен методу перекрытие (Overlay). Только с «повышающим коэффициентом». В тенях используется умножение двух слоёв. В зонах света – обычное осветление (координаты светлых зон уменьшаются на показатель разницы между ними). Так же не работает с серыми областями.

Яркий свет (Vivid Light) – Более «интеллектуальная» система наложения. Анализирует информацию верхнего слоя. Если он светлый, то происходит осветление путём уменьшения (!!!) контраста. Если тёмный – затемнение через увеличение контраста. Исключение – 50% серый. С этим цветом алгоритм не делает ничего.

Линейный свет (Linear Light) – Представляет собой «ослабленный» алгоритм «яркого света». Эффект тот же. Результат – мягче.

Точечный свет (Pin Light) – Очень интересный алгоритм. Он анализирует содержимое зон. В зоне от 50% до 100% чёрного (тёмные области) он сравнивает верхний и нижний слои, а потом заменяет более светлые пиксели на более тёмные. В зоне 0-50% делает наоборот. Более тёмное заменяет на светлое. Исключения те же, что и для всей группы.

Жёсткое смешение (Hard Mix) – Чрезвычайно сильный по своим результатам инструмент. Он затемняет тени и засвечивает света до максимальных значений. В результате получается эффект, схожий с постеризацией.

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

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

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

1. Выделяем нужные области и копируем их на новый слой.
2. К каждому фрагменту применяем свои режимы наложения
3. Если необходимо подчеркнуть те или иные фрагменты – накладываем ещё слои. В том числе поверх скопированных областей. Пример: участок неба формируется из трёх слоёв: основа, «вода+небо» (умножение) и «вода» (режим «яркий свет).

Не бойтесь экспериментировать. Пролистайте ВСЕ режимы наложения. Интересный и привлекательный результат может проявиться в самом неожиданном месте!

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

Практика

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

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

В качестве верхнего слоя я возьму текстуру песка.

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

Напомню, что непрозрачностью слоя можно управлять, используя два параметра: Opacity (Плотность) и Fill (Заливка). При этом для большинства режимов наложения Opacity и Fill действуют абсолютно одинаково с той лишь разницей, что Opacity воздействует как на сам слой, так и на применённые к нему стили, а Fill стили игнорирует. Однако восемь режимов (Color Burn, Linear Burn, Color Dodge, Linear Dodge, Vivid Light, Linear Light, Hard Mix, и Difference) реагируют на уменьшение параметров Opacity и Fill немного по-разному, и об этом не стоит забывать.

Во всех случаях, когда я привожу формулы, используемые Фотошопом для расчёта результирующего цвета, буква a будет обозначать значение яркости верхнего слоя, а b – нижнего. Минимальное значение равно 0 (чёрный цвет), максимальное равно 255 (белый цвет).

Часть 1. Как увеличить резкость фотографий в Adobe Photoshop наложением слоёв.

Третья тема курса Фотошоп полностью посвящена методам визуального улучшения фотографии. Предыдущий урок был посвящён вопросам исправления резкости фотографий с помощью Adobe Photoshop. Были рассмотрены три базовых способа. Или, как их ещё называют, явные функции работы с резкостью фотографий.

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

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

Начнём с метода (или группы методов), который можно условно назвать «увеличение резкости фотографий с помощью слоёв». Учитывая, что философия слоя лежит в основе работы Adobe Photoshop, данное занятие решает ещё одну задачу. Оно позволяет понять, что такое «слои» в Фотошоп, и как с ними работать.

Дублирование слоя

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

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