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

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

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

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

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

Палитра слоёв в Photoshop

На картинке изображена панель Layers (Слои) во всей своей красе. Здесь отображены все слои в нашем демонстрационном изображении. Текущий активный слой выделен синим.

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

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

Кнопка с изображением урны, находящаяся в нижней части панели, используется для удаления активного слоя, в то время как слева от неё разместилась кнопка Add New Layer (Создать новый слой).

Кнопка в виде разделённого пополам круга позволяет вам добавлять новые Adjustment Layers (Корректирующие слои), а маленький прямоугольник с белым кругом – кнопка для добавления маски слоя.

Обратите внимание, что на панели рядом со слоями и их масками отображаются миниатюры, которые показывают их содержимое.

Палитра Layers (Слои) – жизненно необходимый инструмент для организации, создания и управления слоями.

Слои Photoshop в действии



01. Фоновый слой (Background)
Это оригинальное изображение в том виде, в котором оно было открыто в Photoshop. К этому слою не было применено никаких изменений. Как фоновый слой, он используется в качестве базы и источника для всех остальных дублированных слоёв.

02. Копия фона, непрозрачность 85%
Копия фонового слоя с режимом наложения Multiply (Умножение) для затемнения светлых участков фотографии. Маска слоя частично скрывает эффект в выбранных местах.

03. Режим наложения Soft Light (Мягкий свет), непрозрачность 65%
Другая копия фонового слоя, на этот раз с режимом наложения Soft Light (Мягкий свет), добавляет изображению весьма необходимый контраст, затемняя тени и осветляя света.

04. Режим наложения Color (Цветность), непрозрачность 100%
Слегка обесцвеченная копия фонового слоя с режимом наложения Color (Цветность). Нижняя часть слоя скрыта с помощью маски, таким образом он лишь немного охлаждает небо.

05. Режим наложения Overlay (Перекрытие), непрозрачность 80%
Слой, залитый 50% серым, в режиме наложения Overlay (Перекрытие). В данном режиме серый цвет нейтрален. На этом слое некоторые участки изображения мы закрасили чёрным, чтобы затемнить их, а некоторые – белым, чтобы осветлить.

06. Корректирующий слой
Корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) был использован, чтобы немного обесцветить всё изображение. Параметры корректирующего слоя всегда можно отредактировать, дважды щёлкнув по нему на панели слоёв.

07. Режим наложения Soft Light (Мягкий свет), непрозрачность 45%
На этом слое с режимом наложения Soft Light (Мягкий свет) расположен только градиент от чёрного до прозрачного, добавленный на небо, чтобы сделать его более пасмурным. Благодаря градиенту эффект наиболее силён в верхней части изображения.

Всего 3 совета относительно слоёв, которые вы обязательно должны знать

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

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

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

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


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

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



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

При обработке изображений в 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, однако, в этом случае будут объединены все видимые слои. Обязательно обращайте на это внимание.