Уроки фотошопа: Работаем со слоями. Основы Photoshop — работа со слоями

Понятия о слоях изображения в Photoshop

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

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

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

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

Основные действия со слоями осуществляются в палитре Photoshop Layers (Слои). Чтобы ее открыть, нужно выполнить команду Windows (Окно) > Layers (Слои). Каждому слою в этой палитре отвечает отдельная строка с его миниатюрой и названием.

Что такое активный слой?

Создавать или редактировать изображение в Photoshop можно только в том слое, который на данный момент активный.

Определить, какой слой активный, можно в палитре Layers (Слои) - его строка выделена. Чтобы сделать активным другой слой нужно просто щелкнуть на нем мышкой в палитре Layers (Слои). Некоторые действия можно выполнять одновременно в нескольких слоях, например, изменение размера фрагмента изображения. Для этого выделяются сразу несколько слоев (используйте клавиши Ctrl или Shift).

Изменение порядка слоев, включение, выключение и связывание слоев

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

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

Как добавить новый слой?

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

Чтобы добавить новый пустой слой в Photoshop CS4, следует выполнить одно из следующих действий:

• 1 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый пустой слой, и внизу все той же палитры щелкните мышкой по кнопке Create New Layer (Создать новый слой) . Новый пустой прозрачный слой появится на палитре Layers (Слои) и автоматически станет активным - выделение перейдет на него. Данный способ добавления слоев является наиболее быстрым.
• 2 способ: Сделайте активным (выберите) на палитре Layers (Слои) тот слой, над которым вы хотите создать новый слой и в строке меню выберите Layers (Слои) → New (Новый) → Layer (Слой). В результате на экране появится диалоговое окно New Layer (Новый слой), в котором вам будет необходимо задать параметры слоя (можете сразу нажать ОК).

Свойства слоев

Все слои в совокупности имеют следующие свойства:

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

С помощью ползунка Opacity (Непрозрачность) при желании настроить непрозрачность слоя, то есть насколько сквозь последующее содержимое слоя будет просвечивать содержимое низлежащего слоя.

Опция Fill выполняет практически тоже что и Opasity, снижает непрозрачность слоя, но в отличии от Opasity, опция имеет одну замечательную особенность, снижая непрозрачность слоя, она оставляет видимыми все Стили слоя применяемые к изображению. Подробнее:

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

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

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

Как создать дубликат слоя?

Это можно сделать несколькими способами:

• 1 способ. Щелкнуть правой кнопкой мыши по названию слоя на палитре Layers (Слои) и в появившемся контекстном меню выбрать команду Duplicate Layer (Создать дубликат слоя).
• 2 способ. На палитре Layers (Слои) ухватиться мышкой за тот слой, который вы хотите продублировать, и перетащить его мышкой (не отпуская кнопку мыши) на кнопку Create New Layer (Создать новый слой) . Как только вы отпустите кнопку мыши, копия слоя появится над своим оригиналом.

Объединение слоев

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

Чтобы объединить все видимые слои следует щелкнуть по текущему слою на палитре Слои правой кнопкой мыши и в появившемся контекстном меню выбрать команду Merge Visible (Объединить видимые). Кроме того, можно воспользоваться выбором в строке меню Слои → Объединить видимые или нажать «горячее» сочетание клавиши «SHIFT» + «CTRL» + «Е» - этот вариант слияния слоев представляет собой инструмент для объединения всех видимых слоев.

Удаление слоев

Способов удаления слоев в Photoshop CS4 предусмотрено достаточно много. Самые основные:

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

Можно просто щелкнуть правой кнопкой мыши по слою на палитре Layers (Слои) и в появившемся контекстном меню выбрать команду Удалить слой. Чтобы удобно избавиться ото всех невидимых слоев, воспользуйтесь выбором в строке меню Layers (Слои) → Delete (Удалить) → Layers (Слои).

Стили слоев

Стиль слоя – это совокупность свойств и . Стили можно создавать самостоятельно или использовать готовые. Подробнее:

К слоям в Photoshop можно применять стили, доступные в меню Layers (Слои) > Styles (Стили). Например, можно применить стиль «Тень», и от всех объектов данного слоя образуется падающая тень на слой, расположенный ниже.

Основные типы слоев

В программе Photoshop CS4 существует 5 основных типов слоев:

• Обычный слой - содержит пиксельное изображения объекта, которое можно редактировать инструментами Photoshop;
• Текстовый слой - содержит векторный текст, который редактируется с помощью специальных текстовых инструментов;
• Корректирующий слой - используется для создания специальных корректирующих эффектов (например, изменение яркости, насыщенности);
• Слой, который заполняет, (слой-заливание) - используется для создания заливания сплошным цветом, градиентом или узором;
• Слой смарт-объекта - содержит данные смарт-об"єкта и обеспечивает возможность его редактирования. Смарт-объект – это встроенный в программу документ, который имеет расширения PSB, но все свойства и возможности PSD-файлов сохраняет. Его можно редактировать отдельно от изображения и использовать в изображении много раз.

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

Зачем нужны слои?

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

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

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

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

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

Работа со слоями

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

Если у вас такой панели нет - включите её, выполнив команду Окно -> Слои.

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

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

Слой, над которым в данный момент ведётся работа, выделен синим цветом. Такой слой называется активным. Для активации слоя достаточно щёлкнуть на нём кнопкой мыши.

1. Создайте новый документ с белым фоном.

2. Создайте новый слой, нажав значок .

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

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

4. Залейте слой любым цветом, градиентом или узором - выберите инструмент Заливка, укажите цвет и щелкните на холсте кнопкой мыши (о заливке мы говорили в предыдущем уроке).

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

6. Вновь сделайте слой видимым, опять щёлкнув на значке с глазком.

Работа с текстом

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

1. На палитре выберите инструмент Горизонтальный текст.

2. Щёлкните в любом месте холста и введите произвольный текст.

3. Обратите внимание на панель параметров. Здесь вы можете задать направление (горизонтальной будет надпись или вертикальной), шрифт, начертание, размер, выравнивание, цвет и деформацию текста.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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