В предыдущем уроке мы кратко рассмотрели, что такое слои и как они значительно облегчают работу в Photoshop. Но прежде чем мы сможем воспользоваться всеми преимуществами, которые нам предлагают слои, нам необходимо изучить некоторые необходимые навыки работы с Photoshop в Command Central для слоев - панель «Слои» .
На панели «Слои» (известной как палитра « Слои» в более ранних версиях Photoshop) мы выполняем все задачи, связанные со слоями, от добавления и удаления слоев до добавления масок слоев и корректирующих слоев, изменения режимов наложения слоев, включения и выключения слоев. в документе переименование слоев, группировка слоев и все остальное, что имеет отношение к слоям.
Поскольку это одна из наиболее часто используемых панелей во всем Photoshop, Adobe настроила так, чтобы панель «Слои» автоматически открывалась для нас при каждом запуске программы.
По умолчанию вы найдете его в правом нижнем углу экрана. Я использую Photoshop CS5 здесь, но независимо от того, какую версию вы используете, вы найдете панель Layers в одном и том же общем месте:
Панель «Слои» выделена в правом нижнем углу.
Если по какой-то причине панель «Слои» не появляется на вашем экране, вы можете получить к ней доступ (вместе со всеми остальными панелями Photoshop), зайдя в меню « Окно» в строке меню в верхней части экрана и выбрав « Слои» . Галочка слева от названия панели означает, что она в данный момент отображается на экране. Если галочки нет, значит, она в данный момент скрыта:
Все панели Photoshop можно включить или отключить из меню «Окно» в строке меню.
Я только что открыл изображение в Photoshop:
Недавно открытое изображение.
Хотя я пока ничего не сделал с изображением, кроме как открыл его, панель «Слои» уже дает нам некоторую информацию. Давайте внимательнее посмотрим на то, что мы видим:
Панель Photoshop's Layers.
Вкладка «Имя»
Прежде всего, как мы узнаем, что на самом деле мы видим панель «Слои»? Мы знаем, потому что так написано на вкладке имени в верхней части панели:
Название вкладки говорит нам, что мы смотрим на панель слоев.
Возможно, вы заметили, что справа от вкладки «Слои» есть две другие вкладки с именами - «Каналы» и «Пути», которые отображаются серым цветом:
Вкладки «Каналы» и «Пути» отображаются справа от вкладки «Слои».
Это две другие панели, которые сгруппированы с панелью слоев. В Photoshop так много панелей, что разместить их все на экране, оставляя место для работы, может быть проблемой, поэтому Adobe решила сгруппировать некоторые панели в группы панелей, чтобы сэкономить место. Чтобы переключиться на другую панель в группе, просто нажмите на вкладку имени панели. Вкладка панели, которая в данный момент отображается в группе, будет выделена. Не позволяйте тому факту, что панель Layers, сгруппированная с этими двумя другими панелями, сбивает вас с толку. Панели «Каналы» и «Пути» не имеют ничего общего с панелью «Слои», за исключением того факта, что оба они также широко используются в Photoshop, поэтому мы можем спокойно их игнорировать, пока мы специально рассматриваем панель «Слои».
Слой слой
Каждый раз, когда мы открываем новое изображение в Photoshop, изображение открывается в своем собственном документе и помещается в один слой. Photoshop представляет слои в документе в виде строк на панели «Слои», причем каждый слой получает свою собственную строку. Каждый ряд дает нам различную информацию о слое. В настоящий момент в моем документе только один слой, поэтому на панели «Слои» отображается одна строка, но по мере добавления новых слоев появляются дополнительные строки:
Панель «Слои» отображает слои в виде строк информации.
Имя слоя
Photoshop помещает новое изображение в слой с именем Background . Он называется Background, потому что он служит фоном для нашего документа. Мы можем видеть название каждого слоя, отображаемого в его строке. Фоновый слой на самом деле является особым типом слоя в Photoshop, который мы рассмотрим в следующем уроке:
На панели «Слои» отображается название каждого слоя.
Миниатюра предварительного просмотра
Слева от имени слоя находится небольшое уменьшенное изображение, известное как предварительный просмотр слоя, поскольку оно показывает нам небольшой предварительный просмотр того, что находится на этом конкретном слое. В моем случае эскиз предварительного просмотра показывает, что фоновый слой содержит мое изображение. Я, вероятно, мог бы догадаться об этом сам, так как мой документ имеет только один слой, но приятно знать, что у Photoshop есть моя спина:
Предварительный эскиз показывает нам, что находится на каждом слое.
Добавление нового слоя
Чтобы добавить новый слой в документ, щелкните значок « Новый слой» в нижней части панели «Слои»:
Нажмите значок «Новый слой», чтобы добавить новый слой в документ.
Новый слой появляется на панели «Слои» прямо над фоновым слоем. Фотошоп автоматически называет новые слои для нас. В этом случае он назвал слой "Layer 1". Обратите внимание, что теперь у нас есть две строки слоев на панели «Слои», каждая из которых представляет отдельный слой:
Новый слой с именем Layer 1 появится на панели Layers.
Если мы посмотрим на миниатюру предварительного просмотра нового слоя, то увидим рисунок шахматной доски . Шаблон шахматной доски - это способ представления прозрачности в Photoshop. Поскольку в миниатюре предварительного просмотра больше ничего не отображается, это говорит о том, что в настоящий момент новый слой пуст:
Когда мы добавляем новый слой в документ, он начинает жизнь как чистый лист.
Если я снова нажму на иконку New Layer:
Нажав второй раз на иконку New Layer.
Photoshop добавляет еще один новый слой в мой документ, на этот раз назвав его «Слой 2», и теперь у нас есть три строки слоев, каждая из которых представляет один из трех слоев в документе:
Три слоя, каждый в своем собственном ряду на панели «Слои».
Перемещение слоев
Мы можем перемещать слои выше и ниже друг друга на панели «Слои», просто перетаскивая их. Прямо сейчас, слой 2 находится выше слоя 1, но я могу переместить слой 2 ниже слоя 1, нажав на слой 2 и, удерживая нажатой кнопку мыши, перетаскивая слой вниз, пока не появится полоса выделения между слоем 1 и фоном. слой. Это место, где будет размещен слой:
Чтобы переместить слой, щелкните и перетащите его выше или ниже другого слоя.
Отпустите кнопку мыши, когда появится полоса выделения, и Photoshop поместит слой в новое положение:
Слой 2 теперь находится между слоем 1 и фоновым слоем.
Единственный слой, который мы не можем переместить на панели «Слои», это фоновый слой. Мы также не можем переместить другие слои ниже фонового слоя. Все другие слои можно перетаскивать выше или ниже других слоев по мере необходимости.
Активный слой
Возможно, вы заметили, что когда в моем документе был только один фоновый слой, он был выделен синим цветом на панели «Слои». Затем, когда я добавил слой 1, он стал выделенным слоем. И теперь Слой 2 является выделенным слоем. Когда слой выделен, это означает, что в данный момент это активный слой . Все, что мы делаем в документе, делается с содержимым активного слоя. Каждый раз, когда мы добавляем новый слой, Photoshop автоматически делает его активным, но мы можем вручную изменить, какой слой является активным, просто щелкнув по нужному. Здесь я сделаю слой 1 активным, щелкнув по нему, и мы увидим, что он становится подсвеченным:
Слой 1 теперь является активным слоем в документе.
Удаление слоя
Чтобы удалить слой, просто нажмите на него и, удерживая нажатой кнопку мыши, перетащите его вниз на значок корзины в нижней части панели «Слои». Отпустите кнопку мыши, когда вы над иконкой. Здесь я удаляю слой 1:
Удалите слои, щелкнув и перетащив их в корзину.
Я также удалю слой 2, щелкнув и перетащив его вниз на корзину:
Перетащите слой 2 на мусорное ведро, чтобы удалить его.
А теперь я вернусь к тому, что в моем документе будет только один слой, фоновый слой:
Два пустых слоя были удалены.
Копирование слоя
Мы видели, как добавить новый пустой слой в документ, но мы также можем сделать копию существующего слоя с помощью панели «Слои». Чтобы скопировать слой, нажмите на него и, удерживая нажатой кнопку мыши, перетащите его вниз на значок « Новый слой» . Я сделаю копию моего фонового слоя:
Перетащите фоновый слой на значок нового слоя, чтобы сделать его копию.
Отпустите кнопку мыши, когда вы над иконкой нового слоя. Копия слоя появится над оригиналом. В моем случае Photoshop сделал копию моего фонового слоя и назвал его «Фоновая копия». Обратите внимание, что он также сделал этот новый слой активным:
Копия слоя размещается над оригиналом.
Я собираюсь быстро применить несколько фильтров размытия в Photoshop к моему слою Background copy, чтобы у нас было что-то свое на каждом слое. Вот как выглядит мое изображение после применения фильтров размытия:
Изображение после размытия фонового слоя копирования.
Может показаться, что я размыл все изображение, но если мы посмотрим на панель «Слои», мы увидим, что это не так. Так как слой фоновой копии был активным (выделенным), когда я применил фильтры размытия, это затронуло только слой фоновой копии. Мы можем видеть размытое изображение на миниатюре предварительного просмотра слоя Background copy. Исходное изображение на слое под ним не было затронуто, и его эскиз предварительного просмотра все еще показывает исходное, нетронутое фото:
Миниатюры предварительного просмотра теперь показывают очень разные изображения на каждом слое.
Значок видимости слоя
Если я хочу снова увидеть исходную фотографию в документе, я могу просто отключить размытый слой, щелкнув значок видимости слоя . Когда маленькое глазное яблоко видно в поле, это означает, что слой виден в документе. Нажатие на значок скроет глазное яблоко и скроет слой:
Щелкните значок видимости слоя, чтобы отключить слой в документе.
При скрытом размытом слое исходная фотография снова появляется в документе. Размытый слой все еще там, мы просто не видим его в данный момент:
Исходное изображение снова появляется в документе.
Чтобы снова включить размытый слой, мне нужно просто щелкнуть значок видимости пустого слоя:
Значок видимости слоя отображается пустым, когда слой выключен.
И это превращает размытый слой обратно в документ, снова скрывая исходную фотографию из вида:
Размытый слой появляется снова.
Переименование слоя
Как мы уже видели, Photoshop автоматически присваивает нам имена слоев по мере их добавления, но имена, которые он им дает, такие как «Слой 1» и «Фоновая копия», являются довольно общими и не очень полезными. Когда у нас есть только несколько слоев в документе, имена могут показаться не очень важными, но когда мы обнаруживаем, что работаем с 10, 20 или даже 100 или более слоями, гораздо проще сохранить их организованными, если они имеют значимые имена. К счастью, Photoshop позволяет легко переименовать слой. Просто дважды щелкните по имени слоя на панели «Слои», затем введите новое имя. Я изменю название моего слоя с фоновой копией на «Blur». Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять изменение имени:
Дважды щелкните имя слоя, введите новое имя, затем нажмите Enter (Win) / Return (Mac).
Добавление маски слоя
Маски слоев необходимы для большинства наших работ в Photoshop. Мы не будем вдаваться в подробности их здесь, но чтобы добавить маску слоя на слой, убедитесь, что выбран слой, к которому вы хотите добавить его, а затем щелкните значок Маска слоя в нижней части панели «Слои»:
Добавьте маску слоя, нажав на иконку Маска слоя.
Миниатюра маски слоя появится справа от миниатюры предварительного просмотра слоя, сообщая, что маска была добавлена:
Появляется миниатюра маски слоя.
С добавленной маской слоя я могу рисовать на ней с помощью кисти, используя черный в качестве цвета моей краски, чтобы показать часть исходного изображения под слоем Blur:
Использование маски слоя, чтобы показать некоторые оригинальные изображения.
Если ты не представляешь, что я там сделал, не волнуйся. Маски слоев - это совсем другая тема, но вы можете узнать о них больше в нашем уроке Понимание масок слоев в Photoshop .
Добавление заполняющих или корректирующих слоев
Справа от значка «Маска слоя» в нижней части панели «Слои» находится значок « Новый заливочный слой» или «Корректирующий слой» . Это значок, который выглядит как круг, разделенный по диагонали между черным и белым:
Значок нового заливочного или корректирующего слоя.
При нажатии на него открывается список слоев заливки и корректировки, которые мы можем выбрать. В качестве примера я выберу корректирующий слой Hue / Saturation из списка:
Выбор корректирующего слоя Hue / Saturation.
Оттенок / Насыщенность позволяет нам легко изменять цвета на изображении. В Photoshop CS4 и CS5 элементы управления для корректирующего слоя отображаются на панели корректировок. В CS3 и более ранних версиях они открываются в отдельном диалоговом окне. Я быстро раскрасю свое изображение, выбрав опцию Colorize, затем установлю значение оттенка на 195 для синего цвета и увеличу значение насыщенности цвета до 60 . Опять же, не волнуйтесь, если что-то, что я делаю здесь, кажется вам чуждым. Я быстро расскажу о некоторых вещах, чтобы мы могли получить общее представление о том, как много мы можем сделать на панели «Слои»:
Элементы управления Hue / Saturation и параметры.
Вот мое изображение после его раскрашивания:
Изображение после его раскрашивания с помощью корректирующего слоя Hue / Saturation.
Корректирующие слои - это еще одна тема, которая выходит за рамки этого учебного пособия, но причина, по которой я все-таки добавил и добавил один, заключалась в том, чтобы мы могли видеть, что любые корректирующие слои, которые мы добавляем в документ, отображаются на панели «Слои» так же, как обычные слои. Здесь мой корректирующий слой Hue / Saturation находится над слоем Blur:
Панель «Слои» отображает все слои заливки или корректировки, которые мы добавили в документ.
Дополнительную информацию о корректирующих слоях Photoshop можно найти в нашем учебном пособии « Неразрушающее редактирование фотографий с корректирующими слоями» и в нашем учебном руководстве « Уменьшение размеров файлов с помощью корректирующих слоев», оба из которых находятся в разделе учебных пособий по редактированию фотографий.
Изменение режима наложения слоя
Кроме того, на панели «Слои» мы можем изменить режим наложения слоя, который меняет способ слияния слоя со слоями, расположенными под ним в документе. Параметр режима наложения находится в верхнем левом углу панели «Слои» непосредственно под вкладкой «Имя». На самом деле он нигде не говорит «Режим смешивания», но это поле, которое по умолчанию говорит «Нормальный». Чтобы выбрать другой режим наложения, нажмите на слово «Нормальный» (или любой другой режим наложения, выбранный в данный момент), затем выберите другой режим наложения в появившемся списке. Я выберу режим смешивания цветов из списка:
Нажатие на слово «Нормальный» откроет список других режимов наложения слоя на выбор.
При изменении режима наложения корректирующего слоя «Цветовой тон / Насыщенность» с «Обычный» на «Цвет» корректирующий слой теперь влияет только на сами цвета в изображении. На значения яркости (свет, темнота и все оттенки между ними) это не влияет, и мы можем видеть, что мое изображение теперь выглядит немного ярче, чем было мгновение назад:
Теперь меняются только цвета на изображении. На значения яркости это не влияет.
Для получения дополнительной информации о режимах наложения слоев в Photoshop, включая режим наложения цветов, см. Наш учебник « Пять основных режимов наложения для редактирования фотографий» .
Параметры непрозрачности и заливки
Мы можем контролировать уровень прозрачности слоя с панели «Слои», используя параметр « Непрозрачность» прямо напротив параметра «Режим наложения». Значение непрозрачности, равное 100% (значение по умолчанию), означает, что мы вообще не видим сквозь слой, но чем больше мы уменьшаем значение непрозрачности, тем больше просвечивающих слоев будет отображаться в документе. Я собираюсь снизить непрозрачность моего корректирующего слоя Hue / Saturation до 70%:
Параметр «Непрозрачность» контролирует уровень прозрачности слоя.
При слегка пониженной непрозрачности исходные цвета изображения начинают просвечивать:
Оригинальные цвета теперь частично отображаются через корректирующий слой.
Непосредственно под параметром «Непрозрачность» находится параметр « Заливка», который также контролирует значение прозрачности слоя. В большинстве случаев эти два параметра («Непрозрачность» и «Заливка») ведут себя одинаково, но между ними есть одно важное различие, касающееся стилей слоя . Опять же, здесь мы не будем вдаваться в подробности, но мы расскажем об этом в нашем учебнике Layer Opacity vs Fill .
Группировка слоев
Ранее мы узнали, что одним из способов лучше организовать наши слои на панели «Слои» является переименование их в нечто более значимое. Другим способом является объединение слоев в группу слоев. Мы можем создать новую группу слоев, щелкнув значок « Новая группа» в нижней части панели «Слои». Это значок, который выглядит как папка (по сути, это группа слоев). Однако я не собираюсь нажимать на него, потому что есть лучший способ создать группу слоев:
Значок новой группы.
Проблема (на самом деле это больше неудобство) при нажатии значка «Новая группа» заключается в том, что она создает новую, но пустую группу, что требует от нас ручного перетаскивания слоев в группу. Это не имеет большого значения, но есть лучший способ. Я хочу поместить слой Blur и корректирующий слой в новую группу, поэтому первое, что я сделаю, это выделю их оба одновременно. У меня уже есть выбранный корректирующий слой (выделенный), поэтому, чтобы выбрать слой Blur, мне просто нужно удерживать нажатой клавишу Shift при нажатии на слой Blur, и теперь оба слоя выбраны:
Удерживая клавишу Shift, нажмите на другие слои, чтобы выбрать их.
Теперь, когда оба слоя выбраны, я нажму на значок меню в верхнем правом углу панели «Слои» (в более ранних версиях Photoshop значок меню был похож на маленькую стрелку). Откроется меню панели «Слои». Выберите New Group from Layers из пунктов меню:
Выберите «Новая группа из слоев» в меню панели «Слои».
Перед созданием новой группы Photoshop откроет диалоговое окно «Новая группа из слоев», что дает нам возможность назвать группу и задать несколько других параметров. Я просто нажму OK, чтобы принять имя и настройки по умолчанию:
Диалоговое окно «Новая группа из слоев».
Photoshop создает новую группу, присваивая ей имя по умолчанию «Группа 1» и добавляет два выбранных слоя в группу. Группы слоев очень похожи на папки в шкафу. Мы можем открыть папку, чтобы увидеть, что внутри, и мы можем закрыть папку, чтобы все было аккуратно и аккуратно. По умолчанию группы слоев закрываются на панели «Слои». Чтобы открыть их и просмотреть слои внутри, нажмите на маленький треугольник слева от значка папки:
Два выбранных слоя теперь скрыты внутри группы. Нажмите на треугольник, чтобы открыть его.
Это закручивает группу, и теперь мы можем видеть и получать доступ к слоям внутри нее, если это необходимо. Чтобы снова закрыть группу, просто нажмите еще раз на значок треугольника:
Группы слоев отлично подходят для организации вещей.
Есть много интересных вещей, которые мы можем сделать с группами слоев в Photoshop, но так как это всего лишь обзор панели «Слои», мы сохраним более подробное обсуждение групп слоев для другого урока.
Стили слоя
Также в нижней части панели «Слои» находится значок « Стили слоев» :
Значок Стили слоя.
Стили слоев - это простой способ добавления к слоям множества различных эффектов, включая тени, обводки, свечения и многое другое! При нажатии на значок «Стили слоя» открывается список стилей на выбор. У нас есть полная серия стилей слоев Photoshop:
Меню стилей слоя.
Блокирующие слои
Наконец, панель «Слои» также дает нам несколько различных способов блокировки определенных аспектов слоя. Например, если часть слоя является прозрачной, мы можем заблокировать прозрачные пиксели, чтобы мы влияли только на фактическое содержимое (пиксели изображения) на слое. Или мы можем заблокировать пиксели изображения. Мы можем заблокировать положение слоя, чтобы случайно не перемещать его внутри документа. Есть четыре варианта блокировки, каждый из которых представлен маленьким значком, и они расположены чуть ниже параметра режима наложения. Слева направо у нас есть Блокировка прозрачных пикселей, Блокировка изображений, Блокировка положения и Блокировка всех :
Четыре варианта блокировки слоя.
Если выбран какой-либо из этих параметров или все из них, в правом нижнем углу заблокированного слоя появится маленький значок блокировки, как мы видим на фоновом слое, который по умолчанию заблокирован:
Небольшой значок блокировки указывает на то, что один или несколько аспектов слоя заблокированы.
Изменение размера миниатюрного изображения
Последняя функция панели «Слои», которая часто оказывается полезной, - это возможность изменять размер миниатюр. Большие миниатюрные изображения могут облегчить нам предварительный просмотр содержимого каждого слоя, но они также занимают больше места, ограничивая количество слоев, которые мы можем видеть сразу на панели «Слои», без необходимости прокрутки. Чтобы просмотреть больше слоев, мы можем просто сделать уменьшенные изображения уменьшенными, и мы можем сделать это, щелкнув значок меню в верхнем правом углу панели «Слои», а затем выбрав « Параметры панели» в меню:
Нажмите на значок меню в верхнем правом углу, затем выберите «Параметры панели».
Откроется диалоговое окно «Параметры панели слоев». В верхней части диалогового окна находится параметр « Размер миниатюры» с тремя вариантами выбора размера и возможностью отключить миниатюры изображений (нет). Я бы не рекомендовал выбирать None, но я выберу меньшее из трех размеров:
Выберите один из трех размеров миниатюр или «Нет», чтобы отключить их на панели «Слои» (не рекомендуется).
После того, как вы выбрали размер, нажмите OK, чтобы закрыть диалоговое окно, и мы увидим на моей панели слоев, что теперь все выглядит более компактно. Вы можете вернуться и изменить размер миниатюры в любое время:
Меньшие уменьшенные изображения оставляют больше места для большего количества слоев.