При обработке изображений в Photoshop невозможно обойтись без использования слоёв. Ведь это даёт возможность очень глубоко работать с изображениями, применять различные эффекты , чтобы в итоге при объединении получить желаемый результат. Работа со слоями является основой, без которой трудно что-либо делать в программе. Каждый, кто использует Adobe Photoshop должен понимать суть и принципы использования этого приёма. В этой статье подробно рассмотрим, как работать со слоями в Фотошопе. Давайте разбираться. Поехали!

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

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

Существует два типа слоёв:

• Активный;
• Фоновый.

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

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

Чтобы создать новый слой в Фотошопе, кликните по кнопке «Create New Layer», которая расположена внизу панели. Также можно воспользоваться комбинацией клавиш Ctrl+Shift+N. Использование горячих клавиш позволит ускорить работу, так как не нужно будет тратить время на поиск нужной кнопки.

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

• Непрозрачность (позволяет отрегулировать уровень прозрачности);
• Видимость (слой может быть видимым или невидимым);
• Режим смешивания (это свойство определяет, как именно конкретный layer будет соединяться с нижележащим).

Основные команды выполнены в виде графических элементов управления

Любой layer можно скопировать, то есть сделать дубликат. Делается это очень просто. Кликните правой кнопкой мыши по названию и выберите пункт «Duplicate Layer». Существует и другой способ. Наведите курсор на нужный layer и перетащите его на иконку «Create New Layer».

Правая кнопка мыши вызывает контекстные команды

Теперь рассмотрим один из важнейших этапов, а именно, как объединить слои в Фотошопе. Эта функция позволяет сократить количество слоёв, объединяя несколько в один. Завершив работу с каким-нибудь фрагментом , можно выполнить объединение, для большего удобства. Делается это следующим образом. Выберите текущий layer и кликните по нему правой кнопкой мыши. В выплывающем меню нажмите на пункт «Merge Visible». Также можно воспользоваться комбинацией клавиш Ctrl+Shift+E, однако, в этом случае будут объединены все видимые слои. Обязательно обращайте на это внимание.

Работа со слоями в фотошопе – это возможность изменять отдельно части картинки, составить изображение из разрозненных элементов. Коснемся базовых моментов.

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

Что такое слои в фотошопе

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

Какие бывают слои

Изображение. Его основу составляют пиксели. Когда в редакторе открывается картинка, палитра (1) автоматически его отображает.

Заливка. Заполняет однотонным цветом, узором или градиентом.

Текст. Работа с текстовым слоем в фотошопе несколько отличается. Он не содержит пикселей. В палитре (1) он появляется сразу, как при активном инструменте «Текст» приступаем к работе.

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

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

Основная работа со слоями в фотошопе

Любое действие при работе со слоями в Фотошопе можно выполнить несколькими способами: при помощи палитры (1), вкладки на панели управления (2), горячими клавишами. Если нужной палитры не окажется в правой части редактора, активируется она путем «Окно» — «Слои».

Вполне резонным будет начинать обучение программе 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).

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

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

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

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

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

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