Работа со слоями в 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.

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

1. Понятие слоя.

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

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

2. Палитра Layers.

Для создания, дублирования, объединения и удаления слоев используется специальная палитра, которая называется Layers . Каждая строка в палитре представляет слои изображения. Например, две строки в палитре слоев (как на рисунке) говорят о наличии двух слоев - слоя Layer 1 и слоя Background .

Откройте любую картинку.

Если Вы щелкните мышью на пиктограмме «Глаз» у любого слоя, то он станет невидимым. Эта пиктограмма управляет видимостью слоя.

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

Примечание : Поскольку информацию о слоях может хранить только собственный формат Photoshop (формат PSD), изображения в прочих форматах содержат только один слой, Background. Сканирование тоже дает только однослойные изображения.

DIV_ADBLOCK506">

https://pandia.ru/text/78/307/images/image003_102.jpg" width="493" height="316 src=">

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

Рабочим в палитре слоёв является выделенный слой (окрашенный в синий цвет)

https://pandia.ru/text/78/307/images/image005_82.jpg" width="505" height="330 src=">

Перетаскивание слоя.

А теперь посмотрим что мы можем делать ещё со слоем с бабочкой (Слой 1). Мы можем перетаскивать нашу бабочку по всему файлу, куда нам заблагорассудиться, но для этого в палитре слоёв должен быть выделен слой с бабочкой, и не забудьте воспользоваться инструментом Move Tool https://pandia.ru/text/78/307/images/image007_63.jpg" width="493" height="326 src=">

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

Что мы можем ещё сделать с нашей бабочкой в палитре слоёв? Конечно же продублировать. То есть создать точно такой же слой с бабочкой. Для этого мы должны или: Нажать правой кнопкой мыши на слой с бабочкой в палитре слоёв и из списка выбрать: Duplicate layer...(Создать дубликат слоя).

https://pandia.ru/text/78/307/images/image009_58.jpg" width="481" height="308 src=">

Или же перетащить иконку слоя в нижний правый угол на иконку похожую на квадратик с загнутым уголком Create a new layer (создать новый слой):

DIV_ADBLOCK508">

Новый слой с бабочкой автоматически был создан над выделенным слоем (по умолчанию фотошоп создаёт новый слой или дубликат слоя над выделенным слоем).

Итак у нас в палитре слоёв три слоя, а в самом файле мы видим всего-то наш фон и бабочку, но это только потому что фотошоп создаёт дубликат слоя строго над тем же слоем что у нас был. Потяните инструментом Move Tool бабочку в сторону, и вы это увидите:

https://pandia.ru/text/78/307/images/image012_46.jpg" width="192" height="130 src=">

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

Чтобы удалить ненужный слой, правой кнопкой мыши нажимаем в палитре слоёв на слой который хотим удалить, и из списка выбираем: Delete Layer.

Или же: в палитре слоёв мышкой нажимаем на слой и перетаскиваем в корзинку, которая находится в основании палитры слоёв. Слой удалится.

Режимы смешивания или Blending mode.

Ниже находится Blending mode (Режимы смешивания):

DIV_ADBLOCK509">

https://pandia.ru/text/78/307/images/image015_38.jpg" width="164" height="235 src=">

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

Блокировка слоёв.

Следующий ряд Lock Замок (Блокировка). У нас их четыре.
При нажатии на первую блокировку (Кдадрат) мы не сможем редактировать прозрачные пиксели, при нажатии на вторую блокировку (кисточка) нельзя будет редактировать прозрачные и непрозрачные пиксели. Третий значок (крестик со стрелками) заблокирует объекты слоя от перемещения, и четвёртый значок (замок) заблокирует всё. Нельзя будет редактировать, двигать, удалять слой, но можно будет перемещать между слоями:

Связывание слоёв.

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

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

Стили слоя или Blending Option.

Замечательная опция применяемая к слоям. К любому из наших слоёв мы можем применить Стили слоя.
Для этого необходимо конечно выделить слой и в палитре слоёв нажать на иконку Стилей слоя. Она находится в основании палитры слоёв и похожа на английскую букву f.

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

https://pandia.ru/text/78/307/images/image017_27.jpg" width="177" height="240 src=">

Корректирующий слой (New Adjustment Layer).

Корректирующий слой отвечает за изменение цвета, оттенков, нассыщенности на изображении.
Выберите слой, поверх которого хотите расположить корректирующий слой. Нажмите на иконку New Adjustment Layer:

https://pandia.ru/text/78/307/images/image019_25.jpg" width="174" height="214 src=">

(Или выделить нужные слои в палитре слоёв, и перетащить их на иконку с папкой).

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

Создание и удаление слоёв.

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

Слияние слоёв.

Слить все видимые слои можно нажав на сочетание клавиш Ctrl+Shift+E, или нажав правой кнопкой мыши на слой и выбрав Слить видимые слои (Merge Visible). Если вам нужно слить не все, а несколько слоёв, выделите их в палитре слоёв и нажмите правой копкой мыши по одному из слоёв, и из списка выберите Слить слои (Merge Layers).

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

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

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

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

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

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

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

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

Сменить стиль его наложения (рис. 6)

Сменить его прозрачность и силу заливки цветом (рис. 7-8)

Дополнительные функции (рис. 9)

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

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

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

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

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

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

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

Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace (рис. 14). Для заливки фоновым цветом - Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем.

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

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

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

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

Ещё можно деформировать объект, исказить, исказить в перспективе и т.д. После нажатия Ctrl+T кликаем на нём правой кнопкой и выбираем то, что нам требуется (рис. 18)

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

Это меню настолько обширно, что отдельно останавливаться на нём пока не будем.

Маска слоя. Её суть заключается в скрытии объекта или его частей без их удаления.Многие ошибочно полагают, что пользоваться маской слоя неудобно - напротив! Это прекрасный инструмент, позволяющий в любой момент повторно отредактировать или изменить выполненную обработку. Чего вам не позволит сделать инструмент «ластик» например. (рис. 20)

Чтобы скрыть часть объекта нужно по белой маске рисовать чёрной кистью и наоборот (рис. 21)

Обтравочная маска . Даёт возможность отсечь части одно объекта относительно границе другого. Выполняется так: удерживая кнопку ALT поднести курсор мыши к границе слоёв между ними. После появления соответствующего значка отпустить. (рис. 22-23)

Стрелочка указывает на то, что слой обтравлен.

Выделяем содержимое. Для этого достаточно просто щёлкнуть на миниатюре слоя, удерживая Ctrl (рис. 24).

И я вас снова всех приветствую, мои дорогие друзья и читатели! Сегодня воскресенье, начались праздники, а именно 3 дня выходных...А у меня, блин, рабочий день. Да, так получилось, что надо подменить коллегу, но зато на следующей недели я выйду не в среду, а в четверг. Так что после праздника будет еще один выходной. Но что-то меня понесло. Вы уже догадались зачем мы здесь собрались? Наверное поняли).

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

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

Панель слоёв

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

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

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

С уважением, Дмитрий Костин

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

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

Начнем знакомство со слоями с создания Нового документа в Фотошоп ((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 и более слоев.

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

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