Работа со слоями в «фотошопе»

Как сделать прозрачным слой в «Фотошопе»

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

В третьей строке панели «Слои» присутствуют инструменты закрепления. Если вы хотите закрепить положение слоя или его прозрачность — вам именно сюда. Ещё в этой строке присутствует пункт «Заливка», эффект которого схож с функцией непрозрачности.

Остальная область панели выделена под список слоев. Если к некоторым из них будут применены специальные эффекты, то их список тоже будет расположен именно здесь. В самом низу размещены специальные кнопки, с помощью которых в «Фотошопе» осуществляется работа со слоями (основная её часть).

Активный слой

Вы, наверно, заметили, что когда у нас был только один фоновый слой, он был выделен синим цветом в палитре слоев. Далее, когда мы добавили слой Layer 1 (Слой 1), он выделился и так далее. Когда слой выделяется, он в настоящее время считается активным. Все, что вы будете делать на рабочем документе, будет относиться к выделенному слою.

Каждый раз, когда вы добавляете слой, Photoshop автоматически делает его активным, но по необходимости вы можете изменить активность слоя, для этого просто сделайте клик на нужном нам слое. На изображении ниже, я сделал активным слой Layer 1 (Слой 1), сделав по нему клик левой кнопкой мыши. В результате вы увидите, что он выделился синим цветом.

Изменение размера миниатюр

Одной из последней особенностей панели слоев, которая используется нередко, это изменение размера миниатюры изображения. Очень удобно для работы, когда в панели слоев миниатюры большого размера, но они занимают много места. Если вы работаете с большим количеством слоев, то удобнее будет уменьшить размеры миниатюр. Это можно сделать, нажав на значок меню в верхнем правом углу панели слоев, а затем выбрать Panel Options (Параметры панели).

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

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

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

Суть слоя очень проста. Он содержит в себе какой-либо фильтр или маску, а также эффект от применения определенного инструмента. Например, вы вставили в изображение новую картинку. Она отобразится на новом слое. В результате вы сможете добавить ей обводку, изменить размер картинки, а также установить ту или иную степень прозрачности. В любой момент вы можете в «Фотошопе» изменить размер слоя, даже если после предыдущей работы с ним прошло очень много времени. Именно этим полезны слои. Без них пришлось бы отменять множество операций, чтобы вновь получить возможность изменения размера вставленной картинки.

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

Группировка слоев

Ранее мы узнали, что для удобства в работе с большим количеством слоев можно давать осмысленные названия каждому слою. Другой путь заключается в группировке слоев. В нижней части панели слоев есть значок папка Create a New Group (Создать новую группу). Но имеются и другие способы создания группы.

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

После того, как вы выбрали, какие слои будете группировать, нажмите на значок меню в верхнем правом углу панели слоев (в более ранних версиях Photoshop значок меню выглядит как маленькая стрелочка). В открывшемся меню слоев выберите New Group from Layers (Новая группа из слоев).

После этого на экране появится диалоговое окно New Group from Layers (Новая группа из слоев), в котором вы можете изменить название группы, а также некоторые другие параметры. Затем нажмите на кнопку ОК, чтобы принять настройки по умолчанию или какие-либо изменения, если вы что-то изменили.

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

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

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

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

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

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

Блокировка слоев

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

В панели слоев чуть ниже опции Blend mode (Режим наложения) расположено четыре значка блокировки. Слева направо: Lock Transparent Pixels (Сохраняет прозрачность пикселов), Lock Image Pixels (Сохраняет цвета пикселов), Lock Position (Закрепляет положение) и Lock All (Сохраняет все). Если вы выберите один из вариантов блокировки, то на выбранном слое справа появится значок замка.

На изображении ниже видно, что на фоновом слое есть значок замка, он блокируется по умолчанию.

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

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

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

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

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

Режим наложения (смешения слоев) по умолчанию установлен Нормальный (Normal). Подробнее: Режимы наложения (смешивания) слоев в фотошопе.

Как убрать слой в «Фотошопе»

Некоторые начинающие пользователи не понимают, как в «Фотошопе» сделать слои. Поэтому они чаще всего производят ретушь фотографии на единственном слое, если только таковой не создался автоматически после применения того или иного инструмента. Например, инструмент «Текст» сразу же создает новый слой. Автоматически на новый слой попадают и вставленные из буфера обмена изображения.
Если вы хотите самостоятельно создать в «Фотошопе» новый слой — в этом нет ничего сложного. Воспользуйтесь для этого соответствующей кнопкой в нижней части панели «Слои». Созданный слой разместится над выделенным слоем. Например, у вас может быть выделен шестой по счету слой. Новичок в этом случае займет его место, а предыдущий слой переместится уже на седьмую позицию. Это обязательно нужно учитывать в случае создания многослойных композиций.
На новом слое вы можете заниматься чем угодно. На нём вы можете воспользоваться заливкой, нарисовать любую фигуру или произвести прочие действия. Если ваше изображение получается многослойным, то не мешает дать новому слою собственное название. Иначе он так и будет называться: «Слой 7». Для переименования следует совершить по слою двойной щелчок левой кнопкой мыши.

Еще слои можно группировать. Создайте новую папку посредством соответствующей кнопки в нижней части панели «Слои». Затем методом перетаскивания перенесите в неё слои, которые вы хотите объединить в одну группу. В многослойных композициях без этого не обойтись, иначе начинается настоящая путаница.
Некоторые слои по ходу создания изображения становятся нам ненужными. Их рекомендуется удалять. Для этого выделите слой и нажмите клавишу «Delete». Также для этого слой можно перетащить на кнопку с изображением корзины в нижней части панели. Можно убрать слой в «Фотошопе» и другим способом. Около каждого слоя присутствует кнопка с изображением глаза. Нажмите её — видимость слоя сразу отключится. Это своеобразный аналог нулевой непрозрачности. Сам слой из панели при этом никуда не денется, вы в любой момент способны включить его отображение.

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

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

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

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

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

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

Создание нового корректирующего слоя

В нижней части панели слоев справа от значка Layer Mask (Добавить слой-маску) находится черно-белый кружок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку).

Нажав на этот значок, должен открыться список. Выберите из него Hue/Saturation (Цветовой тон/Насыщенность).

Этот корректирующий слой позволяет легко менять цвета изображений. В Photoshop CS4 и CS5, элементы для корректирующих слоев появляются в панели настроек. А в CS3 и более ранних версиях они открываются в отдельном диалоговом окне. Активируйте опцию Colorize (Тонирование) и вы увидите, как поменяется цвет на изображении. Далее измените следующие значения Hue (Цветовой тон) 195 и изображение окрасилось в синие тона, Saturation (Насыщенность) 60, изображение приобрело более насыщенный синий цвет. Я не вдаюсь в конкретные подробности, поэтому, если что-то не понятно, то ориентируйтесь по рисунку ниже.

Вот результат после создания корректирующего слоя.

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

Вкладка Layers

В верхней части панели слоев имеется отдельная вкладка Layers (Слои). По ней-то мы и определяем, что данная панель именно для слоев.

Вы, наверно, заметили, что рядом имеются две другие вкладки Channels (Каналы) и Paths (Контуры), они отображаются серым цветом.

Эти две панели сгруппированы с панелью Layers (Слои). На самом деле панелей в Photoshop очень много и, если их все отобразить на экране, то они просто закроют всю рабочую область и работать в такой обстановке будет не комфортно. Именно поэтому производители Adobe Photoshop решили оставить только небольшую группу из нескольких панелей для экономии места.

Чтобы переключиться на другую панель в этой группе, нужно просто нажать на нужную вкладку. Но, несмотря на то, что все вкладки находятся в одной группе, панели Channels (Каналы) и Paths (Контуры) не имеют никакого отношения к панели Layers (Слои). Кроме одного факта, что они так же широко используются в Photoshop. Так, что пока мы конкретно рассматриваем панель слоев, другие вкладки мы можем игнорировать.

Стили слоя

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

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

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

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

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

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

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

Маски слоев

Маска — это полутоновое или полноцветное изображение, скрывающее части слоя, на который она наложена. Для полутоновых масок черный, белый и серый цвета обозначают прозрачность маски. Черный цвет обозначает непрозрачные участки маски (через них слой не виден); белый — полностью прозрачные участки маски, а через серые слой виден частично. Вот такая маска, наложенная сверху на слой, и называется слой­маской

Обратите внимание — эти обозначения условны. Если необходимо, цвета можно поменять местами

Тогда белым будут показаны непрозрачные области, черным — прозрачные. Тем не менее, чтобы самому не запутаться с обозначениями, лучше умолчания не изменять.

Внимание!

Маска неприменима к фоновому слою. Перед созданием слой­маски необходимо преобразовать фоновый слой в обычный.

Photoshop позволяет работать с несколькими видами масок: растровыми, векторными и обтравочными.

Растровые слой-маски

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

Рис. 8. Пример растровой слой-маски

Как только вы создадите слой­маску в палитре Слои (Layers), ее миниатюра отобразится не только на слое, но и в палитрах Каналы (Channels) и Свойства (Properties). Палитра свойств предоставляет доступ к дополнительным настройкам параметров маски: плотности, растушевки, уточнения края и инверсии цветов маски. Более того, палитра свойств позволяет работать не только с растровыми масками, которые создаются на основе выделения, но и с векторными, создаваемыми на основе векторного контура.

Векторные слой-маски

Создание векторной маски следует начать с создания контура любым векторным инструментом, например Произвольная фигура (Custom Shape). Причем рисовать фигуру следует в режиме Контур (Path)! После создания векторной фигуры необходимо нажать кнопку Маска (Mask) на панели свойств (рис. 9).

Рис. 9. Создан векторный контур

Замечание

Помимо использования кнопки Маска (Mask), можно, как и в случае с растровой маской, щелкнуть по кнопке добавления маски  в палитре Слои (Layers), но при нажатой клавише Ctrl (в Mac OS — Command)!

Дальнейшая настройка маски происходит в палитре  Свойства (Properties) — рис. 10.

При желании можно обвести контур, например, кистью, а под слой с маской поместить еще какой­нибудь слой (рис. 11).

Рис. 10. У созданной векторной маски изменены Плотность и Растушевка

Рис. 11. Итоговый коллаж, созданный на основе векторной слой-маски

Обтравочные маски

В отличие от масок слоев обтравочная маска создается не на основе выделения или векторного контура, а на основе изображения на слое. Тогда все слои, расположенные выше обтравочной маски, будут маскироваться этим изображением. Для создания обравочной маски можно выполнить команду Создать обтравочную маску (Create Clipping Mask) из меню палитры Слои (Layers) или нажать комбинацию клавиш Alt+Ctrl+G (в Mac OS — Option+Command+G). Также можно навести указатель мыши с нажатой клавишей Alt (в Mac OS Option) на границу двух слоев, а когда указатель поменяется на квадрат с изогнутой стрелкой , щелкнуть мышью. В любом случае будет создана обтравочная группа, состоящая из двух слоев. Изображение нижнего слоя из этой пары превратится в обтравочную маску, а на верхнем слое появится обозначение в виде изогнутой стрелки . Нижний слой иначе называют базовым слоем обтравочной группы. Так, на рис. 12 изображение платья является обтравочной маской для верхнего слоя с фотографией желтых роз.

Рис. 12. Пример обтравочной маски

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

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

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

Заливочные

Чтобы наложить на объект цвет, градиент или узор, можно использовать три слоевых эффекта: Наложение цвета (Color Overlay), Наложение градиента (Gradient Overlay) или Наложение узора (Pattern Overlay). Для этих целей также можно выделить перекрашиваемый объект, создать новый слой, закрасить область выделения однородным цветом, градиентом или узором, а затем определить наиболее подходящий для данного случая режим наложения.

Но можно поступить иначе: для перекраски объекта создать слой­заливку. Как и корректирующий, этот слой создается с прозрачной маской, редактируя которую можно защитить от воздействия заливочного слоя перекрашиваемый объект (рис. 15).

Рис. 15. Пример использования заливочных слоев для перекраски объекта и нанесения текстуры. Слева — исходное изображение

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

Текстовые

Для добавления в изображение надписи используются четыре инструмента:   Горизонтальный текст (Horizontal Type), Вертикальный текст (Vertical Type), Горизонтальный текст­маска (Horizontal Type Mask) и Вертикальный текст­маска (Vertical Type Mask). Но обойтись можно одним инструментом Горизонтальный текст (Horizontal Type), потому что из горизонтального текста легко можно получить вертикальный, просто нажав кнопку  на панели свойств инструмента. А из надписи можно мгновенно перейти к выделению, щелкнув по миниатюре текстового слоя с нажатой клавишей Ctrl (в Mac OS — Command).

После ввода текста необходимо подтвердить ввод, что можно сделать несколькими способами:

• активизировать другой слой документа, инструмент или палитру;
• нажать кнопку с изображением флажка  на панели свойств инструмента;
• нажать клавишу Enter на цифровом блоке клавиатуры или комбинацию клавиш Ctrl+Enter (в Mac OS —Command+Return).

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

Рис. 16. Примеры входа в режим редактирования текста: а — выполнен щелчок по надписи в окне документа при активном инструменте Горизонтальный текст; б — выполнен двойной щелчок по миниатюре текстового слоя в палитре Слои

Рис. 17. Пример блочного текста, заключенного в векторную фигуру

Внимание!

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

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

Статья подготовлена по материалам книги «Photoshop CS6. Самое необходимое» Софьи Скрылиной: http://www.bhv.ru/books/book.php?id=190413.

Копирование слоя

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

Находясь над значком, отпустите кнопку мыши. Копия слоя появится над оригиналом. В результате Photoshop сделал копию фонового слоя и присвоил ему название Background Copy (Фон копия)

Обратите внимание, что новый слой стал активным

Теперь я хочу применить пару фильтров для размытия слоя Background Copy (Фон копия). Вот, что получилось после применения нескольких фильтров.

Посмотрите на изображение вам покажется, что все изображение размыто, но это не так. Размытие было применено только к слою Background Copy (Фон копия), так как он был активный (был выделен синим цветом). А теперь посмотрите на миниатюры двух слоев, вы увидите, что слой оригинал не был затронут.