Полное руководство по слоям в фотошопе

25 августа, 2020

01. Понимание слоев в Photoshop

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

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

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

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

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

«Это здорово!» – скажете вы, «но это не говорит мне, что такое слои». Хорошая мысль, давайте узнаем!

Photoshop без слоев

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

Выбор команды «Создать» в меню «Файл».
Идем в Файл > Новый.

Это открывает диалоговое окно New. Для нашего документа нам не нужен определенный размер, но, чтобы мы оба были на одной странице, введите 1200 пикселей для ширины и 800 пикселей для высоты. Вы можете оставить значение разрешения равным 72 пикселя / дюйм. Наконец, убедитесь, что для фона установлено значение «Белый», чтобы у нашего нового документа был сплошной белый фон. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Ваш новый белый документ появится на экране:

The New dialog box in Photoshop.
Новое диалоговое окно Photoshop.

Рисование квадратной формы

Now that we have our new document ready to go, let’s draw a couple of simple shapes. First, we’ll draw a square, and for that, we’ll use one of Photoshop’s basic selection tools. Select the Rectangular Marquee Tool from the top of your Tools panel along the left of the screen: части панели инструментов в левой части экрана:

Selecting the Rectangular Marquee Tool in Photoshop. Image © 2016 Photoshop Essentials.com
Выбираем инструмент Rectangular Marquee Tool.

Чтобы нарисовать квадрат с помощью инструмента «Прямоугольная область», щелкните в любом месте в верхнем левом углу документа, чтобы установить начальную точку для выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте клавишу Shift и перетащите по диагонали в правый нижний угол. Обычно инструмент Rectangular Marquee Tool рисует прямоугольные выделения произвольной формы, но, нажимая и удерживая клавишу Shift, мы говорим Photoshop, чтобы форма выделения превратилась в идеальный квадрат.

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

Drawing a square selection with the Rectangular Marquee Tool.
Нарисуйте квадратное выделение с помощью инструмента Rectangular Marquee Tool.

Теперь, когда мы нарисовали контур выделения, давайте заполним его цветом. Для этого мы воспользуемся командой Photoshop Fill. Поднимитесь в меню Edit в верхней части экрана и выберите Заливка:

Selecting the Fill command in Photoshop. Image © 2016 Photoshop Essentials.com
Идем в Редактировать > Заливка.

Откроется диалоговое окно «Заливка». Измените параметр Использовать в верхней части диалогового окна на Цвет:

The Fill dialog box in Photoshop. Image © 2016 Photoshop Essentials.com
Изменение использования на цвет.

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

Choosing a color from the Color Picker in Photoshop. Image © 2016 Photoshop Essentials.com
Выберите цвет в палитре цветов. Подойдет любой цвет.

Нажмите OK, когда закончите, чтобы закрыть палитру цветов, затем нажмите OK, чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет выделение выбранным вами цветом, который в моем случае был красным:

The selection has been filled with red. Image © 2016 Photoshop Essentials.com
Документ после заливки выделения красным.

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

Choosing the Deselect command from under the Select menu. Image © 2016 Photoshop Essentials.com
Выбрать > Отменить выбор

Рисование круглой формы

Все идет нормально. Теперь добавим в документ вторую фигуру. Мы уже добавили квадрат, так что давайте немного перемешаем и на этот раз добавим круглую форму. Для этого мы воспользуемся одним из основных инструментов выделения Photoshop – Elliptical Marquee Tool.

Инструмент Elliptical Marquee Tool расположен за инструментом Rectangular Marquee Tool на панели инструментов. Чтобы выбрать его, щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), на инструменте Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool из раскрывающегося меню:

Selecting the Elliptical Marquee Tool from the Tools panel. Image © 2016 Photoshop Essentials.com
Выбор инструмента Elliptical Marquee Tool.

Нарисуем нашу круглую форму так, чтобы она перекрывала квадрат. Щелкните в правом нижнем углу квадрата, чтобы установить начальную точку выделения. Затем, все еще удерживая кнопку мыши нажатой, нажмите и удерживайте Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре и перетащите его от начальной точки.

Обычно инструмент Elliptical Marquee Tool рисует эллиптические выделения произвольной формы, но, удерживая нажатой клавишу Shift во время перетаскивания, мы форсируем форму идеального круга. Удерживание клавиши Alt (Win) / Option (Mac) говорит Photoshop, что нужно нарисовать фигуру наружу от точки, где мы изначально щелкнули.

Вытяните фигуру так, чтобы она была примерно того же размера, что и квадрат. Когда вы закончите, отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши. Опять же, убедитесь, что вы сначала отпускаете клавиши, а затем кнопку мыши:

Drawing a circular selection with the Elliptical Marquee Tool.
Рисование круглой области, перекрывающей квадрат.

После того, как вы нарисовали круговой контур выделения, вернитесь в меню «Правка» вверху экрана и выберите «Заливка», чтобы залить выделение цветом. Для параметра «Использовать» в верхней части диалогового окна «Заливка» уже должно быть установлено значение «Цвет», поскольку это то, что мы установили ранее. Но если вы просто нажмете «ОК», чтобы закрыть диалоговое окно, Photoshop заполнит выделение тем же цветом, который вы выбрали в прошлый раз, а это не то, что мы хотим.

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

Choosing green from the Color Picker in Photoshop. Image © 2016 Photoshop Essentials.com
Выберите другой цвет для второй формы.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть диалоговое окно «Заливка», после чего Photoshop закрасит выделение цветом. Чтобы удалить контур выделения вокруг формы, перейдите в меню «Выбор» в верхней части экрана и выберите «Отменить выделение», как мы это делали в прошлый раз. Теперь у нас есть две формы – квадрат и круг – с кругом, перекрывающим квадрат:

he document with both shapes added.
Документ с добавленными обеими фигурами.

Эта проблема…

Мы нарисовали наши формы, и все выглядит отлично. Хотя…

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

Для этого мы…. Подождите, как нам это сделать? Я нарисовал красный, затем оранжевый, и теперь мне просто нужно переместить красное перед оранжевым. Звучит достаточно просто, но … как?

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

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

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

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

The Background layer in the Layers panel in Photoshop. Image © 2016 Photoshop Essentials.com
Панель слоев, показывающая все на фоновом слое.

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

К счастью, есть! Решение – использовать слои. Давайте попробуем то же самое, но на этот раз со слоями!

Возьмите два, на этот раз со слоями

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

Поднимитесь в меню Edit вверху экрана и снова выберите Fill. Когда появится диалоговое окно Заливка, измените параметр Use с Цвета на Белый:

Changing the Use option to White in the Fill dialog box in Photoshop. Image © 2016 Photoshop Essentials.com
Переходим в Edit > Fill, затем меняем Use на White.

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет документ белым цветом, и мы возвращаемся к тому, с чего начали:

The document is once again filled with white.
Документ снова залит белым цветом.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ads-basics-middle]

Панель слоев

Я упомянул минуту назад, что панель «Слои» – это то место, где мы переходим для просмотра слоев в нашем документе. Но на самом деле панель «Слои» – это гораздо больше. Фактически, это действительно Command Central для слоев. Если нам нужно что-то сделать в Photoshop, что связано со слоями, мы делаем это на панели «Слои». Мы используем панель «Слои» для создания новых слоев, удаления существующих слоев, переименования слоев, перемещения слоев, включения и выключения слоев в документе, добавления масок слоев и эффектов слоев … список можно продолжать. И все это делается на панели «Слои».

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

The Layers panel in Photoshop. Image © 2016 Photoshop Essentials.com
Панель слоев, показывающая фоновый слой с белой заливкой.

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

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

Clicking the New Layer icon in the Layers panel in Photoshop. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Новый слой».

Новый слой появится над фоновым слоем. Photoshop автоматически называет новый слой Layer 1. Если мы посмотрим на эскиз предварительного просмотра слева от имени слоя, мы увидим, что он заполнен узором в виде шахматной доски. Шаблон в виде шахматной доски – это способ представления прозрачности в Photoshop. Другими словами, он сообщает нам, что новый слой пустой. Он там ждет, когда мы что-то с ним сделаем, но на данный момент на нем ничего нет:

A new blank layer named Layer 1 appears in the Layers panel. Image © 2016 Photoshop Essentials.com
Над фоновым слоем появится новый пустой слой с именем «Слой 1».

Обратите внимание, что слой 1 выделен синим цветом. Это означает, что в настоящее время это активный слой. Все, что мы добавляем в документ на этом этапе, будет добавлено к активному слою (Layer 1), а не к фоновому слою под ним. Давайте добавим нашу первую фигуру, как мы это делали раньше. Поскольку нашей первой формой был квадрат, нам нужно снова выбрать инструмент Rectangular Marquee Tool на панели инструментов.

Панель инструментов показывает нам последний инструмент, который мы выбрали из группы. Под «группой» я подразумеваю все инструменты, вложенные вместе в одном месте. Поскольку последним инструментом, который мы выбрали из группы, был инструмент Elliptical Marquee Tool, его значок в настоящее время отображается на панели инструментов. Чтобы вернуться к инструменту Rectangular Marquee Tool, нам нужно щелкнуть правой кнопкой мыши (Win) / Control-click (Mac) на инструменте Elliptical Marquee Tool, а затем выбрать инструмент Rectangular Marquee Tool во всплывающем меню:

Selecting the Rectangular Marquee Tool from the Tools panel.
Выбираем инструмент Rectangular Marquee Tool из-за инструмента Elliptical Marquee Tool.

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

Drawing a rectangular selection on Layer 1. Image © 2016 Photoshop Essentials.com
Рисуем еще одно квадратное выделение.

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

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

The document after drawing the same square shape as before.
На документе после повторного рисования такая же квадратная форма.

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

The Layers panel showing the square shape on Layer 1.
Квадратная форма и белый фон теперь независимы друг от друга.

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

Adding a second new layer to the document.
Добавляем еще один новый слой.

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

Layer 2 is added in the Layers panel in Photoshop. Image © 2016 Photoshop Essentials.com
Новый пустой слой появится над слоем 1.

Также обратите внимание, что слой 2 выделен синим цветом, что означает, что теперь это активный слой. Все, что мы добавляем рядом с документом, будет добавлено на слой 2. Возьмите инструмент Elliptical Marquee Tool из панели инструментов (вложенной за инструментом Rectangular Marquee Tool) и растяните круговое выделение, как мы делали раньше. Убедитесь, что его часть перекрывает квадрат. Затем вернитесь в меню «Правка» и выберите «Заливка». Повторно выберите «Цвет» для параметра «Использовать», чтобы открыть палитру цветов и выбрать цвет для формы. Я выберу такой же апельсин.

Нажмите OK, чтобы закрыть палитру цветов, затем нажмите OK, чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет выделение цветом. Подойдите к меню «Выделение» и выберите «Отменить выделение», чтобы удалить контур выделения вокруг формы. А теперь мы вернулись к тому, как все выглядело ранее с добавлением обеих наших фигур:

Both shapes have been redrawn.
Обе фигуры были перерисованы.

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

The Layers panel showing each item on its own layer.
Теперь каждый элемент в документе находится на отдельном слое.

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

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

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

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

Dragging Layer 1 above Layer 2 in the Layers panel.
Перетащите слой 1 над слоем 2.

Идите вперед и отпустите кнопку мыши, после чего Photoshop поместит Слой 1 на место выше Слоя 2:

Layer 1 has been moved above Layer 2. Image © 2016 Photoshop Essentials.com
Слой 1 теперь отображается над слоем 2 на панели «Слои».

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

The red shape now appears in front of the green shape. Image © 2016 Photoshop Essentials.com
Благодаря слоям можно было легко перемещать одну фигуру перед другой.

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

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

Я нажимаю на слой квадратной формы (слой 1) и перетаскиваю его обратно под слой круглой формы (слой 2). И снова полоса выделения показывает мне, куда будет перемещен слой, когда я отпущу кнопку мыши:

Layer 1 has been moved above Layer 2. Image © 2016 Photoshop Essentials.com
Перетащите слой 1 под слой 2.

Я отпущу кнопку мыши, чтобы Photoshop поместил слой 1 ниже слоя 2:

Layer 1 has been moved above Layer 2. Image © 2016 Photoshop Essentials.com
Слой квадратной формы снова ниже слоя круглой формы.

И мы снова видим круглую форму перед квадратной в композиции:

The shapes are back to their original order.
Фигуры вернулись в исходный порядок.

Перемещение слоев вокруг

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

Чтобы переместить содержимое слоя, выберите инструмент Photoshop Move Tool в верхней части панели инструментов:

Selecting the Move Tool in Photoshop.
Выбор инструмента «Перемещение».

Затем убедитесь, что на панели «Слои» выбран правильный слой. Я собираюсь переместить круглую форму справа от квадратной формы, поэтому я нажму на слой круглой формы (Слой 2), чтобы выбрать его и сделать активным. Опять же, я знаю, что теперь это активный слой, потому что Photoshop выделяет его синим, когда я нажимаю на него:

Clicking on Layer 2 to select it.
Нажав на слой 2, чтобы выбрать его

Выбрав слой 2, я щелкну инструментом «Перемещение» по круглой фигуре и перетащу ее вправо от квадрата:

Layers make it easy to move elements around within the composition.

Слои позволяют легко перемещать элементы в композиции.

Мы даже можем перемещать обе фигуры одновременно. Для этого нам нужно одновременно выбрать оба слоя-фигуры. У меня уже выбран слой 2 на панели «Слои». Чтобы выбрать еще и слой 1, все, что мне нужно сделать, это нажать и удерживать клавишу Shift и щелкнуть по слою 1. Оба слоя теперь выделены синим цветом, что означает, что они оба выбраны:

Selecting both layers at once in the Layers panel.
Выбор обоих слоев формы одновременно.

Если выбраны оба слоя, если мы щелкнем и перетащим один из них с помощью инструмента «Перемещение», обе фигуры переместятся вместе:

Moving both shapes together with the Move Tool.
Перемещение обеих фигур одновременно.

Удаление слоев

Последнее, что мы рассмотрим в этом уроке, – это удаление слоев. Если мы решим, что одна из фигур нам не нужна, мы можем удалить ее из композиции, просто удалив ее слой. Я нажимаю на слой квадрата (Layer 1), чтобы выбрать его. Затем, чтобы удалить слой, все, что нам нужно сделать, это перетащить его в корзину в нижней части панели слоев (крайний правый значок):

Dragging Layer 1 into the Trash Bin in the Layers panel.
Перетаскивание слоя 1 в корзину.

После удаления слоя с квадратом в документе остается только круглая форма (разумеется, вместе с белым фоном):

Deleting a layer removes its contents from the document.

При удалении слоя его содержимое удаляется из документа.

Я сделаю то же самое с круглой формой, перетащив ее слой в корзину:

Dragging Layer 2 into the Trash Bin.
Перетаскивание слоя 2 в корзину.

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

The document after deleting both shape layers.

Обе формы были удалены. Остается только фон.

Вывод первой части

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

Как я уже упоминал ранее, все, что связано со слоями в Photoshop, делается на панели «Слои». Итак, теперь, когда у нас есть базовое представление о том, что такое слои и как они работают, давайте перейдем к следующей части руководства.

02. Основы панели слоев Photoshop

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

В этом уроке мы совершим головокружительный тур по панели слоев и узнаем все, что нам нужно знать, чтобы быстро приступить к работе. Я буду использовать Photoshop CS6, но все, что мы расскажем, полностью совместимо с Photoshop CC. Если вы используете Photoshop CS5 или более раннюю версию, вы можете следовать здесь или посмотреть оригинальную версию нашего руководства по панели слоев.

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

Панель слоев в Photoshop

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

The Layers panel in the Photoshop CS5 interface.
Панель «Слои» выделена в правом нижнем углу.

Если панель «Слои» не отображается на вашем экране, вы можете получить к ней доступ (вместе с любой из других панелей Photoshop), перейдя в меню «Окно» на панели меню в верхней части экрана и выбрав «Слои». Галочка слева от названия панели означает, что панель в данный момент открыта где-то на экране:

Selecting the Layers panel from the Window menu in Photoshop.
Все панели Photoshop можно включить или выключить в меню «Окно» в строке меню.

Я только что открыл изображение в Photoshop, которое я скачал из Adobe Stock. Вы можете легко продолжить, открыв любое собственное изображение:

A photo of a butterfly. Image # 27824157 licensed from Adobe Stock by Photoshop Essentials.com
Недавно открытое изображение в Photoshop

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

The Layers panel in Photoshop CS6. Image © 2016 Photoshop Essentials.com
Панель слоев Photoshop.

Вкладка имени

Прежде всего, как мы узнаем, что на самом деле мы смотрим на панель «Слои»? Мы знаем это, потому что так написано на вкладке имени в верхней части панели:

The Layers panel name tab in Photoshop.
Вкладка имени говорит нам, что мы смотрим на панель «Слои».

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

The Channels and Paths panels grouped in with the Layers panel.
Вкладки «Каналы» и «Пути» появляются справа от вкладки «Слои».

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

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

Слой ряд

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

The Layers panel displays layers as rows of information.
На панели «Слои» слои отображаются в виде строк информации.

Имя слоя

Photoshop помещает новое изображение на слой с именем «Фон». Он называется Background, потому что он служит фоном для нашего документа. Мы можем видеть название каждого слоя, отображаемое в его строке. Фоновый слой на самом деле является особым типом слоя в Photoshop, о котором я подробно рассказываю в нашем уроке по фоновому слою:

The Layers panel showing the name of the layer.
На панели «Слои» отображается имя каждого слоя.

Миниатюра предварительного просмотра

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

The preview thumbnail in the Layers panel in Photoshop.
Миниатюра предварительного просмотра показывает нам, что находится на каждом слое.

Добавление нового слоя

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

The New Layer icon in the Layers panel in Photoshop.
Щелкнув значок «Новый слой».

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

A new layer named Layer 1 appears in the Layers panel.
На панели «Слои» появится новый слой с именем «Слой 1».

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

A new layer named Layer 1 appears in the Layers panel.
Когда мы добавляем в документ новый слой, он начинает жизнь как чистый лист.

Если я еще раз щелкну значок «Новый слой»:

Clicking a second time on the New Layer icon.
Щелкнув второй раз по значку «Новый слой».

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

A new layer named Layer 2 appears in the Layers panel.
Три слоя, каждый в отдельной строке на панели «Слои».

Перемещение слоев

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

Dragging Layer 2 below Layer 1.
Чтобы переместить слой, щелкните и перетащите его выше или ниже другого слоя.

Отпустите кнопку мыши, когда появится полоса выделения. Photoshop помещает слой в новое положение:

Layer 2 has been moved below Layer 1 in the Layers panel.
Слой 2 теперь находится между слоем 1 и фоновым слоем.

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

Активный слой

Вы могли заметить, что когда в моем документе был только один фоновый слой, он был выделен синим цветом на панели «Слои». Затем, когда я добавил слой 1, слой 1 стал выделенным слоем. И теперь слой 2 – это выделенный слой. Что с основными моментами?

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

Clicking on Layer 1 in the Layers panel to select it.
Слой 1 теперь является активным слоем в документе.

Удаление слоя

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

Dragging a layer down into the Trash Bin. Image © 2016 Photoshop Essentials.com
Удалите слои, щелкнув и перетащив их в корзину.

Я также удалю слой 2, щелкнув и перетащив его в корзину:

Deleting Layer 2.
Перетащите слой 2 в корзину, чтобы удалить его.

И теперь я вернулся к единственному слою, фоновому слою, в моем документе:

The Layers panel in Photoshop CS6.
Два пустых слоя были удалены.

Копирование слоя

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

Dragging the Background layer onto the New Layer icon.
Перетащите фоновый слой на значок нового слоя, чтобы сделать его копию.

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

A copy of the Background layer appears in the Layers panel.
Копия слоя размещается над оригиналом.

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

Сначала я применю фильтр «Размытие в движении», перейдя в меню «Фильтр» в верхней части экрана, выбрав «Размытие», а затем выбрав «Размытие в движении»:

Selecting Motion Blur from under the Filter menu.
Идем в Filter > Blur > Motion Blur.

Откроется диалоговое окно «Размытие в движении». Я установлю Угол размытия в движении на -45 °, чтобы движение шло по диагонали от верхнего левого угла к нижнему правому. Затем, поскольку я работаю над большим изображением с высоким разрешением, я увеличиваю значение Distance примерно до 600 пикселей. Если вы используете изображение меньшего размера, вы можете использовать меньшее значение:

The Motion Blur filter's dialog box. Image © 2016 Photoshop Essentials.com
Диалоговое окно фильтра «Размытие в движении».

Я нажимаю ОК, чтобы закрыть диалоговое окно «Размытие в движении», и вот результат:

The image after applying the Motion Blur filter. Image © 2016 Photoshop Essentials.com
Эффект после применения фильтра «Размытие в движении».

Чтобы немного смягчить эффект, я применю фильтр Photoshop «Размытие по Гауссу», вернувшись в меню «Фильтр», вернувшись в «Размытие» и на этот раз выбрав «Размытие по Гауссу»:

Selecting Gaussian Blur from under the Filter menu. Image © 2016 Photoshop Essentials.com
Переходим в Filter > Blur > Gaussian Blur.

Я установлю значение радиуса в нижней части диалогового окна «Размытие по Гауссу» примерно на 20 пикселей, чтобы смягчить резкие диагональные линии. Опять же, если вы используете меньшее изображение, меньшее значение может работать лучше:

The Gaussian Blur filter's dialog box. Image © 2016 Photoshop Essentials.com
Диалоговое окно фильтра Gaussian Blur.

Я нажимаю ОК, чтобы закрыть диалоговое окно, и вот окончательный результат:

The image after applying the Motion Blur and Gaussian Blur filters. Image © 2016 Photoshop Essentials.com
Эффект после применения фильтра Gaussian Blur.

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

Мы можем увидеть размытое изображение на миниатюре предварительного просмотра фоновой копии. Исходное изображение на слое ниже не изменилось. Его миниатюра предварительного просмотра по-прежнему показывает исходное нетронутое изображение:

The layer preview thumbnails now show very different images.
Миниатюры предварительного просмотра теперь показывают очень разные изображения на каждом слое.

Значок видимости слоя

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

The layer visibility icon in the Layers panel in Photoshop.
Щелкните значок видимости слоя, чтобы отключить слой в документе.

Когда размытый слой скрыт, исходная фотография снова появляется в документе. Размытый слой все еще там; мы просто не видим этого в данный момент:

The original image reappears in the document. Image licensed from Fotolia by Photoshop Essentials.com
Исходное изображение снова появится в документе.

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

Clicking the empty layer visibility icon.
Значок видимости слоя становится пустым, когда слой выключен.

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

The blurring effect reappears after toggling the layer visibility. Image © 2016 Photoshop Essentials.com
Эффект размытия появляется снова.

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

Как мы видели, Photoshop автоматически называет слои для нас, когда мы их добавляем, но имена, которые он дает им, например «Слой 1» и «Фоновая копия», довольно общие и не очень полезны. Когда у нас есть только пара слоев в документе, имена могут показаться не очень важными, но когда мы обнаруживаем, что работаем с 10, 20 или даже 100 или более слоями, гораздо легче поддерживать их организованность, если у них есть значимые имена.

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

Renaming the Background copy layer.
Переименование слоя «Фоновая копия».

Затем введите новое имя. Я изменю имя слоя с фоновой копией на «Размытие». Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять изменение имени:

The Background copy layer is now the Blur layer. Image © 2016 Photoshop Essentials.com
Слой «Фоновая копия» теперь является слоем «Размытие».

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

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

The Layer Mask icon in the Layers panel in Photoshop.
Добавьте маску слоя, щелкнув значок «Маска слоя».

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

Обратите внимание, что миниатюра маски слоя имеет белую рамку вокруг нее. Это говорит нам о том, что в настоящий момент выбрана и активна маска, а не сам слой:

A layer mask thumbnail in the Layers panel.
Появится эскиз маски слоя.

Добавив маску слоя, мы можем прокрасить ее кистью, чтобы показать часть исходного изображения под слоем Blur. Для этого я быстро выберу инструмент Photoshop Brush Tool на панели инструментов:

Selecting the Brush Tool. Image © 2016 Photoshop Essentials.com
Выбираем Brush Tool.

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

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

Painting with black on the layer mask to reveal the layer below.
Образцы цвета переднего плана (вверху слева) и фона (внизу справа).

Установив черный цвет переднего плана, я закрашу маску слоя, чтобы скрыть эти части слоя размытия, и показать исходное изображение на фоновом слое под ним. Вы можете настроить размер кисти с клавиатуры. Несколько раз нажмите клавишу левой скобки ([), чтобы уменьшить размер кисти, или клавишу правой скобки (]), чтобы увеличить ее. Чтобы сделать края кисти более мягкими, нажмите и удерживайте клавишу Shift и несколько раз нажмите левую скобку ([). Чтобы сделать края резче, удерживайте Shift и нажмите правую квадратную скобку (]):

Painting with black on the layer mask to reveal the layer below.
Рисуем черным цветом на маске слоя, чтобы скрыть области слоя размытия.

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

The layer mask thumbnail after painting with the Brush Tool. Image © 2016 Photoshop Essentials.com
Миниатюра маски слоя после рисования инструментом Кисть.

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

Добавление заливки или корректирующих слоев

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

The New Fill or Adjustment Layer icon.
Значок новой заливки или корректирующего слоя

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

Selecting a Hue/Saturation adjustment layer.
Выбор корректирующего слоя Hue / Saturation.

Слой настройки оттенка / насыщенности позволяет нам легко изменять цвета изображения. В Photoshop CS6 и CC элементы управления для корректирующих слоев отображаются на панели «Свойства». В CS4 и CS5 они отображаются на панели настроек. Я быстро раскрашу свое изображение, выбрав опцию Colorize, затем установлю значение Hue на 195 для синего цвета и увеличу значение Saturation до 60. Опять же, не беспокойтесь, если что-то я делаю здесь выше вашего текущего уровня навыков. Я быстро прохожу через некоторые вещи, чтобы мы могли получить общую картину того, что мы можем сделать на панели Layers:

The Hue/Saturation controls in the Properties panel. Image © 2016 Photoshop Essentials.com
Панель свойств (CS6 и CC).

Вот мое изображение после раскрашивания:

The photo has been colorized with a Hue/Saturation adjustment layer.
Изображение после раскрашивания с помощью корректирующего слоя Hue / Saturation.

Корректирующие слои – это еще одна тема, которая выходит за рамки этого урока, но причина, по которой я пошел дальше и все равно добавил их, заключалась в том, чтобы мы могли видеть, что любые корректирующие слои, которые мы добавляем в документ, отображаются на панели «Слои» так же, как и обычные слои. Здесь мой корректирующий слой Hue / Saturation находится над слоем Blur. Я растянул панель «Слои» немного шире, чтобы название корректирующего слоя («Оттенок / Насыщенность 1») соответствовало:

The Hue/Saturation adjustment layer now appears in the Layers panel.
На панели «Слои» отображаются все слои заливки или корректирующие слои, которые мы добавили в документ.

Изменение режима наложения слоя

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

Чтобы выбрать другой режим наложения, щелкните слово «Нормальный» (или любой другой режим наложения, который был выбран в это время), затем выберите другой режим наложения из появившегося списка. Я выберу из списка режим наложения Color:

The layer blend mode option in the Layers panel.
Изменение режима наложения активного слоя.

При изменении режима наложения корректирующего слоя «Цветовой тон / насыщенность» с «Нормальный» на «Цвет» корректирующий слой влияет только на сами цвета изображения. Значения яркости (светлые, темные и все промежуточные оттенки) не изменяются. Мы видим, что мое изображение теперь выглядит немного ярче, чем минуту назад:

The image after changing the blend mode of the adjustment layer to Color.
Теперь меняются только цвета изображения. На значения яркости это не повлияет.

Параметры непрозрачности и заливки

Мы можем контролировать уровень прозрачности слоя с панели «Слои», используя параметр «Непрозрачность» прямо напротив параметра «Режим наложения». Значение непрозрачности 100% (значение по умолчанию) означает, что мы вообще не можем видеть сквозь слой, но чем больше мы уменьшаем значение непрозрачности, тем больше просвечивает слой (слои) под ним. Я собираюсь снизить непрозрачность моего корректирующего слоя Hue / Saturation до 70%:

The layer opacity option in the Layers panel.
Параметр «Непрозрачность» управляет уровнем прозрачности слоя.

При небольшом уменьшении непрозрачности исходные цвета изображения начинают просвечивать:

The image after lowering the opacity value of the adjustment layer.
Исходные цвета теперь частично видны через корректирующий слой.

Непосредственно под параметром «Непрозрачность» находится параметр «Заливка». Как и «Непрозрачность», «Заливка» также контролирует уровень прозрачности слоя. В большинстве случаев эти два параметра («Непрозрачность» и «Заливка») ведут себя точно так же, но между ними есть одно важное различие, которое связано со стилями слоев.

Группировка слоев

Ранее мы узнали, что один из способов улучшить организацию слоев на панели «Слои» – это переименовать их во что-то более значимое. Другой способ – сгруппировать связанные слои в группу слоев. Мы можем создать новую группу слоев, щелкнув значок «Новая группа» в нижней части панели «Слои». Это значок, который выглядит как папка (которая, по сути, и есть группа слоев). Однако я не собираюсь щелкать по нему, потому что есть лучший способ создать группу слоев:

The New Layer Group icon in the Layers panel in Photoshop.
Значок «Новая группа».

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

Selecting two layers at once in the Layers panel.
Выбор сразу обоих слоев.

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

Clicking the Layers panel menu icon.
Щелкните значок меню панели «Слои».

Откроется меню панели «Слои». Я выберу New Group from Layers из вариантов меню:

The New Group from Layers option in the Layers panel menu.
Выберите «Новая группа из слоев» в меню панели «Слои».

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

A new layer group named Group 1 appears in the Layers panel.
Два выбранных слоя теперь скрыты внутри группы. Щелкните треугольник, чтобы открыть его.

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

The layer group has been twirled open.
Группы слоев отлично подходят для организации вещей.

Чтобы удалить группу, еще раз щелкните значок меню в правом верхнем углу панели «Слои». Затем выберите Удалить группу из меню:

Choosing Delete Group from the Layers panel menu. Image © 2016 Photoshop Essentials.com
Выбор опции «Удалить группу».

Photoshop спросит, что вы хотите удалить. Если вы хотите удалить и группу, и слои внутри группы, выберите «Группа и содержимое». В моем случае я хочу удалить группу, но оставить слои внутри нее, поэтому я выберу Group Only:

Choosing to delete the group only. Image © 2016 Photoshop Essentials.com
Выберите «Только группа», чтобы удалить группу, но оставить все слои внутри нее.

После удаления группы мы вернулись к трем отдельным слоям:

The group is gone but the layers remain. Image © 2016 Photoshop Essentials.com
Группа ушла, но слои остались.

С группами слоев в Photoshop можно многое сделать.

Стили слоя

Также внизу панели «Слои» находится значок «Стили слоя». Стили слоя также называются эффектами слоя, поэтому на значке написано «fx»:

The Layer Styles icon in the Layers panel in Photoshop.
Значок “Стили слоя”.

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

The Layer Styles menu in Photoshop.
Меню стилей слоя.

Блокировка слоев

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

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

The Lock options in the Layers panel.
Четыре варианта блокировки слоев.

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

The lock icon in the Layers panel.
Маленький значок замка указывает на то, что заблокирован один или несколько аспектов слоя.

Панель поиска слоя

Новая функция, которая была впервые добавлена ​​на панель «Слои» в Photoshop CS6, – это панель поиска, которую вы найдете в самом верху (чуть ниже вкладки имени):

The Search feature in the Layers panel in Photoshop CS6.
Функция поиска была добавлена ​​на панель «Слои» в Photoshop CS6.

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

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

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

Filtering the Layers panel to show only the pixel layers. Image © 2016 Photoshop Essentials.com
Фильтрация панели «Слои» для отображения только слоев пикселей.

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

Filtering layers in the Layers panel has no effect on their visibility. Image © 2016 Photoshop Essentials.com
Фильтры слоев на панели «Слои» не влияют на их видимость в документе.

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

Filtering the Layers panel to show only the adjustment layers. Image © 2016 Photoshop Essentials.com
Фильтрация панели «Слои» для отображения только корректирующих слоев.

Щелкнув поле «Тип фильтра», вы увидите список всех способов фильтрации наших слоев, в том числе по имени, эффекту слоя, режиму наложения и т. Д. Как я упоминал ранее, здесь я использую Photoshop CS6, но если вы используете Photoshop CC, вы найдете несколько дополнительных параметров фильтрации внизу (смарт-объект, выделенное и монтажная область):

Click the Filter Type box to view all the ways we can filter layers. Image © 2016 Photoshop Essentials.com
Щелкните поле «Тип фильтра», чтобы просмотреть все способы фильтрации наших слоев.

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

Выбрав имя для типа фильтра, я введу имя «Размытие» в поле поиска, и здесь мы увидим, что остается видимым только мой слой размытия:

The Name option lets us quickly find a layer by searching for its name. Image © 2016 Photoshop Essentials.com
Параметр «Имя» позволяет нам быстро найти слой, выполнив поиск по его имени.

Чтобы отключить параметры фильтрации, снова установите тип фильтра «Вид», затем убедитесь, что ни один из значков не выбран. Или щелкните выключатель света справа от панели поиска, чтобы включить или выключить параметры фильтра:

Clicking the light switch to enable or disable the Search Bar in the Layers panel. Image © 2016 Photoshop Essentials.com
Щелкните выключатель света, чтобы включить или отключить панель поиска.

Изменение размера миниатюрного изображения

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

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

Choosing Panel Options from the Layers panel menu.
Выбор «Параметры панели» в меню панели «Слои».

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

The Thumbnail Size option in the Layers Panel Options dialog box.
Выберите один из трех различных размеров для миниатюр предварительного просмотра.

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

The Layers panel displaying smaller thumbnail images.
Меньшие эскизы изображений оставляют больше места для большего количества слоев.

Вывод второй части

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

03. Настройки панели основных слоев

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

Вот изображение, которое я сейчас открываю на моем экране (фотография женщины с цветочным венком из Shutterstock):

Image #126006677 licensed from Shutterstock by Photoshop Essentials.com
Изображение, открытое в Photoshop CC.

Изменение размера эскиза предварительного просмотра

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

The preview thumbnail in the Layers panel.
Миниатюра предварительного просмотра на панели «Слои».

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

Clicking the Layers panel menu icon.
Щелкнув значок меню.

Затем выберите Параметры панели в появившемся меню:

Selecting Panel Options from the Layers panel menu.
Выбор параметров панели

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

Choosing the Large thumbnail size.
Выбор размера большого эскиза.

Я нажму OK, чтобы закрыть диалоговое окно Layers Panel Options, и теперь моя панель Layers показывает самый большой возможный размер эскиза предварительного просмотра:

The Layers panel showing the largest of the preview thumbnail sizes.
Миниатюры большего размера облегчают просмотр содержимого слоя, но при этом занимают больше места.

Другой способ изменить размер миниатюры – просто щелкнуть правой кнопкой мыши (Win) / щелкнуть, удерживая нажатой клавишу Control (Mac), в любом месте пустого пространства под нижним слоем на панели «Слои», затем выбрать «Маленький», «Средний», «Большой» или «Без миниатюр» из вверху появившегося меню. Однако обратите внимание, что хотя этот метод быстрее, в зависимости от того, сколько слоев у вас в настоящее время на панели «Слои», под нижним слоем может не быть пустого места. В этом случае вам нужно будет использовать первый метод, который мы рассмотрели (выбрав Параметры панели в главном меню панели слоев), чтобы изменить размер миниатюры:

The Layers panel showing the largest of the preview thumbnail sizes.
Щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу Control (Mac) под фоновым слоем, чтобы изменить размер эскиза.

Отключение масок слоя по умолчанию

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

Однако в других случаях, может быть, чаще, мы хотим, чтобы слой заливки или коррекции применялся ко всему изображению в целом, что означает, что маска слоя не нужна, а ее миниатюра на панели слоев просто занимает место. Здесь я добавил в свой документ корректирующий слой «Уровни», чтобы настроить общую яркость и контраст изображения. В этом случае мне не нужна маска слоя для моего корректирующего слоя, но Photoshop все равно добавил ее, и это уже заставляет мою панель «Слои» выглядеть загроможденной и беспорядочной. Я даже не вижу название своего корректирующего слоя из-за миниатюры маски, закрывающей его из виду:

The Layers panel showing an unneeded mask thumbnail for an adjustment layer.
Миниатюры предварительного просмотра слоя служат определенной цели, но маскировать миниатюры? Не всегда

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

Clicking the New Fill or Adjustment Layer icon.
Щелкните значок «Новая заливка или корректирующий слой».

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

The three types of Fill layers in Photoshop.
Слои Solid Color, Gradient и Pattern Fill.

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

Unchecking the Use Default Masks on Fill Layers option.
Снимите флажок «Использовать маски по умолчанию для слоев заливки».

Чтобы отключить маску по умолчанию для корректирующих слоев, нам фактически нужно переключиться с панели «Слои» на панель «Коррекция». Щелкните значок меню в правом верхнем углу панели настроек:

Clicking the Adjustments panel menu icon.
Щелкните значок меню панели «Коррекция».

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

Disabling the Add Mask by Default option in the Adjustments panel menu.
Выбор опции «Добавить маску по умолчанию», чтобы выключить ее.

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

Adding another Levels adjustment layer, this time without the default layer mask.
Добавляем еще один корректирующий слой уровней, на этот раз без маски по умолчанию.

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

Adding a layer mask manually to the Levels adjustment layer.
Добавление маски слоя вручную к корректирующему слою уровней.

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

The Layers panel showing an unneeded mask thumbnail for an adjustment layer.
Миниатюра маски вернулась, но по нашему собственному выбору, а не в Photoshop.

Отключение «копии» в скопированных слоях

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

Photoshop adding the word copy to the end of layer names.
Говорит ли нам действительно что-нибудь полезное, увидев слово «копировать» столько раз? Возможно нет.

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

Photoshop adding the word copy to the end of layer names.
Снимите флажок “Добавить” копию “к скопированным слоям и группам

Если этот параметр отключен, в следующий раз, когда вы сделаете копии слоя (или группы слоев), слово «копия» не будет добавлено к именам:

Photoshop adding the word copy to the end of layer names.
Переименование слоев по-прежнему является хорошей идеей, но, по крайней мере, панель «Слои» теперь выглядит чище.

Вывод третьей части

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

04. Фоновый слой в Photoshop CC

Узнайте все о фоновом слое в Photoshop, в том числе о том, почему фоновый слой особенный, об ограничениях фонового слоя и о том, как легко обойти эти ограничения!

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

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

Это руководство предназначено специально для Photoshop CC (Creative Cloud), поскольку Adobe внесла несколько изменений, которые не применимы к более ранним версиям. Если вы используете Photoshop CS6 или более раннюю версию, вам стоит ознакомиться с предыдущей версией нашего руководства по созданию фонового слоя.

Вот изображение фоторамки, которую я только что открыл в Photoshop. Я загрузил это изображение из Adobe Stock:

A photo frame image. Image 6124729 licensed from Adobe Stock by Photoshop Essentials.com
Фото рамки для фото.

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

The Background layer in the Layers panel in Photoshop.
Панель «Слои», показывающая изображение на фоновом слое.

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

Правила фонового слоя

Правило 1: нельзя перемещать содержимое фонового слоя

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

Photoshop's Move Tool.
Выбор инструмента «Перемещение» на панели «Инструменты».

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

Photoshop's Move Tool.
Пытаемся переместить фоновый слой с помощью инструмента «Перемещение».

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

Photoshop Background layer warning.
Вместо того, чтобы перемещать фоторамку, Photoshop читает мне лекцию о фоновых слоях.

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

Clicking the Cancel button.
Щелкнув по кнопке Отмена.

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

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

The lock icon on the Background layer in the Layers panel in Photoshop.
Значок замка сообщает нам, что некоторые аспекты этого слоя заблокированы.

Правило 2: никаких прозрачных пикселей

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

Во-первых, мне нужно выделить область внутри рамки. Поскольку он залит сплошным белым цветом, я выберу его с помощью инструмента Photoshop Magic Wand Tool. По умолчанию «Волшебная палочка» находится за инструментом быстрого выбора на панели «Инструменты». Чтобы добраться до него, щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу Control (Mac), на инструменте быстрого выбора, затем выберите инструмент Magic Wand Tool из всплывающего меню:

Selecting the Magic Wand Tool from the Tools panel in Photoshop.
Выбор инструмента Magic Wand Tool.

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

Selecting the inside of the frame with the Magic Wand Tool.
Теперь выделена белая область внутри рамки.

Чтобы удалить область, я нажму Backspace (Win) / Delete (Mac) на клавиатуре. Но вместо того, чтобы удалить область и заменить ее прозрачностью, как мы ожидали от обычного слоя, Photoshop таинственным образом открывает диалоговое окно Fill, спрашивая меня, как я хочу заполнить область:

The Fill dialog box in Photoshop.
Вместо удаления области Photoshop открывает диалоговое окно «Заливка».

Я вообще не хочу заполнять область, поэтому нажму «Отмена», чтобы закрыть диалоговое окно. Я хочу удалить белую область внутри рамки. Может Фотошоп просто запутался, так что попробую что-нибудь другое. Я подхожу к меню «Правка» в строке меню в верхней части экрана и выбираю «Вырезать»:

Selecting Cut from the Edit menu in Photoshop.
Идем в Edit > Cut.

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

The area inside the photo frame has been filled with more white.
Белая область внутри рамки теперь залита … белым?

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

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

The Foreground and Background color swatches in Photoshop.
Образцы цвета переднего плана (вверху слева) и фона (внизу справа).

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

The Background color is now set to black.
Цвет фона теперь черный.

Я отменю свой последний шаг (вырезание выделения), перейдя в меню Edit и выбрав Undo Cut Pixels:

Choosing Undo Cut Pixels from under the Edit menu.
Идем в Edit > Undo Cut Pixels.

Затем я вернусь в меню «Правка» и снова выберу «Вырезать»:

Selecting Cut from the Edit menu in Photoshop.
Снова идем в Edit > Cut.

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

The area inside the photo frame has been filled with black.
Photoshop продолжает заливать выделение цветом, но нам нужна прозрачность.

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

Как бы я ни старался, я никогда не смогу удалить область внутри центра кадра, пока изображение остается на фоновом слое. Как тогда я смогу отобразить в рамке другую фотографию? Оставим пока эту проблему в покое. Мы скоро вернемся к этому.

Правило 3: мы не можем переместить фоновый слой над другим слоем

Вот фото, которое я хочу поместить в рамку. Я также загрузил это из Adobe Stock:

Image #17006686 licensed from Adobe Stock by Photoshop Essentials.com
Изображение, которое будет помещено в рамку.

Изображение в настоящее время открыто в собственном документе, поэтому я быстро скопирую его в документ фоторамки, нажав Ctrl + A (Win) / Command + A (Mac), чтобы выделить всю фотографию. Затем я нажимаю Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена.

Я переключусь на документ фоторамки, а затем нажму Ctrl + V (Win) / Command + V (Mac), чтобы вставить изображение в документ. Photoshop помещает изображение на новый слой с именем «Слой 1» над фоторамкой на фоновом слое:

The Layers panel showing the photo added above the Background layer.
Вторая фотография размещается на отдельном слое над фоновым слоем.

Если мы посмотрим в документ, мы увидим новую фотографию, появившуюся перед рамкой:

The photo appears in front of the frame in the document.
Фотография в настоящее время находится перед рамкой.

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

Когда я нажимаю на фоновый слой и пытаюсь перетащить его над фотографией на слое 1, Photoshop отображает значок круга с диагональной линией, проходящей через него (международный символ «не произойдет»), давая мне понять, что по какой-то причине это не так. собираюсь позволить мне сделать это:

Trying to drag the Background layer above Layer 1 in the Layers panel.
Круг с диагональной линией, проходящей через него, говорит мне, что я не могу перетащить фоновый слой над слоем 1.

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

Правило 4: мы не можем перемещать другие слои ниже фонового слоя

Итак, мы не можем переместить фоновый слой над другим слоем. Что, если мы попробуем переместить другой слой ниже фонового слоя? Я нажимаю на слой 1 и пытаюсь перетащить его ниже фонового слоя, но это тоже не работает. Я получаю тот же маленький символ Охотников за привидениями, говорящий мне, что Photoshop не позволяет мне это сделать:

Trying to drag Layer 1 below the Background layer in the Layers panel.
Тот же самый значок «не произойдет» появляется при попытке перетащить слой 1 ниже фонового слоя.

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

Правило 5: мы не можем изменить режим наложения, прозрачность или заливку

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

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

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

The Blend Mode, Opacity and Fill options are unavailable with the Background layer.
Параметры режима наложения, непрозрачности и заливки недоступны для фонового слоя.

Простое решение

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

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

The New Layer From Background command in Photoshop.
Переходим в Layer> New> Layer From Background.

Однако более быстрый способ, и это новинка Photoshop CC, – это просто щелкнуть значок замка справа от фонового слоя:

Clicking the lock icon on the Background layer.
Щелкните значок замка фонового слоя.

Это мгновенно изменит имя фонового слоя на «Слой 0», и вы заметите, что значок замка исчезнет:

The Background layer has been renamed Layer 0.
Фоновый слой был переименован в Layer 0.

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

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

Dragging Layer 0 above Layer 1 in the Layers panel.
Перетащите слой 0 над слоем 1.

Я отпущу кнопку мыши, и в этот момент Photoshop опускает слой 0 над слоем 1, как мне и нужно:

Layer 0 has been moved above Layer 1 in the Layers panel.
Слой 0 теперь появляется над слоем 1, что было бы невозможно, пока слой 0 все еще был фоновым слоем.

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

Selecting the inside of the frame with the Magic Wand Tool.
Снова выделяется область внутри рамки.

Затем я нажимаю Backspace (Win) / Delete (Mac) на клавиатуре, и на этот раз, вместо того, чтобы приветствовать диалоговое окно Fill, Photoshop действительно делает то, что я ожидал, удаляя область из слоя и открывая фотографию. под этим:

The white area in the center of the frame has been deleted.
Область внутри кадра наконец-то была удалена, открыв фотографию внизу.

Я нажму Ctrl + D (Win) / Command + D (Mac) на клавиатуре, чтобы отменить выделение области внутри рамки и удалить контур выделения. Затем, чтобы быстро закончить работу, я нажимаю на Layer 1 на панели Layers, чтобы выбрать его и сделать активным:

Selecting Layer 1 in the Layers panel.
Выбор слоя 1.

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

Moving the photo inside the frame.
Перетаскивание фотографии на место внутри рамки.

Преобразование нормального слоя в фоновый слой

Наконец, мы увидели, что можем преобразовать фоновый слой в нормальный, просто переименовав его в любое другое имя, кроме «Background». Но что, если мы хотим пойти другим путем? Что, если мы хотим преобразовать обычный слой в фоновый? Является ли это возможным? Да, конечно, но то, как вы это делаете, не так очевидно.

Вы можете подумать, что одна и та же логика применима в обоих направлениях; если мы можем преобразовать фоновый слой в нормальный слой, переименовав его во что-то другое, кроме «Background», тогда мы сможем преобразовать нормальный слой в фоновый слой, переименовав его в «Background». Имеет смысл, правда? К сожалению, это не работает. Все, что у вас получится, – это обычный слой, который называется «Фон».

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

Selecting the layer to convert into a Background layer.
Выбор слоя для преобразования в фоновый слой.

Выделив слой, перейдите в меню «Слой» вверху экрана, выберите «Создать», а затем выберите «Фон из слоя»:

Selecting the New Background from Layer command.
Переходим в Layer> New> Background from Layer.

И теперь мы видим на панели Layers, что мой нижний слой, ранее «Layer 1», теперь является официальным фоновым слоем моего документа:

Layer 1 is now the Background layer in the document.
Слой 1 был преобразован в фоновый слой.

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

Вывод четвертой части

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

05. Создание нового действия для фонового слоя в Photoshop

Узнайте, как создать новый фоновый слой для документа Photoshop с нуля и как сохранить свои шаги, чтобы сэкономить время! Для Photoshop CS6, CC и более ранних версий Photoshop.

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

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

Давайте посмотрим на простой пример, чтобы понять, что я имею в виду. Вот изображение, которое я открыл в Photoshop. Я загрузил это из Adobe Stock, но вы можете легко использовать любое собственное изображение:

A black and white fashion portrait. Image 57490606 licensed from Adobe Stock by Photoshop Essentials.com
Исходное изображение.

Каждый раз, когда мы открываем изображение, Photoshop автоматически помещает его на фоновый слой, как мы видим здесь на моей панели слоев:

A black and white fashion portrait. Image © 2016 Photoshop Essentials.com
Панель «Слои», показывающая изображение на фоновом слое.

Допустим, я хочу, чтобы это изображение появилось на белом фоне, при этом белый фон выступает в качестве границы вокруг фотографии. Звучит достаточно просто, правда? И все же есть проблема. Поскольку моя фотография в настоящее время является фоном для документа, как мне разместить под ней другой фон? Ответ: я не могу. Photoshop не позволяет нам размещать какие-либо другие слои ниже фонового слоя.

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

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

The Layer Styles icon is currently unavailable. Image © 2016 Photoshop Essentials.com
Значок стилей слоя в настоящее время недоступен.

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

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

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

Как создать действие фонового слоя

Шаг 1. Проверьте цвет фона

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

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

Если для цветов переднего плана и фона установлено что-то иное, чем значения по умолчанию, нажмите букву D на клавиатуре, чтобы быстро сбросить их (подумайте о «D» для «цветов по умолчанию»):

Если для цветов переднего плана и фона установлено что-то иное, чем значения по умолчанию, нажмите букву D на клавиатуре, чтобы быстро сбросить их (подумайте о «D» для «цветов по умолчанию»):

The Foreground and Background color swatches in the Tools panel. Image © 2016 Photoshop Essentials.com
Образцы цвета переднего плана (вверху слева) и фона (внизу справа).

Если вы предпочитаете заполнить фоновый слой черным вместо белого, сначала нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона до значений по умолчанию (при необходимости). Затем нажмите букву X на клавиатуре, чтобы поменять их местами, что установит черный цвет фона:

Press X to swap the Foreground and Background colors. Image © 2016 Photoshop Essentials.com
Нажмите X, чтобы поменять местами цвета переднего плана и фона.

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

Шаг 2. Откройте панель действий

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

Поднимитесь к меню «Окно» в строке меню в верхней части экрана. Здесь вы найдете список всех панелей, доступных нам в Photoshop. Выберите панель Действия из списка. Если вы видите галочку рядом с названием панели, это означает, что панель уже открыта где-то на вашем экране. Если вы не видите галочку, выберите ее:

Selecting the Actions panel from under the Window menu. Image © 2016 Photoshop Essentials.com
Переход в Окно> Действия.

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

The default actions in the Actions panel in Photoshop. Image © 2016 Photoshop Essentials.com
Просмотр действий Photoshop по умолчанию.

Шаг 3. Создайте новый набор действий

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

Чтобы создать новый набор, щелкните значок «Новый набор» (значок папки) в нижней части панели «Действия»:

Creating a new action set. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Новый набор».

Это открывает диалоговое окно New Set, в котором мы даем набору имя. Вы можете называть это как угодно. Я назову свое «Мои действия». Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно:

Creating a new action set. Image © 2016 Photoshop Essentials.com
Именование нового набора действий.

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

The Actions panel showing the new set. Image © 2016 Photoshop Essentials.com
Добавлен новый набор.

Шаг 4: Создайте новое действие

Теперь, когда у нас есть набор, давайте создадим новое действие. Щелкните значок «Новое действие» справа от значка «Новый набор»:

Clicking the New Action icon in the Actions panel. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Новое действие».

Откроется диалоговое окно «Новое действие». Дайте своему действию описательное имя. Я назову свой “Новый фоновый слой”. Затем убедитесь, что параметр «Установить» (сокращение от «Набор действий») прямо под ним показывает только что созданный набор действий, который в моем случае называется «Мои действия». Мы хотим убедиться, что действие будет помещено в правильный набор:

The New Action dialog box. Image © 2016 Photoshop Essentials.com
Диалоговое окно «Новое действие».

Шаг 5: Нажмите «Запись»

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

Clicking the Record button. Image © 2016 Photoshop Essentials.com
Щелкнув по кнопке записи.

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

Clicking the Record button. Image © 2016 Photoshop Essentials.com
Photoshop теперь находится в режиме записи.

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

Шаг 6: преобразование фонового слоя в нормальный слой

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

Selecting the New Layer from Background command. Image © 2016 Photoshop Essentials.com
Переход к Layer> New> Layer from Background

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

The New Layer dialog box. Image © 2016 Photoshop Essentials.com
Диалоговое окно “Новый слой”.

Если мы посмотрим на панель «Слои», мы увидим, что наш фоновый слой больше не является фоновым слоем. Теперь это обычный слой с именем «Слой 0». Все идет нормально:

The Background layer has been converted to a normal layer. Image © 2016 Photoshop Essentials.com
Фоновый слой был преобразован в обычный слой.

Шаг 7: добавьте новый слой

Затем мы добавим новый слой, который станет нашим новым фоновым слоем. Щелкните значок «Новый слой» в нижней части панели «Слои»:

Clicking the New Layer icon in the Layers panel. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Новый слой».

Photoshop добавляет новый пустой слой с именем «Слой 1» над изображением:

The Layers panel showing the new blank layer. Image © 2016 Photoshop Essentials.com
Панель слоев, показывающая новый пустой слой.

Шаг 8: преобразовать слой в фоновый слой

Давайте превратим новый слой в фоновый. Вернитесь в меню Layer, выберите New, а затем выберите Background from Layer:

Selecting the New Background from Layer command. Image © 2016 Photoshop Essentials.com
Переходим в Layer> New> Background from Layer.

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

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

The Layers panel showing the new Background layer. Image © 2016 Photoshop Essentials.com
Панель слоев, показывающая новый фоновый слой.

Шаг 9: Остановить запись

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

Clicking the Stop icon to stop recording the action. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Стоп».

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

Closing the action by clicking the triangle. Image © 2016 Photoshop Essentials.com
Закрытие действия щелчком по треугольнику.

И теперь мы видим только название действия («Новый фоновый слой») в списке «Мои действия»:

The Actions panel showing just the name of the new action. Image © 2016 Photoshop Essentials.com
Панель Действия после закрытия действия.

Шаг 10: вернуть изображение

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

Selecting the Revert command from under the File menu. Image © 2016 Photoshop Essentials.com
Идем в Файл> Вернуть.

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

The Layers panel after reverting the image to its original state. Image © 2016 Photoshop Essentials.com
Вернулся фоновый слой по умолчанию.

Шаг 11: сыграйте в действие

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

Setting my Background color to black. Image © 2016 Photoshop Essentials.com
Устанавливаю черный цвет фона.

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

Selecting the New Background Layer action. Image © 2016 Photoshop Essentials.com
Выбор действия «Новый фоновый слой».

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

Playing the action in Photoshop. Image © 2016 Photoshop Essentials.com
Щелкнув значок воспроизведения.

Независимо от того, сколько времени у нас ушло на запись шагов, Photoshop мгновенно воспроизводит их. И если мы снова посмотрим на панель Layers, мы увидим, что все уже сделано! Исходный фоновый слой был преобразован в обычный слой с именем «Слой 0», а новый фоновый слой был создан и помещен под ним!

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

The Layers panel after playing the action with the Background color set to black. Image © 2016 Photoshop Essentials.com
Панель «Слои» после воспроизведения действия с черным цветом фона.

Изменение цвета фонового слоя

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

Selecting the Fill command from under the Edit menu. Image © 2016 Photoshop Essentials.com
Идем в Edit> Fill.

Мне нужно, чтобы мой фоновый слой был белым, поэтому я установлю для параметра Use в верхней части диалогового окна Fill значение White:

The Background layer color has been changed from black to white. Image © 2016 Photoshop Essentials.com
Цвет фонового слоя изменен с черного на белый.

Конечно, мы еще не видели фоновый слой в документе, потому что фотография закрывает его для просмотра, поэтому я быстро изменю размер своей фотографии, сначала выбрав его слой (Layer 0) на панели Layers:

Selecting the photo's layer. Image © 2016 Photoshop Essentials.com
Выбор слоя с фото.

Затем я перейду в меню «Правка» в верхней части экрана и выберу «Свободное преобразование»:

Selecting the Free Transform command from under the Edit menu. Image © 2016 Photoshop Essentials.com
Идем в Edit> Free Transform.

Это поместит блок Free Transform и обработает изображение. Я нажимаю и удерживаю Shift + Alt (Win) / Shift + Option (Mac) на клавиатуре, когда нажимаю на ручку в верхнем левом углу изображения и перетаскиваю его внутрь, чтобы уменьшить фотографию. Удерживание клавиши Shift при перетаскивании фиксирует соотношение сторон изображения при изменении его размера, а клавиша Alt (Win) / Option (Mac) изменяет размер изображения от его центра, а не от угла.

Теперь, когда изображение стало меньше, мы можем увидеть белый фон, который образует границу вокруг него:

Resizing the image with Free Transform. Image © 2016 Photoshop Essentials.com
Изменение размера изображения с помощью Free Transform.

Я нажимаю Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование и закрыть команду Free Transform. Затем я добавлю тень к изображению, щелкнув значок «Стили слоя» в нижней части панели «Слои». Это тот же значок, который был затемнен ранее, когда изображение находилось на фоновом слое:

Clicking the Layer Styles icon in the Layers panel. Image © 2016 Photoshop Essentials.com
Щелкнув значок «Стили слоя».

Я выберу Drop Shadow из появившегося списка стилей слоя:

Selecting Drop Shadow from the list of layer styles. Image © 2016 Photoshop Essentials.com
Выбор стиля слоя Drop Shadow.

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Тень». Я установлю угол тени 135 °, чтобы источник света шел сверху слева. Затем, поскольку здесь я работаю над довольно большим изображением, я установлю Distance of the shadow на 40 пикселей, и я также установлю значение Size (которое контролирует мягкость краев тени) на 40 пикселей. . Наконец, я уменьшу непрозрачность тени до 50%:

The Drop Shadow options in the Layer Style dialog box. Image © 2016 Photoshop Essentials.com
Параметры Drop Shadow в диалоговом окне Layer Style.

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

The final result after applying the drop shadow. Image © 2016 Photoshop Essentials.com
Окончательный результат после применения тени.

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

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

Вывод пятой части

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

06. Открытие нескольких изображений как слоев в Photoshop

Узнайте, как легко открыть сразу несколько изображений в документе Photoshop, при этом каждое изображение размещается на отдельном слое, и как добавлять в документ дополнительные изображения по мере необходимости!

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

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

Я использую Photoshop CC 2020, но вы можете использовать любую последнюю версию.

Как загрузить несколько изображений как слои в Photoshop

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

Шаг 1. Выберите «Загрузить файлы в стек»

В Photoshop перейдите в меню «Файл» на панели меню, выберите «Сценарии», а затем выберите «Загрузить файлы в стек»:

Selecting the Load Files into Stack command in Photoshop
Идем в Файл> Сценарии> Загрузить файлы в стек.

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

Затем в диалоговом окне «Загрузка слоев» установите для параметра «Использовать» значение «Файлы» или «Папка». Файлы позволяют вам выбирать отдельные изображения в папке, а «Папка» загружает каждое изображение в выбранную вами папку. Я выберу файлы.

Затем нажмите кнопку Обзор:

Setting the Use option to either Files or Folder and clicking Browse in Photoshop's Load Layers dialog box
Для параметра Использовать значение Файлы или Папка и затем нажать кнопку Обзор.

Облачные документы или локальные файлы

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

Clicking the On You Computer button to load local files into Photoshop
Выбор загрузки файлов на свой компьютер.

Выбор изображений

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

Обратите внимание на названия моих изображений. У нас есть «texture.jpg», «portrait.jpg» и «sunset.jpg». Photoshop будет использовать эти имена при присвоении имен слоям, поэтому рекомендуется сначала переименовать файлы.

После того, как вы выбрали изображения, нажмите Открыть:

Selecting the images to load into Photoshop
Выбор изображений для загрузки в Photoshop.

И снова в диалоговом окне «Загрузить слои» имя каждого файла появляется в списке:

Photoshop's Load Layers dialog box listing the names of the images that will be loaded
Имена изображений, которые будут загружены в Photoshop.

Как удалить изображение

Если вы выбрали изображение по ошибке и хотите его удалить, щелкните его имя в списке, а затем нажмите кнопку «Удалить»:

Selecting an image to remove in Photoshop's Load Layers dialog box
Вы можете удалить все ненужные изображения.

Шаг 3: нажмите ОК

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

Затем нажмите ОК, чтобы загрузить изображения:

Clicking OK to load the images into Photoshop and close the Load Layers dialog box
Щелкните ОК, чтобы загрузить файлы.

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

A new Photoshop document is created to hold the images
Создается новый документ Photoshop.

А на панели «Слои» каждое из выбранных вами изображений появляется на отдельном слое, причем каждый слой назван в честь имени файла:

The Layers panel showing all images loaded as layers in Photoshop
Панель «Слои», показывающая каждое изображение на отдельном слое.

Вы можете включить или выключить каждый слой, щелкнув его значок видимости:

Clicking the layer visibility icons in Photoshop's Layers panel to show or hide the images
Используйте значки видимости, чтобы показать или скрыть слои.

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

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

На панели «Слои» я удалю свой «портретный» слой, перетащив его в корзину:

Deleting a layer in Photoshop's Layers panel
Удаление одного из слоев.

Шаг 1. Выберите «Поместить встроенный»

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

Также существует аналогичная команда Place Linked, которая просто устанавливает ссылку на файл на вашем компьютере. Но чтобы загрузить изображение прямо в ваш документ, выберите Place Embedded:

Choosing the Place Embedded command in Photoshop
Идем в File> Place Embedded.

Шаг 2. Выберите изображение

Выберите изображение, которое хотите добавить в документ, и нажмите «Поместить».

Я выберу свое портретное изображение:

Selecting the image to place into the Photoshop document
Выбор изображения для размещения в документе.

Шаг 3. Примите и закройте Free Transform

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

Photoshop opens the Free Transform command before placing the image into the document
Photoshop открывает «Свободное преобразование» перед помещением изображения в документ.

Но в большинстве случаев вы можете просто щелкнуть галочку на панели параметров, чтобы принять текущий размер и закрыть Free Transform. Вы также можете нажать клавишу Enter (Win) / Return (Mac) на клавиатуре:

Clicking the checkmark to accept and close Free Transform
Щелкнув галочку.

Изображение размещается как смарт-объект

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

Photoshop's Layers panel showing the image placed as a smart object
Photoshop помещает изображение как смарт-объект.

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

Например, я выберу инструмент Rectangular Marquee Tool на панели инструментов:

Selecting the Rectangular Marquee Tool in Photoshop's toolbar
Выбираем инструмент Rectangular Marquee Tool.

А потом растягиваю выделение вокруг глаз женщины:

Drawing a rectangular selection around part of the smart object in Photoshop
Выделение части смарт-объекта.

Я инвертирую выделение, перейдя в меню Select и выбрав Inverse:

Choosing the Inverse command from the Select menu in Photoshop
выбрать> Инверсия.

А затем я удалю все вокруг моего первоначального выбора, нажав клавишу Backspace (Win) / Delete (Mac) на клавиатуре.

Но вместо удаления части изображения Photoshop отображает предупреждение о том, что не может выполнить мой запрос, потому что смарт-объект не может быть изменен напрямую. Я нажимаю ОК, чтобы закрыть его:

Photoshop's warning that smart objects are not directly editable
Photoshop не смог отредактировать смарт-объект.

Как преобразовать смарт-объект в нормальный слой

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

Для этого щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу Control (Mac), в любом месте пустой серой области рядом с именем смарт-объекта:

Opening the contextual menu in Photoshop's Layers panel
Щелчок правой кнопкой мыши (Win) / щелчок с нажатой клавишей Control (Mac) в пустой области.

Затем выберите в меню «Растрировать слой»:

How to rasterize a smart object in Photoshop
Выбор команды “Растрировать слой”.

Значок смарт-объекта исчезнет с эскиза, и теперь у нас есть нормальный пиксельный слой:

The smart object has been converted to a pixel layer in Photoshop
Смарт-объект был преобразован в пиксельный слой.

Если я нажму Backspace (Win) / Delete (Mac) на клавиатуре, на этот раз Photoshop удалит выделение, как ожидалось:

The selection was deleted after converting the smart object to a pixel layer in Photoshop
Выделение было удалено после преобразования смарт-объекта в пиксельный слой.

Как ускорить размещение изображений в Photoshop

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

Чтобы открыть настройки на ПК с Windows, перейдите в меню «Правка». На Mac откройте меню Photoshop. Оттуда выберите Preferences, а затем General:

Opening Photoshop's General Preferences
Открытие общих настроек Photoshop.

Пропустить преобразование при размещении

Чтобы Photoshop не открывал Free Transform каждый раз, когда вы размещаете изображение, включите опцию Skip Transform when Placing:

The Skip Transform when Placing option in Photoshop's Preferences
Параметр «Пропустить преобразование при размещении».

Изменить размер изображения во время Plac

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

Если это не то, что вы хотите, и вы предпочитаете самостоятельно изменять размер изображений с помощью Free Transform, снимите флажок «Изменить размер изображения во время размещения». Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно Preferences:

The Resize Image During Place option in Photoshop's Preferences
Параметр «Изменить размер изображения во время размещения».

Бонус: смешивание слоев для создания двойной экспозиции

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

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

The original portrait image in the Photoshop document. Credit: Adobe Stock
Портретное изображение. Предоставлено: Adobe Stock.

Перемещение слоя с закатом над портретом

На панели «Слои» я нажимаю на свой слой с закатом и перетаскиваю его над портретным слоем:

Dragging the suneet layer above the portrait layer in Photoshop's Layers panel
Перетаскивая закат над портретом.

И теперь видно мое изображение заката:

A sunset photo. Credit: Adobe Stock
Изображение заката. Предоставлено: Adobe Stock.

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

Чтобы совместить закат с портретом, я изменю режим наложения слоя с закатом с Нормального на Экран:

Changing the blend mode of the sunset layer to Screen in Photoshop's Layers panel
Изменение режима наложения слоя на Screen

В режиме наложения экрана белые области портрета остаются видимыми, а закат – в более темных областях:

The result after changing the blend mode of the sunset layer to Screen in Photoshop
Результат после изменения режима наложения слоя с закатом на Screen.

Перемещение слоя текстуры над закатом

Затем я перетащу слой текстуры над слоем с закатом:

Dragging the texture layer to the top of the layer stack in Photoshop's Layers panel
Перетащите слой текстуры в верхнюю часть стопки.

И теперь изображение текстуры видно:

A texture image. Credit: Adobe Stock
Изображение текстуры. Предоставлено: Adobe Stock.

Изменение режима наложения и непрозрачности слоя

Чтобы скрыть темные области текстуры и оставить только более светлые области, я изменю его режим наложения на Screen.

Я также уменьшу непрозрачность слоя примерно до 70%:

Changing the blend mode and opacity of the texture image in Photoshop's Layers panel
Изменение режима наложения и снижение непрозрачности текстуры.

И вот результат с текстурой, теперь смешанной с эффектом:

The result after changing the blend mode of the sunset layer to Screen in Photoshop
Результат после изменения режима наложения слоя с закатом на Screen.

Объединение слоев в новый слой

Наконец, чтобы добавить немного больше контраста эффекту, я объединю все три слоя в новый слой над ними, нажав Shift + Ctrl + Alt + E на ПК с Windows или Shift + Command + Option + E на Mac. :

Merging the existing layers onto a new layer in Photoshop's Layers panel
Объединение существующих слоев в новый слой.

Увеличение контраста

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

Selecting the Auto Contrast command in Photoshop
Идем в Изображение> Автоконтраст.

И вот мой окончательный результат:

A double exposure effect created in Photoshop
Финальный эффект двойной экспозиции.

07. Слои Photoshop – Группы слоев

Узнайте все о группах слоев в Photoshop и о том, как они позволяют группировать связанные слои вместе и помогать нашей панели «Слои» выглядеть аккуратно и аккуратно. Вы узнаете, как создавать группы слоев, добавлять слои в группу, вкладывать группы слоев в другие группы и многое другое!

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

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

Есть несколько вещей, которые мы можем сделать, чтобы панель «Слои» выглядела аккуратно и аккуратно. Один из них – переименовать слои, заменив имена, которые Photoshop дает им по умолчанию, например «Слой 2» и «Слой 10, копия 12», на имена, которые являются описательными и значимыми. Другой способ, который мы рассмотрим в этом руководстве, – использовать группы слоев.

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

Вот макет рекламы, который я открыл на своем экране для вымышленного садового центра:

Buds Garden Center Photoshop mockup.
Макет рекламы в фотошопе.

Если мы посмотрим на мою панель «Слои», то увидим, что, хотя я пошел дальше и переименовал многие слои, осталось еще немало слоев для сортировки. Фактически, здесь мне пришлось разделить панель «Слои» пополам, чтобы ее было легче разместить на странице. Верхняя половина находится слева, а нижняя – справа:

The Layers panel in Photoshop.
Панель «Слои», показывающая все слои, используемые в документе.

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

Photoshop layer group.
Группа слоев с именем «Логотип» появляется в верхней части стопки слоев. Значок папки сообщает нам, что это группа слоев.

Открытие и закрытие групп слоев

Я пошел дальше и разместил несколько слоев внутри группы, но по умолчанию группы слоев закрыты, поэтому мы не можем видеть ни один из слоев внутри группы. Чтобы открыть группу, просто щелкните значок маленького треугольника слева от значка папки:

Clicking the triangle icon to open the layer group.
Щелкнув значок треугольника.

Это “вращает” группу, показывая слои внутри нее. Photoshop позволяет нам узнать, какие слои являются частью группы, слегка отступив их вправо. Здесь мы видим, что моя группа логотипов содержит пять слоев («Бутон», «САД», «ЦЕНТР», «листья» и «фон логотипа»). Чтобы закрыть группу слоев после того, как вы ее открыли, просто снова щелкните значок треугольника:

The Layers panel displaying the layers that make up the Logo group.
Пять слоев, составляющих группу Logo, смещены вправо.

Вы, наверное, догадались, что причина, по которой я поместил эти пять слоев в группу под названием «Logo», заключается в том, что они составляют дизайн логотипа «Bud’s Garden Center» в верхнем левом углу моего документа:

The logo in the top left corner of the document.
Слои в группе составляют логотип в верхнем левом углу.

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

Clicking the visibility icon for the Logo layer group.
Щелкните значок видимости группы логотипов.

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

The layers inside the group are now hidden in the document.
Все пять слоев, составляющих логотип, отключаются путем отключения самой группы.

Создание новой группы слоев

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

The New Layer Group icon at the bottom of the Layers panel in Photoshop.
Щелкните значок «Новая группа слоев».

Photoshop создаст новую группу слоев, присвоит ей общее имя по умолчанию (в данном случае «Группа 1») и поместит ее прямо над любым слоем или группой слоев, которые были выбраны, когда вы щелкнули значок «Новая группа слоев». В моем случае была выбрана моя группа «Логотип», поэтому Photoshop поместил новую группу над ней:

A new layer group named Group 1 is added to the Layers panel.
Новая группа «Группа 1» появится в верхней части стопки слоев.

Проблема с созданием новых групп слоев таким образом заключается в том, что все, что мы сделали, – это пустая группа. Внутри нет слоев. Чтобы поместить слои в группу, нам нужно будет выбрать и перетащить их вручную. Я нажму Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить мой последний шаг и удалить группу, которую я добавил.

Лучше сначала выбрать слои, которые мы хотим разместить внутри группы. Например, скажем, я хочу взять слои, которые отображают адрес садового центра и часы работы (в нижнем левом углу макета), и поместить их в отдельную группу. Всего нужно выбрать восемь слоев. Для этого я начну с нажатия на самый верхний слой, который мне нужен (текстовый слой «Open Year ‘Round»):

Selecting the first layer to add to the layer group.
Щелкните верхний слой, чтобы выбрать его.

Затем, удерживая нажатой клавишу Shift, я нажимаю на самый нижний слой. Это выбирает оба слоя плюс все слои между ними. Теперь у меня выделены восемь слоев. Здесь очень важно отметить, что все слои, которые я собираюсь разместить внутри группы, расположены прямо над или под друг другом в непрерывном столбце. Попытка сгруппировать слои, которые разбросаны по всей панели слоев, с другими слоями между ними, обычно вызывает проблемы с вашим макетом. Группы слоев лучше всего работают со слоями, которые находятся в непрерывном столбце, например:

Selecting all layers to add to the group.
Удерживая Shift, щелкните нижний слой, чтобы выбрать все 8 слоев одновременно.

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

Clicking on the Layers panel menu icon.
Щелкните значок меню панели «Слои».

В появившемся меню выберите New Group from Layers:

Selecting the New Group from Layers option in the Layers panel menu.
Выберите в меню «Новая группа из слоев».

Photoshop откроет диалоговое окно с просьбой назвать новую группу. Назову свой “Адрес / Часы работы”. Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно:

Entering a name for the new layer group.
Введите имя для новой группы слоев, затем нажмите OK.

На панели «Слои» мы видим, что теперь у меня есть новая группа слоев с именем «Адрес / Часы», расположенная под группой «Логотип». Как я уже упоминал ранее, новая группа закрыта по умолчанию, поэтому слои в настоящее время вложены в нее:

The new layer group appears in the Layers panel.
Выбранные слои теперь вложены в новую группу.

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

Twirling open the new layer group to reveal the layers inside it.
Вращая новую группу, открывайте слои внутри нее.

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

Placing the layers into a layer group has reduced the number of layers in the Layers panel.
Группировка слоев упростила работу с панелью «Слои».

Так же, как мы видели ранее с группой «Логотип», теперь я могу отключить сразу все слои внутри группы «Адрес / Часы», щелкнув значок видимости группы:

Clicking the visibility icon for the new layer group.
Щелкнув значок видимости для новой группы «Адрес / Часы».

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

All eight layers are turned off at once in the document.
Информация об адресе и часах работы теперь скрыта.

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ads-basics-middle-2]

Удаление слоев из группы

Если после того, как вы сгруппировали слои вместе, вам нужно разгруппировать их, самый простой способ сделать это – щелкнуть правой кнопкой мыши (Win) / щелкнуть, удерживая клавишу Control (Mac), в любом месте группы на панели слоев:

Right-click (Win) / Control-click (Mac) anywhere on the group.
Щелкните правой кнопкой мыши (Win) или щелкните мышью, удерживая клавишу Control (Mac), в любом месте группы.

Затем выберите «Разгруппировать слои» в появившемся меню:

Selecting Ungroup Layers in the Layers panel in Photoshop.
Выберите в меню «Разгруппировать слои».

Это вернет слои обратно в их исходное разгруппированное состояние. Сама группа слоев удаляется:

Ungrouping layers in the Layers panel.
Слои больше не группируются

Вложенные группы внутри других групп

Photoshop не только позволяет группировать слои вместе, но и позволяет группировать группы слоев! Например, я хочу взять две группы слоев, которые я уже добавил («Логотип» и «Адрес / Часы»), и поместить их обе в другую новую группу. Группировка двух или более групп слоев не отличается от группировки отдельных слоев. Во-первых, нам нужно выбрать нужные группы. У меня уже выбрана группа «Адрес / Часы», поэтому я, удерживая клавишу Shift, нажимаю группу «Логотип» над ней. При этом одновременно выбираются обе группы:

Selecting two layer groups at once in the Layers panel.
Выделение двух групп слоев, которые я хочу поместить в новую группу.

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

Clicking on the Layers panel menu icon.
Щелкните значок меню.

В появившемся меню я выберу New Group from Layers. Он по-прежнему говорит «Новая группа из слоев», хотя мы фактически создаем новую группу из других групп:

Selecting the New Group from Layers option in the Layers panel menu.
Выберите «Новая группа из слоев».

Я назову новую группу «Левый столбец» в появившемся диалоговом окне, поскольку содержимое групп «Логотип» и «Адрес / Часы» составляет левый столбец моего макета:

Selecting the New Group from Layers option in the Layers panel menu.
Присвоение имени новой группе слоев.

Я нажимаю ОК, чтобы закрыть диалоговое окно, после чего Photoshop создает новую группу слоев с именем «Левый столбец». Если я открою новую группу, щелкнув ее треугольный значок, мы увидим вложенные в нее группы «Логотип» и «Адрес / Часы»:

A new layer group has been created from two existing layer groups in Photoshop.
Новая группа слоев была создана из двух существующих групп.

Удаление групп из большей группы также выполняется так же, как разгруппировка отдельных слоев. Просто щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), в любом месте группы слоев на панели «Слои» и выберите «Разгруппировать слои» в появившемся меню:

Ungrouping layer groups from another layer group.
Удаление двух групп слоев из большей группы.

И теперь у меня есть две отдельные группы слоев:

The two layer groups have been removed from the larger group.
Панель «Слои» после разгруппировки двух групп слоев.

Чтобы завершить организацию панели «Слои», я быстро выделю все слои, составляющие центральный столбец моего макета (текст и изображения «Огромный выбор!» И «Огромная экономия!»):

Selecting multiple layers in the Layers panel in Photoshop.
Выбор слоев, составляющих центральную часть макета.

Если вы из тех, кто предпочитает сочетания клавиш командам меню, действительно быстрый способ создать группу из выбранных вами слоев – просто нажать Ctrl + G (Победа) / Command + G (Mac) на клавиатуре. Photoshop мгновенно поместит ваши слои в группу, хотя он даст группе общее имя по умолчанию, а не даст вам возможность назвать ее первым. Здесь мои слои были помещены в новую группу под названием «Группа 1»:

Creating a new layer group named Group 1.
Нажмите Ctrl + G (Win) / Command + G (Mac), чтобы быстро создать новую группу (с именем по умолчанию) из выбранных слоев.

Чтобы разгруппировать слои с помощью сочетания клавиш, нажмите Shift + Ctrl + G (Win) / Shift + Command + G (Mac).

Чтобы переименовать группу и дать ей более информативное имя, дважды щелкните имя группы на панели «Слои» и введите новое, как если бы вы переименовали обычный слой. Назову свой “Выбор / Экономия”. По завершении нажмите Enter (Win) / Return (Mac), чтобы принять изменение имени:

Renaming a layer group in Photoshop.
Переименовать группу слоев так же просто, как переименовать обычный слой.

Вывод седьмой части

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

08. Выровнять и распределить слои в Photoshop

Узнайте, как параметры «Выровнять» и «Распределить» в Photoshop позволяют легко и автоматически выстраивать и размещать содержимое наших слоев. И узнайте, как группы слоев могут помочь нам центрировать сразу несколько слоев вместе с самим документом!

Вот документ, который я открыл на своем экране, с деревянными блоками:

Wooden blocks inside a Photoshop document.
Исходный документ.

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

The Layers panel in Photoshop CS5.
Каждый блок отображается на отдельном слое на панели «Слои».

Итак, как мне переставить блоки внутри документа и выровнять их друг с другом? Что ж, я мог бы попытаться перетащить их на место вручную с помощью инструмента «Перемещение», но это потребует времени, и я сомневаюсь, что смогу выровнять их все идеально, просто «глядя на это». Лучшим и гораздо более простым способом было бы позволить Photoshop выполнять всю работу за меня автоматически, используя параметры «Выровнять» и «Распределить»!

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

Selecting the Move Tool from the Tools panel in Photoshop.
Выберите инструмент «Перемещение».

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

Photoshop Align and Distribute options in the Options Bar.
Когда выбран инструмент «Перемещение», на панели параметров появляются параметры «Выровнять» и «Распределить».

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

The top layer is selected in the Layers panel.
В настоящий момент выбран верхний левый слой.

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

Selecting three layers at once in the Layers panel in Photoshop.
Выбор слоев «Верхний левый», «Верхний центральный» и «Верхний правый» на панели «Слои».

Теперь, когда выбрано более одного слоя, становятся доступными параметры «Выровнять» и «Распределить». Рассмотрим их подробнее.

Параметры выравнивания

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

The Align options in the Options Bar in Photoshop.
Шесть вариантов выравнивания – верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.

Варианты распределения

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

The Distribute options in the Options Bar in Photoshop.
Шесть вариантов распределения – верхние края, вертикальные центры, нижние края, левые края, горизонтальные центры и правые края.

Давайте посмотрим, как я могу использовать эти параметры «Выровнять» и «Распределить», чтобы легко переупорядочить блоки в моем документе. Как мы видели недавно, я выбрал слои Top Left, Top Center и Top Right на панели Layers. Я собираюсь временно отключить другие блоки в документе, щелкнув значок видимости каждого слоя. Вам не нужно отключать другие слои, чтобы использовать параметры «Выровнять» и «Распределить». Я делаю это только для того, чтобы нам было легче увидеть, что происходит в документе:

The Layer Visibility icons in the Layers panel in Photoshop.
Отключение других блоков, щелкнув значки видимости их слоя.

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

The blocks on the selected layers remain visible.

Блоки в верхнем левом, верхнем центральном и верхнем правом слоях остаются видимыми.

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

The Align top edges option in the Options Bar in Photoshop.
Щелкнув по опции «Выровнять верхние края».

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

Aligning the blocks to their top edges.
Теперь три блока выровнены по их верхним краям.

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

The Distribute horizontal centers option in the Options Bar in Photoshop.
Нажав на опцию Распределить по центрам по горизонтали.

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

Distributing the blocks horizontally in the document.
Теперь блоки равномерно разнесены по горизонтали.

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

Turning on the Middle Left and Bottom Left layers.
Щелкнув по значкам видимости для среднего левого и нижнего левого слоев.

Это включает эти два новых блока в документе. Синий блок «T» находится на среднем левом слое, а оранжевый «H» – на нижнем левом слое:

The Middle Left and Bottom Left blocks appear in the document.
В документе появятся еще два блока.

Я хочу выровнять левые края этих двух новых блоков с левым краем блока «P» в верхнем левом углу, поэтому первое, что мне нужно сделать, это выбрать эти три слоя на панели «Слои». Я начну с того, что щелкну верхний левый слой, чтобы выбрать его, затем, удерживая нажатой клавишу Ctrl (Win) / Command (Mac), нажимаю на средний левый и нижний левый слои. Это выберет все три слоя сразу:

Selecting the Top Left, Middle Left and Bottom Left layers in the Layers panel.
Выбор слоев верхнего левого, среднего левого и нижнего левого.

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

Aligning the left edges of the three blocks.
Левые края блоков теперь выровнены.

Мне все еще нужно скорректировать расстояние между тремя блоками, но я вернусь к ним через мгновение. Я собираюсь включить слои Bottom Center и Bottom Right, нажав на их значки видимости:

Turning on the Bottom Center and Bottom Right layers in the document.
Щелкните значок видимости для слоев Bottom Center и Bottom Right.

Это включает синий «O» (внизу в центре) и красный «P» (внизу справа) блоки внизу:

The bottom three blocks appear in the document.
Теперь видны два новых блока внизу.

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

Selecting three layers at once in the Layers panel in Photoshop.
Выбор слоев Bottom Left, Bottom Center и Bottom Right.

Я хочу выровнять нижние края этих слоев, поэтому я нажимаю опцию Align Bottom Edges на панели параметров:

The Align Bottom Edges option in the Options Bar in Photoshop.
Нажав на опцию Выровнять нижние края.

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

Aligning the bottom edges of the three blocks in the document.
Теперь нижние края блоков выровнены.

Теперь, когда блок «H» в нижнем левом углу на месте, я вернусь и исправлю расстояние между блоками слева. Опять же, я выберу верхний левый, средний левый и нижний левый слои на панели слоев:

Selecting the Top Left, Middle Left and Bottom Left layers in the Layers panel.
Выбор слоев верхнего левого, среднего левого и нижнего левого.

Выбрав три слоя, я нажимаю на опцию Распределить вертикальные центры на панели параметров:

The Distribute Vertical Centers option in the Options Bar.
Нажав на опцию Распределить вертикальные центры.

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

Spacing the three left blocks vertically.
Теперь три блока слева расположены на одинаковом расстоянии.

So far so good. I’ll turn on the Middle Right layer in the document by clicking on its visibility icon:
РУССКИЙВсе идет нормально. Я включу средний правый слой в документе, щелкнув значок его видимости:

Clicking on the visibility icon for the Middle Right layer.
Включаем средний правый слой.

Это включает зеленый блок “S” с правой стороны:

The block on the Middle Right layer becomes visible.
Становится видимым зеленый блок «S» на среднем слое справа.

Чтобы выровнять правые края трех блоков по правому краю (блоки “O”, “S” и “P”), я сначала выберу верхний правый, средний правый и нижний правый слои на панели слоев:

Selecting the Top Right, Middle Right and Bottom Right layers in the Layers panel.
Выбор слоев верхнего правого, среднего правого и нижнего правого.

Затем я нажимаю опцию Align Right Edges на панели параметров:

The Align Right Edges option in the Options Bar in Photoshop.
Щелкнув по опции «Выровнять правые края».

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

The right edges of the three blocks are now aligned.
Правые края трех блоков теперь выровнены.

Мне также нужно расположить три блока одинаково друг от друга, поэтому я нажму на опцию Распределить вертикальные центры на панели параметров, так же, как я сделал, когда отрегулировал расстояние между тремя блоками слева:

The Distribute Vertical Centers option in the Options Bar.
Снова щелкнув по опции «Распределить по вертикальным центрам».

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

The right blocks are now spaced equally.
Блоки после выбора опции Распределить по вертикальным центрам.

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

Turning on the Middle Center layer in the document.
Включение среднего центра слоя.

Это включает красный блок «О» в центре:

The block in the middle center becomes visible in the document.
Теперь виден блок «O» в центре.

Центральный блок должен быть выровнен с блоками по обе стороны от него, поэтому я выберу средний левый, средний центр и средний правый слои на панели слоев:

Selecting the Middle Left, Middle Center and Middle Right layers in the Layers panel.
Выбираем три средних слоя.

Затем я нажимаю опцию Align Top Edges на панели параметров:

The Align top edges option in the Options Bar in Photoshop.
Щелкнув по опции «Выровнять верхние края».

Photoshop перемещает средний блок вверх, чтобы выровнять его верхний край с верхними краями блоков «T» и «S» рядом с ним, и на этом узор «сетка» завершен, все благодаря параметрам «Выровнять» и «Распределить» в Photoshop:

The blocks have now been aligned and distributed in the document.
Параметры «Выровнять» и «Распределить» упростили перестановку блоков.

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

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

Selecting all the blocks layers in the Layers panel.
Выделение сразу всех слоев блоков.

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

The Layers panel menu icon in Photoshop.
Щелкните значок меню в верхнем правом углу панели «Слои».

Я выберу New Group from Layers из появившегося меню:

Choosing New Group from Layers from the Layers panel menu.
Выбор новой группы из слоев в меню панели «Слои».

Photoshop откроет диалоговое окно с запросом имени для новой группы слоев. Я назову его «Блоки», затем нажму «ОК», чтобы закрыть диалоговое окно:

Naming the new layer group.
Присвоение имени новой группе слоев.

Если мы посмотрим на панель Layers, мы увидим, что все слои блоков теперь вложены в группу слоев с именем «Blocks»:

The blocks layers are now inside a layer group named Blocks.
Выбранные слои теперь находятся внутри группы слоев.

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

Selecting the layer group and the Background layer at once.
Выбор сразу группы слоев и фонового слоя.

Как мы узнали из руководства по фоновым слоям, фоновые слои заблокированы на месте, что означает, что они не могут перемещаться внутри документа. Единственное, что я выбрал, что можно двигать, это группу слоев. Я нажму на опцию Выровнять по вертикали по центру на панели параметров:

The Align Vertical Centers option in the Options Bar in Photoshop.
Щелкнув по опции «Выровнять вертикальные центры».

Photoshop выравнивает слои блока внутри группы слоев по вертикали с фоновым слоем:

The blocks are now aligned vertically with the Background layer.
Блоки внутри группы слоев выравниваются, как если бы они находились на одном слое.

И, наконец, я нажимаю на опцию Align Horizontal Centers на панели параметров:

The Align Horizontal Centers option in the Options Bar in Photoshop.
Нажав на опцию Выровнять по горизонтали по центру.

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

The blocks are now aligned horizontally with the Background layer and centered in the document.
Группа слоев упростила центрирование дизайна блока с документом.

Вывод восьмой части

И вот оно! В следующем уроке нашего Руководства по обучению слоям мы узнаем, как управлять прозрачностью слоя с помощью параметров «Непрозрачность» и «Заливка» на панели «Слои»!

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

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

Один из наиболее частых вопросов, которые я получаю от пользователей Photoshop, и не только от новичков: «Какая черта разница между параметрами« Непрозрачность »и« Заливка »на панели« Слои »? Разве они не делают одно и то же?». Это хороший вопрос, потому что в большинстве случаев они абсолютно одинаковы.

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

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

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

A photo of a girl daydreaming. Image licensed from Fotolia by Photoshop Essentials.com
Исходное изображение.

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

The Layers panel in Photoshop.
Панель «Слои», показывающая фоновый слой, текстовый слой над ним и копию текста вверху, которая временно скрыта.

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

The Opacity and Fill options in the Layers panel in Photoshop.
Параметры Непрозрачности и Заливки установлены на 100%.

Посмотрим, что произойдет, если я уменьшу непрозрачность до 50%:

Lowering the layer opacity to 50%.
Уменьшите непрозрачность текстового слоя до 50%.

Когда непрозрачность снижена до 50%, слово “мечта” в моем документе становится прозрачным на 50%, что позволяет частично просвечивать изображение под ним:

The text in the document is now 50% transparent.
Изображение после понижения значения непрозрачности текста до 50%.

Я снова подниму значение непрозрачности до 100% и на этот раз уменьшу значение заливки до 50%:

Lowering the Fill value of the layer to 50%.
Снижение заполнения до 50%.

Когда заливка установлена ​​на 50%, текст снова становится прозрачным на 50% в документе, и мы получаем точно такой же результат, который мы видели минуту назад, когда мы снизили значение непрозрачности:

The text in the document is now 50% transparent.
Уменьшение заполнения до 50% дает точно такой же результат.

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

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

The layer visibility icon in the Layers panel.
Отключение исходного текстового слоя.

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

Turning on a layer in the Layers panel.
Выбор и включение копии текстового слоя.

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

The same text with layer styles added.
Тот же текст, но с добавлением нескольких эффектов слоя.

Я открою список эффектов на панели «Слои», щелкнув маленькую стрелку справа от значка «fx», чтобы мы могли видеть, что у меня действительно есть эффект Drop Shadow, Bevel и Emboss и Stroke. применительно к тексту:

The list of layer effects in the Layers panel.
При вращении стилей слоя открываются для просмотра списка эффектов, добавляемых к тексту.

Посмотрим, что произойдет с этим новым слоем, если я уменьшу непрозрачность до 50%:

Lowering the Opacity of the text to 50%, with layer styles applied to the text.
Еще раз снижаем непрозрачность до 50%.

Уменьшая значение Непрозрачности нового слоя, мы сделали все на слое прозрачным на 50%. Под «всем» я имею в виду не только сам текст, но и применяемые к нему стили слоя. Все и вся на слое теперь прозрачно на 50% после уменьшения значения непрозрачности:

The text and the layer styles applied to it are all 50% transparent.
Уменьшение значения непрозрачности привело к тому, что все на слое, включая стили слоя, стало прозрачным на 50%.

Пока без особых сюрпризов. Я снова подниму значение Opacity до 100%, а теперь уменьшу значение Fill до 50%:

Lowering the Fill value of the text to 50%, with layer styles applied to the text.
Снижение заполнения до 50%.

Вот где мы видим разницу между непрозрачностью и заливкой. Понижение значения Непрозрачности сделало все на слое прозрачным на 50%, но при уменьшении значения Заливки до 50% только сам текст становится прозрачным на 50%. Стили слоя, которые я применил к тексту, остаются видимыми на 100%! На эффекты Stroke, Drop Shadow и Bevel and Emboss значение Fill вообще не повлияло. Фактически, когда сам текст теперь прозрачен на 50%, мы можем начать видеть эффект Bevel and Emboss, который я применил к нему:

The text is now 50% transparent but the layer styles remain 100% opaque.
Значение «Заливка» сделало текст частично прозрачным, но не повлияло на стили слоя.

Давайте снизим значение Fill до 0% и посмотрим, что произойдет:

Lowering the Fill value of the text to 0%, with layer styles applied to the text.
Уменьшение заполнения до 0%.

Если заливка установлена на 0%, текст в документе становится полностью прозрачным, но стили слоя, примененные к нему, остаются полностью видимыми! Значение Fill вообще не влияет на стили слоя, что позволяет мне легко создать интересный текстовый эффект, который был бы невозможен при использовании значения Opacity:

The text is now 100% transparent while the layer styles remain 100% visible.
Текст теперь на 100% прозрачен, но стили слоя остаются на 100% видимыми.

В этом разница между Непрозрачностью и Заливкой. Значение «Непрозрачность» управляет прозрачностью всего и вся на слое, включая стили слоя. С другой стороны, значение Fill влияет только на фактическое содержимое слоя, которым в моем случае был текст. Стили слоя, которые Photoshop обрабатывает как отдельные от фактического содержимого слоя, остаются видимыми на 100% и не зависят от значения «Заливка».

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

Вывод девятой части

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

10. Photoshop слои – самые необходимые горячие клавиши

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

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

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

Эта обновленная версия учебника предназначена для Photoshop CS6 (именно его я буду использовать) и полностью совместима с Photoshop CC. Если вы используете Photoshop CS5 или более раннюю версию, вам стоит ознакомиться с исходной версией этого руководства. Давайте начнем!

Основные горячие клавиши для слоев

Показать и скрыть панель слоев

По умолчанию панель «Слои» Photoshop отображается в столбце панели в правой части экрана:

The Layers panel opens in the lower right of the Photoshop interface.
Панель «Слои» открывается в правом нижнем углу интерфейса Photoshop.

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

The Layers panel in Photoshop.
Более пристальный вид панели «Слои».

Присвоение имени новому слою

Обычный способ создать новый слой в Photoshop – щелкнуть значок «Новый слой» в нижней части панели «Слои»:

Clicking the New Layer icon in the Layers panel.
Щелкнув значок «Новый слой».

Проблема в том, что Photoshop дает новому слою общее имя, например «Layer 1», которое ничего не говорит нам о том, для чего этот слой будет использоваться:

Photoshop automatically gives new layers generic names. Image © 2016 Photoshop Essentials.com.
Общие имена слоев Photoshop не очень полезны.

Лучший способ создать новый слой – нажать и удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, когда вы щелкаете значок нового слоя:

Press and hold Alt (Win) / Option (Mac) while clicking the New Layer icon.
Удерживая Alt (Win) / Option (Mac), щелкнув значок «Новый слой».

Это говорит Photoshop, что сначала нужно открыть диалоговое окно «Новый слой», в котором мы можем назвать слой перед его добавлением. Например, если бы я собирался использовать инструмент Clone Stamp Tool на этом слое, я мог бы назвать слой «Клонирование»:

The New Layer dialog box.
Присваиваем слою более информативное имя.

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

The new layer appears with the custom name.
Новый слой появится с пользовательским именем.

Создание нового слоя с клавиатуры

Мы также можем создавать новые слои прямо с клавиатуры, вообще не нажимая значок «Новый слой». Чтобы создать новый слой с клавиатуры, нажмите Shift + Ctrl + N (Win) / Shift + Command + N (Mac). Photoshop откроет диалоговое окно «Новый слой», чтобы вы могли дать слою описательное имя.

Если вас не волнует имя слоя, нажмите Shift + Ctrl + Alt + N (Win) / Shift + Command + Option + N (Mac) на клавиатуре. Это позволит обойти диалоговое окно «Новый слой» и просто добавит новый слой с одним из общих имен Photoshop (например, «Слой 2»).

Скопируйте слой или скопируйте выделение на новый слой

Чтобы быстро сделать копию слоя или скопировать выделение на новый слой, нажмите Ctrl + J (Win) / Command + J (Mac). Здесь я сделал копию фонового слоя. Обратите внимание, что Photoshop автоматически назвал копию «Слой 1». Если вы хотите назвать слой самостоятельно перед его добавлением, нажмите Ctrl + Alt + J (Win) / Command + Option + J (Mac), чтобы открыть диалоговое окно New Layer:

Making a copy of the Background layer by pressing Ctrl+J (Win) / Command+J (Mac).
Сделайте копию фонового слоя, нажав Ctrl + J (Win) / Command + J (Mac).

Копирование слоя при его перемещении

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

Добавление нового слоя ниже текущего выбранного слоя

По умолчанию Photoshop добавляет новые слои над слоем, который в данный момент выбран на панели «Слои», но мы также можем добавить новые слои под текущим выбранным слоем. Обратите внимание на этом снимке экрана, что мой верхний слой (Layer 1) выбран. Чтобы сказать Photoshop добавить новый слой под ним, все, что мне нужно сделать, это нажать и удерживать клавишу Ctrl (Win) / Command (Mac) на клавиатуре, когда я щелкаю значок «Новый слой». Если бы я хотел одновременно назвать новый слой (чего я не собираюсь делать), я бы вместо этого нажал и удерживал Ctrl + Alt (Win / Command + Option (Mac):

Pressing and holding Ctrl (Win) / Command (Mac) while clicking the New Layer icon.
Удерживая Ctrl (Win) / Command (Mac), щелкнув значок «Новый слой».

Photoshop добавляет новый слой, и, поскольку я удерживал клавишу Ctrl (Win) / Command (Mac), он помещает новый слой под слоем 1, а не над ним. Обратите внимание, что этот трюк не работает, когда выбран фоновый слой, поскольку Photoshop не позволяет нам размещать слои ниже фонового слоя:

Creating a new layer below the selected layer. Image © 2016 Photoshop Essentials.com.
Новый слой появится под ранее выбранным слоем.

Выбрать все слои сразу

Чтобы выбрать все слои сразу, нажмите Ctrl + Alt + A (Win) / Command + Option + A (Mac). Обратите внимание, что при этом выбираются все слои, кроме фонового:

Press Ctrl+Alt+A (Win) / Command+Option+A (Mac) to select all layers except the Background layer.
Нажатие Ctrl + Alt + A (Win) / Command + Option + A (Mac), чтобы выбрать все слои (кроме фонового слоя).

Выбор нескольких слоев

Чтобы выбрать несколько смежных слоев (т. Е. Непосредственно над или под друг другом), щелкните верхний слой, чтобы выбрать его, затем нажмите и удерживайте клавишу Shift и щелкните нижний слой (или наоборот). Это выберет верхний слой, нижний слой и все слои между ними. Здесь я щелкнул по слою «Танцовщица», затем, удерживая Shift, щелкнул по слою «Тень». Photoshop выбрал оба слоя плюс слой «Color Fill 1» между ними:

Selecting contiguous layers in Photoshop.
Выбор смежных слоев.

Другой способ выбрать несколько слоев, которые находятся непосредственно над или под друг друга, – нажать и удерживать Shift + Alt (Win) / Shift + Option (Mac) и использовать клавиши левой и правой скобок ([и]) на клавиатуре. Клавиша правой скобки добавит слой над текущим выбранным слоем к вашему выбору. Продолжайте нажимать на нее, чтобы переместиться вверх по стеку слоев и выбрать больше слоев. Клавиша левой квадратной скобки добавит слой под текущим выбранным слоем. Нажимайте ее несколько раз, чтобы переместиться вниз по стопке слоев, добавляя новые слои.

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

Selecting non-contiguous layers in Photoshop.
Выбор несмежных слоев.

Прокрутите слои

Для прокрутки слоев на панели «Слои» нажмите и удерживайте Alt (Win) / Option (Mac) и используйте клавиши левой и правой скобок ([и]). Клавиша правой скобки позволяет перемещаться по слоям вверх; клавиша левой скобки прокручивается вниз.

Перемещение слоев вверх и вниз по стеку слоев

Чтобы переместить выбранный слой вверх или вниз по стеку, нажмите и удерживайте Ctrl (Win) / Command (Mac) и используйте клавиши левой и правой скобок ([и]). Клавиша правой скобки перемещает уровень вверх; клавиша левой скобки перемещает его вниз. Обратите внимание, что это не работает с фоновым слоем, так как вы не можете переместить фоновый слой. Кроме того, вы не сможете перемещать другие слои ниже фонового слоя.

Перейти на слой прямо к верхнему или нижнему краю стопки слоев

Чтобы мгновенно переместить выбранный слой прямо в верхнюю часть стека слоев, нажмите Shift + Ctrl +] (Win) / Shift + Command +] (Mac). Здесь я переместил свой слой “Color Fill 1” наверх:

Jumping a layer to the top of the layer stack.
Перемещение выбранного слоя на вершину стопки.

Показать и скрыть слои

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

Clicking the layer visibility icon in the Layers panel.
Щелкните значок видимости (глазного яблока), чтобы включить или выключить слой.

Что вы можете не знать, так это то, что вы можете временно скрыть каждый слой, кроме этого одного, нажав и удерживая клавишу Alt (Win) / Option (Mac), когда вы щелкаете значок видимости. Обратите внимание, что глазное яблоко теперь видно только для моего слоя «Танцор», что говорит нам, что все остальные слои в документе теперь скрыты. Остается видимым только этот слой. Чтобы снова включить все слои, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните тот же значок видимости.

Pressing Alt (Win) / Option (Mac) while clicking the layer visibility icon.
Щелчок с нажатой клавишей «Alt» (Победа) или «Option» (Mac) включает и выключает все остальные слои.

Просмотр слоев по одному

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

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

Выберите содержимое слоев

Чтобы выбрать содержимое слоя, нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) и щелкните непосредственно по миниатюре предварительного просмотра слоя на панели «Слои». Контур выделения появится вокруг содержимого слоя в документе:

Selecting the layer contents.
Удерживая Ctrl (Win) / Command (Mac) и щелкая по миниатюре предварительного просмотра слоя.

Выбрать весь слой

Чтобы выбрать весь слой, а не только его содержимое, сначала щелкните слой, чтобы сделать его активным, затем нажмите Ctrl + A (Win) / Command + A (Mac) на клавиатуре.

Создать новую группу из слоев

Чтобы быстро создать группу слоев из выбранных вами слоев, сначала выберите слои, которые вы хотите включить (мы рассмотрели выбор нескольких слоев ранее):

Selecting the layers to place inside the group.
Выбор слоев для размещения внутри группы.

Затем, выбрав слои, нажмите Ctrl + G (Win) / Command + G (Mac) на клавиатуре. Photoshop создаст новую группу слоев и поместит в нее выбранные вами слои. Чтобы разгруппировать слои, нажмите Shift + Ctrl + G (Win) / Shift + Command + G (Mac):

Image © 2016 Photoshop Essentials.com.
Нажмите Ctrl + G (Win) / Command + G (Mac), чтобы сгруппировать слои.

Слияние слоев

Чтобы объединить слой со слоем непосредственно под ним на панели «Слои», нажмите Ctrl + E (Win) / Command + E (Mac).

Чтобы объединить несколько слоев вместе, сначала выберите слои, которые вы хотите объединить, затем нажмите Ctrl + E (Win) / Command + E (Mac).

Чтобы объединить два или более слоев в новый слой, сохранив при этом исходные слои, сначала выберите слои, которые хотите объединить, затем нажмите Ctrl + Alt + E (Win) / Command + Option + E (Mac).

Чтобы объединить все слои и превратить изображение в один, нажмите Shift + Ctrl + E (Win) / Shift + Command + E (Mac).

Чтобы объединить все слои в новый отдельный слой и сохранить оригиналы, нажмите Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac).

Создать обтравочную маску

Есть несколько быстрых способов создания обтравочных масок в Photoshop с помощью сочетаний клавиш. Первый способ – навести курсор мыши прямо на разделительную линию между двумя слоями на панели «Слои». Затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните. Верхний слой будет обрезан по слою под ним. Сделайте то же самое еще раз, чтобы снять обтравочную маску:

Creating a clipping mask in the Layers panel.
Удерживая нажатой клавишу Alt (Win) / Option (Mac), курсор мыши изменится на значок обтравочной маски.

Другой способ создать обтравочную маску – сначала выбрать слой, который должен быть обрезан к слою под ним. Затем нажмите Ctrl + Alt + G (Win) / Command + Option + G (Mac) на клавиатуре. Повторное нажатие того же ярлыка снимет маску.

Циклический переход между режимами наложения слоев

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

Чтобы легко переключаться между режимами наложения слоев в Photoshop и предварительно просматривать результаты, нажмите и удерживайте клавишу Shift и используйте клавиши плюс (+) и минус (-) на клавиатуре. Клавиша «плюс» прокручивает список вниз; клавиша «минус» прокручивается вверх.

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

Cycling through the layer blend modes from the keyboard.
Удерживая Shift, используйте клавиши плюс и минус для переключения режимов наложения.

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

Изменение непрозрачности слоя

Чтобы быстро изменить непрозрачность слоя, сначала нажмите букву V на клавиатуре, чтобы выбрать инструмент Photoshop «Перемещение», а затем введите число. Введите «5» для 50% непрозрачности, «8» для 80%, «3» для 30% и так далее. Если вам нужно более конкретное значение непрозрачности, например 25%, быстро введите «25». Для 100% непрозрачности введите «0». Какое бы значение непрозрачности вы ни вводили, оно отображается в параметре «Непрозрачность» в правом верхнем углу панели «Слои» (напротив параметра «Режим наложения»):

Changing the layer opacity from the keyboard.
Выберите слой на панели «Слои», затем введите число, чтобы изменить его значение непрозрачности.

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

Изменение значения заполнения

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

Чтобы изменить значение Fill с клавиатуры, нажмите и удерживайте Shift, затем введите новое значение:

Changing the layer Fill value from the keyboard.
Удерживая Shift, введите число, чтобы изменить значение Заливки.

Удаление слоя

Наконец, чтобы удалить слой, а не перетаскивать его в корзину в нижней части панели «Слои», просто нажмите Backspace (Win) / Delete (Mac) на клавиатуре.

И вот оно! Это наш обзор основных ярлыков для быстрой и эффективной работы со слоями в Photoshop!


Совершенствуй знания каждый день у нас в Телеграм-каналах

Вопросы, реклама — VK | Telegram