Основы панели Photoshop CS5 Layers

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

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

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

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

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

Я только что открыл изображение в Photoshop:

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

Вкладка «Имя»

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

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

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

Слой слой

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

Имя слоя

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

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

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

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

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

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

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

Если я снова нажму на иконку New Layer:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как мы уже видели, Photoshop автоматически присваивает нам имена слоев по мере их добавления, но имена, которые он им дает, такие как «Слой 1» и «Фоновая копия», довольно общие и не очень полезны. Когда у нас есть только несколько слоев в документе, имена могут показаться не очень важными, но когда мы обнаруживаем, что работаем с 10, 20 или даже 100 или более слоями, гораздо проще поддерживать их организованность, если они имеют значимые имена. К счастью, Photoshop позволяет легко переименовать слой. Просто дважды щелкните по имени слоя на панели «Слои», затем введите новое имя. Я изменю название моего слоя с фоновой копией на «Blur». Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять изменение имени:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Непосредственно под параметром «Непрозрачность» находится параметр « Заливка», который также контролирует значение прозрачности слоя. В большинстве случаев эти два параметра («Непрозрачность» и «Заливка») ведут себя одинаково, но между ними есть одно важное различие, касающееся стилей слоя . Опять же, здесь мы не будем вдаваться в подробности, но мы расскажем об этом в нашем учебнике Layer Opacity vs Fill .

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

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

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

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

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

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

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

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

Стили слоя

Также в нижней части панели «Слои» находится значок « Стили слоев» :

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

Блокирующие слои

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

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

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

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

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

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