Основы Photoshop — работа со слоями. Работа в фотошопе со слоями
Работа со слоями в 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).
ФОТОШОП для НАЧИНАЮЩИХ
Я уверена, что успешность и скорость работы в Фотошопе зависит от:
Слои в Фотошопе, пожалуй самая основная и базовая тема. Если бы не было слоев, не было бы и Фотошопа. А без Фотошопа, возможно не было бы и слоев. Самое длинное меню по количеству команд - меню Слоев (Layers). Я думаю, что, если Вы разберетесь с большей частью возможностей манипуляции слоев в Фотошопе, то можете быть более менее уверены, что разбираетесь в программе.
Слои в Фотошопе можно представить как виртуальные невидимые поверхности. На каждой поверхности можно разместить графику. Таким образом какая-то графика будет на верхнем слое, какая-то посередине, а какая-то на дне.
Понятие "слой" в программе Фотошоп имеет точно такой же физический смысл как и в жизни - это прослойка или пласт, который является составной частью чего-то целого.
Посмотреть слои документа можно в панели Слоев. Возьмем вот эту картинку, на которой еще не выполнено сведение слоев.
Она состоит из 4 слоев.
***
Слева от каждого слоя находится миниатюра (иконка) картинки с изображением. Клик по миниатюре (иконке) левой кнопкой мыши с нажатым Сtrl
, загружает выделение объекта.
Рядом с иконкой - глазок, который можно отключать и включать. Например, кликнув по глазку левой кнопкой мыши, мы отключим видимость
данного слоя. Слой с отключенным глазком становится невидимым на документе.
Чтобы вернуть видимость слою, достаточно левой кнопкой мыши кликнуть по месту, где был глазок.
***
Слой, который в данный момент в работе, должен быть активным, т.е. окрашенным в синий цвет. Для этого нужно кликнуть по нему левой кнопкой мыши.
***
Слои можно легко перемещать и выстраивать в нужном порядке. Для этого достаточно кликнуть по ним мышкой и перетащить наверх или вниз.
***
Удалить слой
можно можно тремя способами (удаляемый слой должен быть активным):
1 - кликнуть по слою правой кнопкой мыши, в появившемся окне выбрать "Удалить слой" и в открывшемся окне "Да".
2 - Кликнуть по слою левой кнопкой мыши и, зажав кнопку потянуть слой, вниз на значок корзины. 
3 - На верхней панели: Слои - Удалить - Слой.
4 - И самый простой способ УДАЛЕНИЯ АКТИВНОГО СЛОЯ - простой клик по "корзинке" внизу слоев.
***
Добавить новый слой
можно так:
1 - Внизу в панели Слоев кликнуть по значку "Создать новый слой". 
2 - На верхней панели: Слои - Новый - Слой.
Shift+Ctrl+N , т.е. зажав клавиши Shift и Ctrl, нажать на клавишу N.
Чтобы сделать Копию (Дубликат) слоя , нужно
1 - Кликнуть по рабочему слою правой кнопкой мыши и выбрать "Создать дубликат слоя"
2 - На верхней панели: Слои - Создать дубликат слоя.
3 - Сочетание клавиш на клавиатуре Ctrl+J , т.е. зажав клавишу Ctrl, нажать на клавишу J.
В панели Слоев можно менять Непрозрачность
рабочего слоя. Для этого нужно кликнуть на голубой квадратик с маленькой стрелочкой, появится панелька с ползунком (выделена желтым цветом), двигая его влево непрозрачность уменьшается
Точно так же меняется и Заливка
слоя.
А когда работа закончена, нужно Объединить все слои
. Для этого нужно кликнуть правой кнопкой мыши на активный слой и в выпавшем окне выбрать "Выполнить сведение". Все слои объединятся в один слой под названием "Фон" с замочком справа.
***
Этот слой - Фон
становится заблокированным, т.е. многие операции на нем недоступны.
Такое бывает и при открытии картинки в Фотошопе.
Разблокировать(снять замочек) можно так:
1 - Наиболее простой способ превратить Фоновый слой в обычный - двойной клик по слою на панели слоев (кликайте чуть ниже или левее названия слоя) и в выпавшем окне нажать ОК. После того, как фоновый слой становится обычным слоем, вам становятся доступны все операции со слоем. В том числе создание полупрозрачного слоя. 
2 - Зажать "замочек" левой кнопкой мыши и перетащить в "корзину"
Об остальных функциях в панели слоев, я расскажу в следующий раз.
Самый первый, часто задаваемый вопрос о программе Фотошоп
заключается в следующем: что такое слои? Я, как правило, отвечаю что каждая создаваемая композиция в Фотошоп является результатом сочетания нескольких частей, объединенных вместе и называемых слоями.
Как невозможно себе представить футболиста, не знающего правил игры в футбол, так и невозможно представить графического дизайнера, не имеющего представления о слоях. Можно много говорить о значении слоев в творческом процессе, но лучше убедиться в этом на наглядном примере.
Начнем знакомство со слоями с создания Нового документа в Фотошоп ((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 и более слоев.
Представляете, как сложно было бы работать при отсутствии группировки?
Надеюсь, вы узнали много полезного о свойствах слоев и их использовании.
Работа со слоями в фотошопе – это возможность изменять отдельно части картинки, составить изображение из разрозненных элементов. Коснемся базовых моментов.
Относительно друг друга каждый слой можно переместить, объединить их в группы, корректировать. При этом каждый из них можно сделать прозрачным, полупрозрачным, сплошным.
Что такое слои в фотошопе
Представьте себе, что просматриваете стопку фотографий. Вы их перекладываете, но видеть можете только верхнее фото. Это сплошные слои. Положите на фотографии прозрачный файл, и видимость не изменится. Теперь нарисуйте на файле картинку или напишите текст. Появится ощущение, что картинка или текст наложены на верхнее фото. Так в редакторе работает прозрачный фон. Отсортируйте фотографии по значению и разложите в конверты. Для такой сортировки в Adobe Photoshop существует функция «Сгруппировать».
Какие бывают слои
Изображение. Его основу составляют пиксели. Когда в редакторе открывается картинка, палитра (1) автоматически его отображает.
Заливка. Заполняет однотонным цветом, узором или градиентом.
Текст. Работа с текстовым слоем в фотошопе несколько отличается. Он не содержит пикселей. В палитре (1) он появляется сразу, как при активном инструменте «Текст» приступаем к работе.
Векторный слой. Это произвольная фигура, не содержащая пикселей. В палитре он появляется автоматически при использовании инструмента. Внутри очертания фигура заливается цветом.
Корректирующий слой и слой-маска. Помогают корректировать насыщенность цвета, затемнение или освещение изображений, расположенных под ними. Сама картинка остается неизменной, а корректирующий слой указывает программе, какие изменения к ней применить.
Основная работа со слоями в фотошопе
Любое действие при работе со слоями в Фотошопе можно выполнить несколькими способами: при помощи палитры (1), вкладки на панели управления (2), горячими клавишами. Если нужной палитры не окажется в правой части редактора, активируется она путем «Окно» — «Слои».
Слой - это основная единица рисунка в Photoshop. Все действия в этой программе строятся на работе со слоями, которые накладываются друг на друга, создавая сложное изображение.
Зачем нужны слои?
Слои нужны для того, чтобы вы могли редактировать одну часть изображения, не затрагивая другие его части.
Представьте себе простой рисунок: небо, на нём облако, из-за которого выглядывает солнце. Каждый из этих элементов в Photoshop расположен на отдельном слое. Небо - задний фон, на него наслаивается солнце (средний слой), и его, в свою очередь, закрывает передний слой - облако.
Благодаря слоям вы можете взять отдельно небо и изменить его цвет. Например, сделать его темней, показывая вечер. Можете взять солнце и переместить его так, чтобы облако больше над ним не находилось. Все эти операции можно выполнить буквально в несколько щелчков кнопкой мыши.
Если бы слоёв не было, для смены цвета неба вам пришлось бы сначала кропотливо выделять его на рисунке, для перемещения облака вам бы тоже пришлось его выделить, а с солнцем бы возникло ещё больше проблем, так как его пришлось бы как минимум дорисовывать. И не факт, что, меняя цвет неба, вы не зацепили бы край облака, или не стёрли бы его совсем, добавляя солнце.
В общем, слои избавляют от множества проблем, позволяя работать с частями сложнейших изображений эффективно и безопасно.
Работа со слоями
Просмотреть слои документа и управлять ими (перемещать, удалять, создавать новые) можно со специальной палитры, которая расположена обычно в правом нижнем углу экрана.
Если у вас такой панели нет - включите её, выполнив команду Окно -> Слои.
Первый слой создаётся вместе с документом автоматически, остальные тоже создаются автоматически во время выполнения определённых действий (например, если вы попробуете нарисовать фигуру, то увидите, что для неё создастся новый слой). Иногда новые слои вы будете добавлять вручную. В идеале каждый объект должен располагаться на отдельном слое.
За создание слоя отвечает кнопка , за удаление - . Вообще со слоями можно выполнять огромное количество действий: группировка, дублирование, смена цвета, настройка прозрачности, фильтрация, перемещение и т. д., но в данной статье мы рассмотрим только часть возможностей, необходимых для начала работы.
Слой, над которым в данный момент ведётся работа, выделен синим цветом. Такой слой называется активным. Для активации слоя достаточно щёлкнуть на нём кнопкой мыши.
1. Создайте новый документ с белым фоном.
2. Создайте новый слой, нажав значок .
3. Переименуйте слой. Для этого дважды щёлкните на названии кнопкой мыши, введите имя (например, Верхний слой) и либо нажмите Enter , либо просто щёлкните в свободной области экрана.
Строка слоя состоит из трёх элементов: значка с нарисованным глазком, миниатюры слоя и его имени. Глазок означает, что слой видим, щелчок на значке скроет слой. Расположенные в шахматном порядке серые и белые квадраты миниатюры говорят о его прозрачности.
4. Залейте слой любым цветом, градиентом или узором - выберите инструмент Заливка, укажите цвет и щелкните на холсте кнопкой мыши (о заливке мы говорили в предыдущем уроке).
5. Сделайте активный слой невидимым - выключите его, щёлкнув на значке с глазком. На холсте снова отобразился белый фон, потому как слой поверх него теперь отключён.
6. Вновь сделайте слой видимым, опять щёлкнув на значке с глазком.
Работа с текстом
За добавление текста в Photoshop отвечают инструменты группы . Щёлкните на расположенном на палитре инструментов значке правой кнопкой мыши или дважды левой кнопкой мыши, чтобы увидеть инструменты.
1. На палитре выберите инструмент Горизонтальный текст.
2. Щёлкните в любом месте холста и введите произвольный текст.
3. Обратите внимание на панель параметров. Здесь вы можете задать направление (горизонтальной будет надпись или вертикальной), шрифт, начертание, размер, выравнивание, цвет и деформацию текста.
