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

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

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

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

Панель/Палитра «Слои» (Layers)

Работать со слоями удобно на одноимённой панели/палитре «Слои» (Layers), вызвать которую при её отсутствии можно при помощи клавиши F7 или Главное меню → Окно (Window) → Слои (Layers). Выглядит она так:

Более подробно мы её рассмотрим в отдельном уроке, а сейчас «пробежим» по самому необходимому.

В центральной области панели (цифра 2) находится список слоёв, глядя на который, Вы видите изображение в «поперечном сечении». Здесь строгая иерархия: сверху списка расположены самые верхние слои, снизу – нижние. Серым цветом выделен активный на данный момент слой. Значок «глаза» с левой стороны указывает на видимость слоя. Сейчас все слои видимы.

В верхней области панели (цифра 1) находятся:

1. Область фильтрации (появилась в версии Photoshop CS6), позволяющая отбирать слои по различным критериям: вид, имя, эффект, режим и т. д.
2. Режим наложения – это способ взаимодействия нижележащих слоёв с текущим слоем. В разных режимах характер взаимодействия различен. В режиме «Обычный» (Normal) взаимодействия не происходит.
3. «Непрозрачность» (Opacity) слоя и «Заливка» (Fill) – регулирует степень одноименных параметров.
4. Блокировка и защита слоёв (закрепить: (Lock)) – защищает слои от нежелательных изменений.

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

Виды слоёв

1. Слои-изображения

   Данные слои состоят из пикселов. Это наиболее часто встречающийся слой. К слоям такого типа относится и фоновый слой (Background), который появляется при первом открытии изображения. Хотя это растровый слой, но он имеет ряд ограничений и является частично заблокированным и всегда находится в самом низу панели/палитры «Слоёв» (ниже него слоёв быть не может). Более подробно я его уже описывала во вставке к одному из уроков .

2. Корректирующие слои

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

   Способы создания:

   
   

3. Слои заливки

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

   Способы создания:

   
   

4. Слой смарт-объекта

   Смарт-объект по своей сути контейнер, куда можно поместить пиксельные или векторные изображения, Raw-файлы, другие слои или целые документы фотошопа. В дальнейшем при работе с данными слоями изменения коснутся только контейнера, оставив содержимое без изменений.

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

   Способы создания:

   
   

5. Текстовые слои

   Текст в фотошопе векторный, т. е. он не состоит из пикселов (если его специально не растрировать) и редактируется специальными текстовыми инструментами, которые сильно напоминают вордовские. Если какой-то параметр всё же непонятен, то можно навести на него курсор и подождать, пока появится подсказка.

   Название слою даётся автоматически исходя из вводимого текста.
   
   

6. Слои-фигуры

   Это тоже векторные слои, которые создаются автоматически при использовании инструмента «Фигуры» (Shapes).

   

   Рядом с названием инструмента, если Вы обратили внимание, стоит буква U. Это значит, что, нажав U, мы переходим в нужную нам ячейку. А сочетание клавиш Shift+ U перебирает все инструменты, отмеченные U. Использование горячих клавиш значительно повышает производительность!

   Или инструмента «Перо» (Pen Tool) с выбранным значением «Фигура» на панели параметров.

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

   

7. Слои 3D

   В фотошопе можно работать также и с 3D-графикой. Преобразовывать текст в 3D, создавать или импортировать ранее подготовленные 3D-файлы. 3D-модели можно вращать, разукрашивать, визуализировать. Данная тема является одной из наиболее продвинутых и сложных в фотошопе, поэтому мы её пока касаться не будем.

8. Слои видеозаписей

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

Заключение

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

До встречи на страницах следующих уроков!

С уважением, Марина Рубль.

Работа со слоями в Adobe Photoshop

Софья Скрылина, преподаватель информационных технологий Академии профессионального образования (Санкт-Петербург)

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

Создание слоя

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

Копирование изображений на слои

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

С помощью инструмента Перемещение

Предварительно требуется расположить вкладки обоих документов рядом друг с другом, выбрав режим Расположить все вертикально (Tile All Vertically) или Расположить все в сетке (Tile All in Grid). Обе команды находятся в меню Окно (Window) -> Упорядочить (Arrange). А потом инструментом Перемещение (Move) перетащить изображение из одного окна в другое. Для перемещения фрагмента его следует предварительно выделить (рис. 2).

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

Вставка через буфер обмена

Для создания слоя можно использовать буфер обмена, в который помещается изображение или его часть путем выполнения команды Редактирование (Edit) -> Скопировать (Copy) или комбинацией клавиш Ctrl+C (в Mac OS — Command+C). А вот для вставки фрагмента из буфера обмена используется целый набор команд, в зависимости от того, какой результат вы хотите получить.

Команда Вставить

Эта команда возвращает из буфера обмена изображение на новый слой документа, автоматически выравнивая его по центру холста. Команда находится в меню Редактирование (Edit) и имеет клавиатурный эквивалент Ctrl+V (в Mac OS — Command+V).

Команды специальной вставки

Для специальной вставки используются три команды, расположенные в меню Редактирование (Edit) -> Специальная вставка (Paste Special).

Команда Вставить вместо (Paste in Place) позволяет выполнить вставку в ту относительную область изоб-ражения, из которой она была скопирована. Иными словами, если в оригинальном документе фрагмент изображения находится в левом углу, то при вставке он будет помещен в тот же угол целевого документа.

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

Команда Вставить в (Paste into) позволяет вставить содержимое буфера обмена в выделенную область на изображении. Так, на рис. 4а приведено изображение воды, скопированной в буфер обмена. А на рис. 4б это изображение вставлено в выделенную область части стакана.

Обратите внимание на появившуюся маску в строке слоя с изображением воды, которая автоматически создана для сокрытия частей, выходящих за рамки выделения, — они обозначены черным цветом (рис. 4в ). Это слой-маска, он позволяет сохранить всё изображение на слое, не удаляя скрытых частей.

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

Рис. 5. Результат команды Вставить за пределами, примененной к выделенной области статуи

Использование команд Вырезать на новый слой и Скопировать на новый слой

Эти команды используются для размещения фрагмента изображения на новом слое. Необходимо выделить фрагмент, а затем внутри выделения произвести щелчок правой кнопкой мыши и из контекстного меню выбрать команду Скопировать на новый слой (Layer via Copy) или Вырезать на новый слой (Layer via Cut) — в зависимости от того, хотите вы оставлять исходный фрагмент на оригинальном слое или нет. На рис. 6а показан выбор команды Скопировать на новый слой (Layer via Copy), а рис. 6б демонстрирует результат выполнения этой команды. В результате ее выполнения как будто бы ничего не происходит, если не обращать внимания на палитру Слои (Layers). Но палитра отчетливо показывает нам, что выбранный объект помещается на новый прозрачный слой, который располагается на верхнем уровне, а исходный фоновый слой остается без изменений.

Замечание

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

Обе команды имеют клавиатурные эквиваленты. Для копирования используется комбинация клавиш Ctrl+J (в Mac OS — Command+J), а для вырезания — Shift+Ctrl+J (в Mac OS — Shift+Command+J).

Использование команды Поместить

Команда Поместить (Place) находится в меню Файл (File) и предназначена для внедрения на слой векторных изображений, например логотипов, схем, диаграмм и т.п., которые были созданы в векторном графическом редакторе. Данная команда позволяет сохранить векторную природу изоб-ражения, к которому можно применять команды трансформации, не понижая его качества. Такие объекты называются смарт-объектами, работа с ними была рассмотрена в КомпьюАрт № 6’2012.

Слой, на который помещается смарт-объект, обозначается значком (рис. 7), который вам подсказывает, что вы работаете с векторным объектом.

Быстрое размещение нескольких изображений в одном документе

В случае если требуется собрать несколько фотографий в одном документе, можно воспользоваться командой Файл (File) -> Сценарии (Scripts) ->→ Загрузить файлы в стек (Load Files into Stack). В результате появляется диалоговое окно, в котором необходимо выбрать файлы изображений, предварительно нажав кнопку Обзор (Browse). Тогда изоб-ражения всех выбранных файлов будут размещены на отдельных слоях нового документа.

Маски слоев

Маска — это полутоновое или полноцветное изображение, скрывающее части слоя, на который она наложена. Для полутоновых масок черный, белый и серый цвета обозначают прозрачность маски. Черный цвет обозначает непрозрачные участки маски (через них слой не виден); белый — полностью прозрачные участки маски, а через серые слой виден частично. Вот такая маска, наложенная сверху на слой, и называется слой-маской. Обратите внимание — эти обозначения условны. Если необходимо, цвета можно поменять местами. Тогда белым будут показаны непрозрачные области, черным — прозрачные. Тем не менее, чтобы самому не запутаться с обозначениями, лучше умолчания не изменять.

Внимание!

Маска неприменима к фоновому слою. Перед созданием слой-маски необходимо преобразовать фоновый слой в обычный.

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

Растровые слой-маски

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

Как только вы создадите слой-маску в палитре Слои (Layers), ее миниатюра отобразится не только на слое, но и в палитрах Каналы (Channels) и Свойства (Properties). Палитра свойств предоставляет доступ к дополнительным настройкам параметров маски: плотности, растушевки, уточнения края и инверсии цветов маски. Более того, палитра свойств позволяет работать не только с растровыми масками, которые создаются на основе выделения, но и с векторными, создаваемыми на основе векторного контура.

Векторные слой-маски

Создание векторной маски следует начать с создания контура любым векторным инструментом, например Произвольная фигура (Custom Shape). Причем рисовать фигуру следует в режиме Контур (Path)! После создания векторной фигуры необходимо нажать кнопку Маска (Mask) на панели свойств (рис. 9).

Замечание

Помимо использования кнопки Маска (Mask), можно, как и в случае с растровой маской, щелкнуть по кнопке добавления маски в палитре Слои (Layers), но при нажатой клавише Ctrl (в Mac OS — Command)!

Дальнейшая настройка маски происходит в палитре Свойства (Properties) — рис. 10.

При желании можно обвести контур, например, кистью, а под слой с маской поместить еще какой-нибудь слой (рис. 11).

Обтравочные маски

В отличие от масок слоев обтравочная маска создается не на основе выделения или векторного контура, а на основе изображения на слое. Тогда все слои, расположенные выше обтравочной маски, будут маскироваться этим изображением. Для создания обравочной маски можно выполнить команду Создать обтравочную маску (Create Clipping Mask) из меню палитры Слои (Layers) или нажать комбинацию клавиш Alt+Ctrl+G (в Mac OS — Option+Command+G). Также можно навести указатель мыши с нажатой клавишей Alt (в Mac OS Option) на границу двух слоев, а когда указатель поменяется на квадрат с изогнутой стрелкой , щелкнуть мышью. В любом случае будет создана обтравочная группа, состоящая из двух слоев. Изображение нижнего слоя из этой пары превратится в обтравочную маску, а на верхнем слое появится обозначение в виде изогнутой стрелки . Нижний слой иначе называют базовым слоем обтравочной группы. Так, на рис. 12 изображение платья является обтравочной маской для верхнего слоя с фотографией желтых роз.

Виды слоев

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

Фоновый

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

Для фонового слоя нельзя изменить режим наложения, непрозрачность, заливку. К нему нельзя применить ни один слоевой эффект (пока слой блокирован), а кроме того, его нельзя переместить инструментом Перемещение (Move).

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

Чтобы получить доступ к изменению свойств фонового слоя, необходимо преобразовать его в обычный слой. Для этого достаточно в палитре Слои (Layers) произвести по его строке двойной щелчок и нажать кнопку OK в автоматически открывшемся окне Новый слой (New Layer). Тогда значок замка исчезнет со строки слоя, а его имя поменяется на Слой 0 при условии, что вы не задали другого имени в окне создания нового слоя.

Для обратного преобразования обычного слоя в фоновый необходимо выполнить команду Слои (Layer) → Новый (New) → Преобразовать в задний план (Background From Layer).

Корректирующие

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

Для создания корректирующего слоя используется кнопка в виде черно-белого круга на палитре Слои (Layers), которая раскрывает список, содержащий имена коррекций: Уровни (Levels), Кривые (Curves), Цветовой баланс (Color Balance) и т.д. В результате появляется палитра Свойства (Properties), в которой происходит настройка параметров слоя (рис. 13).

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

Рис. 14. Пример использования корректирующего слоя. Слева — исходное изображение

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

Заливочные

Чтобы наложить на объект цвет, градиент или узор, можно использовать три слоевых эффекта: Наложение цвета (Color Overlay), Наложение градиента (Gradient Overlay) или Наложение узора (Pattern Overlay). Для этих целей также можно выделить перекрашиваемый объект, создать новый слой, закрасить область выделения однородным цветом, градиентом или узором, а затем определить наиболее подходящий для данного случая режим наложения.

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

Рис. 15. Пример использования заливочных слоев для перекраски объекта и нанесения текстуры. Слева — исходное изображение

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

Текстовые

Для добавления в изображение надписи используются четыре инструмента: Горизонтальный текст (Horizontal Type), Вертикальный текст (Vertical Type), Горизонтальный текст-маска (Horizontal Type Mask) и Вертикальный текст-маска (Vertical Type Mask). Но обойтись можно одним инструментом Горизонтальный текст (Horizontal Type), потому что из горизонтального текста легко можно получить вертикальный, просто нажав кнопку на панели свойств инструмента. А из надписи можно мгновенно перейти к выделению, щелкнув по миниатюре текстового слоя с нажатой клавишей Ctrl (в Mac OS — Command).

После ввода текста необходимо подтвердить ввод, что можно сделать несколькими способами:

Для редактирования текстового слоя необходимо выбрать инструмент Горизонтальный текст (Horizontal Type) и просто щелкнуть мышью внутри надписи. Текстовый слой автоматически активизируется, а внутри надписи появится курсор ввода (рис. 16а ). Войти в режим редактирования можно иначе. Для этого достаточно выполнить двойной щелчок по миниатюре текстового слоя в палитре Слои (Layers). В этом случае текст выделится, как в текстовом редакторе (рис. 16б ).

Рис. 16. Примеры входа в режим редактирования текста: а — выполнен щелчок по надписи в окне документа при активном инструменте Горизонтальный текст; б — выполнен двойной щелчок по миниатюре текстового слоя в палитре Слои

Внимание!

Двойной щелчок необходимо сделать именно по миниатюре текстового слоя. Иначе вы откроете окно стилей или войдете в режим переименования.

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

Статья подготовлена по материалам книги «Photoshop CS6. Самое необходимое» Софьи Скрылиной: http://www.bhv.ru/books/book.php?id=190413.

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

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

Как мы видим, создавать новый слой можно не только из выпадающего меню, но и при помощи комбинации клавиш Shift+Ctrl+N. Для того чтобы сделать работу ещё более комфортной и быстрой, разработчики предусмотрели возможность создания нового слоя в один клик

При нажатии этой кнопки слой создастся автоматически и размещён будет выше выделенного в списке слоёв.

Добавить что-либо в новый слой можно с помощью команды «поместить»

Переименовать можно простым двойным щелчком по имени слоя.

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

К слою можно применять такие действия :

Сменить стиль его наложения

Сменить его прозрачность и силу заливки цветом

Дополнительные функции

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

Например, для того чтобы сделать дубликат слоя не открывая меню, одним кликом – достаточно нажать на нужном слое левой кнопкой мыши и не отпуская протянуть его до кнопки «новый слой» – появится его копия. Либо используя комбинацию Ctrl+J

Удалить слой можно как из выпадающего меню, так и просто нажатием клавиши Del. Или перетащить его к значку корзины внизу.

Чтобы выделить несколько слоёв , необходимо нажимать на требующихся слоях левой кнопкой мыши удерживая при этом нажатой клавишу Ctrl. Для того, чтобы их объединить – достаточно нажать комбинацию Ctrl+E. Для сведения всех слоёв в один – Alt+Ctrl+Shift+E, но нужно запомнить – выделенным должен быть самый верхний слой и он обязательно должен быть активным. Активность слоя переключается глазком слева от его (слоя) миниатюры.

Давайте поместим в наш пустой слой произвольный объект и проделаем с ним несколько действий.

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

Отменить любое действие можно нажатием такой комбинации – Ctrl+Alt+Z. Прокрутить же отменённые события вперёд – Ctrl+Shift+Z.

Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace

Для заливки фоновым цветом – Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем.

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

Достигается это таким образом – нужно выделить все слои, которые хотим сгруппировать и нажать Ctrl+G. Можно конечно и из выпадающего меню «Слои» используя соответствующие вкладки. Разгруппировываются же они таким образом – нужно просто перетянуть требуемый слой по списку вверх или вниз так, чтобы он вышел за пределы отмеченные группой. Саму группу можно также превратить в смарт-объект, либо растрировать. К группе слоёв тоже можно применять функции смешивания, менять степень прозрачности и заливки, как и с отдельными слоями.

Слой вместе с содержимым можно трансформировать . Для этого используют комбинацию клавиш Ctrl+T. Непосредственно можно менять размер и форму объекта, просто подведя указатель мыши к одному из углов. Чтоб не потерять пропорциональность, это, например, важно для фото, при растягивании изображения нужно одновременно удерживать кнопку Shift.

Для придания же произвольной формы, нужно тянуть за края объекта с нажатой кнопкой Ctrl.

Приветствуем будущего Photoshop-мастера!

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

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

Что такое слой?

Понятие "слой" в программе Photoshop имеет точно такой же физический смысл, как и в жизни, — это прослойка или пласт, который является составной частью чего-то целого.

Давайте вспомним случаи, где нам встречается это понятие в реальной жизни?

• Мы покрываем стены слоем краски.
• Атмосфера Земли состоит из нескольких слоев.
• Бутерброд: хлеб, масло, сыр...

Теперь чтобы наглядно увидеть "слой" в Photoshop нужно сначала научиться его создавать.

Создайте новый документ Файл - создать (File - New) или Ctrl+N .

Теперь перейдем к созданию нового слоя:

1-й способ создать слой:

Главное меню - Слои - Новый - Слой… (Layer - New - Layer…).

Появляется такое окошко:

Да, имя вы можете ввести, а вот другие параметры оставьте как на картинке.

2-й способ создать слой:

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

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

3-й способ создать слой:

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

Если зажать Alt и кликнуть по ней, то снова появится знакомое окошко. А если просто кликнуть по ней, то окошко в этом случае не появится, но если вы хотите задать слою имя, то кликните дважды на слове Слой 1:

4-й способ создать слой:

Используйте комбинацию клавиш Shift+Ctrl+N

Итак, в окне работы со слоями появился квадрат с шахматной доской — это и есть новый слой.

- шахматка означает прозрачность.

На рабочем документе он никак не проявится.

Для того чтобы слой увидеть, на нем нужно что-нибудь нарисовать.

Давайте расположим на новом слое рот нашего будущего аватара.

Посмотрим, что у нас получилось?

Итак, мы нарисовали рот на отдельном прозрачном слое, что доказывает изображение рта на миниатюре слоя (рот на шахматке!)

На документе фон за кругом - голубой, потому что просвечивает предыдущий голубой слой.

Примечание:

- этот значок, слева от иконки со слоем, показывает нам то, что слой видимый

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

Рот есть. Нарисуем глаза!

Снова создаем НОВЫЙ слой и рисуем на нем глаза. Вот что у нас получилось:

Продолжаем, теперь на очереди очки! Создаем НОВЫЙ слой!

Как видите, я очки частично перекрывают глаза, т.к. слой с глазами находится под слоем с очками.

Осталось дорисовать брови!

Создаем НОВЫЙ слой!

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

До встречи в следующем уроке!

Самый первый, часто задаваемый вопрос о программе Фотошоп заключается в следующем: что такое слои? Я, как правило, отвечаю что каждая создаваемая композиция в Фотошоп является результатом сочетания нескольких частей, объединенных вместе и называемых слоями.

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

Начнем знакомство со слоями с создания Нового документа в Фотошоп ((File> New) Ctrl+N) размером 640х480 рх в режиме RGB с разрешением 72 рх/дюйм и белым фоном.

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

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

Вы видите, что в нашей панели слоев уже присутствует один слой, заполненный белым цветом – фоновый (Background) . Создадим Новый слой (New Layer) , нажав на его иконку внизу палитры слоев. Она имеет вид листка с отогнутым краем. Нажав на нее, вы увидите, что появился еще один слой выше фонового слоя, но на рабочем экране ничего не изменилось. Так происходит потому, что Фотошоп автоматически создает Новый слой прозрачным (Transparent) .

Установите цвет переднего плана на черный ( (#000000) , нажав на клавиатуре букву «D» (цвет по умолчанию программы), или кликните по иконке цвета переднего плана (foreground) и введите числовое значение цвета в окне палитры.

Выберите инструмент «Заливка» (Paint Bucket (G) ) и нажмите им на рабочую область, чтобы заполнить документ черным цветом. Теперь посмотрите в палитру слоев, и вы увидите, что наш, до этого прозрачный новый слой, стал черным. Это произошло потому, что он был выделен, и заливка воздействовала именно на данный слой. Теперь у нас два слоя: белый и черный. Поскольку черный находится выше белого, он отображается в данный момент на экране монитора, а белый в это время - скрыт.

Измените цвет переднего плана на желтый (#f9d904) , открыв цветовую палитру и установив значение. Активируйте инструмент Горизонтальный текст (Horizontal type tool (T)) и напишите что-нибудь на холсте. Обратите внимание, что Фотошоп автоматически создал Новый текстовой слой.

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

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

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

Выберите нижний слой (белый) и измените его цвет на оранжевый (# eb6e08) при помощи инструмента «Заливка» (Paint Bucket (G) ). В рабочем пространстве ничего не изменилось, но в палитре слоев наш нижний слой стал оранжевым.

Теперь встаньте на черный слой и активируйте инструмент «Ластик» (Eraser Tool (E)) размером 300 рх и 100% жесткостью.

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

Это связано с иерархией (последовательностью) слоев.

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

Теперь одна часть текста скрыта черным слоем, а другая часть осталась
видима. Сделайте клик правой кнопкой мыши по миниатюре текстового слоя и в выпадающем меню выберите «Параметры наложения» (Blending Options) . Откроется окно «Стили слоя» (Layer Style) . То же окно открывается двойным щелчком мыши по миниатюре слоя. Здесь вы можете добавлять различные эффекты вашему слою. Выберите опцию «Тень» (drop shadow) и выполните настройки, как на скриншоте внизу. Применение данного эффекта добавит изображению глубины.

Добавьте мягкую тень остальным слоям документа, и вы отчетливо увидите три уровня расположения (иерархию) слоев друг над другом в рабочем окне программы.

Почему применение слоев так необходимо?
В этом мини-упражнении я покажу вам полезность использования слоев.
Создайте Новый документ (Ctrl+N) и разблокируйте фоновый слой (см. предыдущий урок). Активируем инструмент Кисть (brush tool) и рисуем что угодно на холсте.

Что произойдет, если вы захотите переместить нарисованное в другое место холста? Инструментом Перемещение (Move Tool) вам удастся передвинуть весь слой (рисунок и белый фон).

Теперь давайте вернемся в прежнее положение. Создаем Новый слой (иконка внизу палитры слоев) и опять рисуем кистью на нем.

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

Таким образом, наличие слоев в документе позволяет вам полностью контролировать работу в программе, вносить нужные изменения в любой момент времени. Это очень важно, когда приходится работать с множеством слоев в количестве 200-300. Для каждого важного изменения в изображении всегда создавайте Новый слой (Ctrl+Shift+N) .

Как упоминалось выше, название для каждого слоя является хорошей практикой в целях создания порядка в работе. Когда количество слоев растет, их удобно объединять в группы. Чтобы создать группу, выделите нужные слои (удерживая Ctrl , сделайте клик по миниатюрам слоев) и перейдите во вкладку Слои-Сгруппировать слои (Layer>Group layers) или нажмите сочетание клавиш Ctrl+G . Организация слоев не только положительная практика, но и необходимая вещь при работе с объемными сложными проектами. На скриншоте ниже представлен пример создания дизайна сайта WeGraphics . Каждая группа документа содержит по 10 и более слоев.

Представляете, как сложно было бы работать при отсутствии группировки?

Надеюсь, вы узнали много полезного о свойствах слоев и их использовании.