Сайт о телевидении

Сайт о телевидении

» » Типы слоев в фотошопе. Как работают слои в Photoshop CS6

Типы слоев в фотошопе. Как работают слои в Photoshop CS6

Вся работа в Photoshop происходит на слоях. Как работать со слоями, что это такое, какие слои бывают - мы и рассмотрим в данной статье.

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

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

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

Элементы палитры слоёв:

  • 1. Фильтры для отбора в списке слоёв по признаку.
  • 2. Список для выбора режима наложения слоёв.
  • 3. Управление прозрачностью слоя.
  • 4. Настройки слоя, позволяющие сохранять цвета либо прозрачность пикселов, закрепляет слой на определённом месте.
  • 5. Управление плотностью заливки слоя.
  • 6. Список рабочих слоёв. Значок «Глаз» позволяет скрыть либо проявить видимость слоя.
  • 7. Пиктограммы:
связывает слои
стили слоёв (обводка, тень и т.д.)
слой «Маска»
список корректирующих слоёв
позволяет объединить слои в группу
создать новый слой
удалить слой
  • 8. Закладки. Здесь можно работать со списком слоёв, либо с цветовыми каналами отдельного слоя.

Что можно делать со слоями?

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

Как изменить имя слоя?

Любое изображение в Photoshop - это слой. Если вы открыли фото, то его имя и станет именем слоя. Новый слой, по умолчанию, будет назван «слой 0». В каждом последующем слое численная часть имени будет изменяться по возрастанию. Чтобы изменить название слоя, сделайте двойной щелчок непосредственно по имени, выделив его синим. Затем введите с клавиатуры новое имя. Это бывает необходимо при многослойных коллажах, ретуши и других работах, во избежании путаницы. Лучше, если имя слоя будет целевым, отражающим задачу, которую данный слой выполняет в вашей работе.

Создать новый слой в Photoshop можно с помощью клавиш Shift+Ctrl+N либо, нажав на пиктограмму в нижней панели палитры слоёв, как описано в таблице выше. Чтобы удалить слой, его нужно выделить (просто подвести курсор и одинарным кликом выбрать слой), затем нажать Delete на клавиатуре или пиктограмму в нижней части палитры слоёв.

Для обработки изображений лучше работать с дубликатом слоя, оставляя исходный слой нетронутым. Если в вашей работе что-то пойдёт не так, вы быстро сможете восстановить изображение из исходного слоя. Создать дубликат слоя можно, нажав Ctrl+J .

Скопировать слой в Photoshop или его участок можно, выделив изображение слоя любым инструментом выделения. Например, «Прямоугольная область»/Rectangle Select Tool . Затем нажать Ctrl+C (копировать) и Ctrl+V (вставить).

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

Если над картинкой создать белый или чёрный слой и изменить режим наложения с «Обычный»/Normal на «Перекрытие»/Overlay , то картинка осветлится/затемнится.

Ещё один пример взаимодействия слоёв - изменение непрозрачности верхнего слоя.

Расположите над первым слоем второй - хорошо, если картинки будут различными. Сдвигая «Непрозрачность»/Opacity верхнего слоя в меньшую сторону, вы сделаете изображение прозрачнее и увидите наложение одной картинки на другую.

Чтобы в Photoshop обвести контур слоя, нужно зайти в «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв).

Там выбрать пункт «Обводка»/Stroke .

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

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

Чтобы изменить размер слоя в Photoshop, достаточно установить на него курсор и нажать сочетание клавиш Ctrl+T , тем самым выделив его. Вы увидите рамку с узлами. Перетаскивая эти узлы, можно уменьшать или увеличивать слой. Чтобы не исказить изображение, трансформировать нужно, удерживая клавишу Shift . После завершения трансформации нажмите Enter . Кроме увеличения и уменьшения, предусмотрены такие трансформации, как «Искажение»/Distort и «Деформация»/Warp . Они позволяют изменить перспективу и форму изображения. Вызвать их можно после нажатия Ctrl+T , кликнув правой клавишей мыши в контекстном меню. Управление осуществляется путём перемещения узлов сетки.

Слои можно объединить в одно изображение. Чтобы объединить слои в photoshop, необходимо выделить нужные слои на палитре слоёв, удерживая Shift. Затем кликнуть правой клавишей мыши и выбрать в списке «Объединить слои»/Merge Down . Если нужно объединить все слои, то выбираем «Объединить видимые»/Merge Visible .

Корректирующие слои

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

Существует множество методов ретуши и цветокоррекции изображений с помощью корректирующих слоёв. Сразу несколько из этих слоёв могут применяться к одному изображению. Ниже приведён пример наложения корректирующего слоя «Цветовой тон/Насыщенность»/Hue / Saturation .

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

При составлении коллажей из нескольких изображений вы можете применить корректирующий слой только к одному из них. Хотя, как правило, этот слой влияет на все изображения, находящиеся под ним. Чтобы он применялся только к одному, удерживая Alt , щёлкните между корректирующим слоем и слоем с изображением. На корректирующем слое появится стрелка, указывающая на тот слой, к которому прикреплён корректирующий.

Во избежание путаницы, в списке предусмотрена функция группировки слоёв. Чтобы сгруппировать слои, нужно выделить их в списке, удерживая Shift . Затем нажать сочетание клавиш Ctrl+G . Группу слоёв можно скрывать так же, как обычный слой. Для этого нажмите на изображение «Глаз» напротив группы слоёв или одного слоя. Группировку слоёв удобно использовать при составлении коллажей. Ниже приведён пример. Дети, стена, фон, дорога, тень - разные изображения, использованные для одного коллажа. Свет нарисован на отдельных слоях, собранных в одну группу.

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

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


Вчера мы опубликовали статью о том, . Сегодня в продолжение этой темы мы хотим остановиться на самых азах редактирования фотографий в 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. Порядок, в котором располагаются слои, может быть изменён. Вы можете перемещать слои на панели, просто перетаскивая их мышкой. Те слои, которые находятся выше, имеют приоритет над нижележащими и могут их перекрывать.

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

Чтобы представить себе, что такое слой , стоит вспомнить глубокое детство, когда на уроках труда в 1 классе мы делали аппликации из цветной бумаги - на картонку выкладывались вырезанные фигурки, формировалась картинка, а потом все эти фигурки приклеивались клеем к картонке. Этот же принцип лежит в основе работы со слоями в GIMP. Картонка - это фон, а фигурки - это слои. Пока картинка не "склеена", слои можно как угодно передвигать, растягивать, поворачивать независимо друг от друга. Но при сохренении изображеия в формате JPEG все слои намертво "приклеиваются" к фону и если их оторвать от фона, на этом месте останется "дырка".

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

Давайте посмотрим "на одном квадратном миллиметре", как в GIMP вырезать фрагмент из одной фотографии и вклеить его в другую.

Предположим, нам нужно изображение 1 вставить в рамку, изображенную на изображении 2 с учетом перспективы.

Для выполнения этого немудреного задания нужно выполнить следующие шаги.

Таким образом, мы освоили базовые функции GIMP для работы со слоями - создание, перемещение и трансформация, изменение прозрачности и режима смешивания.

Книги о фотографии

Дорогие друзья! Если вам интересны статьи на моем сайте, я думаю, мои книги вас заинтересуют еще больше. Почему?

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

Наиболее популярная книга – «О фотографии простым языком». Это учебник по фотографии «с человеческим лицом» – без лишней никому не нужной теории и заумности, в котором с первой до последней страницы все просто и понятно даже новичку.

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

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

Работа со слоями в Adobe Photoshop .

1. Понятие слоя.

Слой - это компьютерная метафора материального объекта - листа прозрачной кальки (или пленки). Компьютерная «калька» абсолютно прозрачна, даже десяток слоев не исказит рисунок на самом нижнем из них.

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

2. Палитра Layers.

Для создания, дублирования, объединения и удаления слоев используется специальная палитра, которая называется Layers . Каждая строка в палитре представляет слои изображения. Например, две строки в палитре слоев (как на рисунке) говорят о наличии двух слоев - слоя Layer 1 и слоя Background .

Откройте любую картинку.

Если Вы щелкните мышью на пиктограмме «Глаз» у любого слоя, то он станет невидимым. Эта пиктограмма управляет видимостью слоя.

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

Примечание : Поскольку информацию о слоях может хранить только собственный формат Photoshop (формат PSD), изображения в прочих форматах содержат только один слой, Background. Сканирование тоже дает только однослойные изображения.

https://pandia.ru/text/78/307/images/image002_133.jpg" width="457" height="296 src=">

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

Добавим на на наше изображение ещё один слой, допустим бабочку (изображение в формате PNG, и потому оно на прозрачном фоне). Можете выделить бабочку(Ctrl +A), скопировать её (Ctrl +C), а потом вставить (Ctrl +V) бабочку в файл с изображением, или просто перетащить его инструментом Move Tool (Перемещение).

На изображении в правом углу расположилась бабочка. В палитре слоёв мы теперь можем наблюдать два слоя. Первый слой - это слой Слой0(Background(он у нас находится внизу)), и второй слой с бабочкой Слой 1), он находится выше слоя Background, и в правом углу иконки в палитре слоёв вы можете видеть маленькую бабочку на прозрачном фоне.

https://pandia.ru/text/78/307/images/image004_85.jpg" width="468" height="303 src=">

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

https://pandia.ru/text/78/307/images/image006_77.jpg" alt="Слои и работа с ними в Фотошопе" width="32" height="24 src=">из палитры инструментов.

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

https://pandia.ru/text/78/307/images/image008_63.jpg" width="199" height="352 src=">

Или в верхней панели опций выбрать: Layer>Duplicate Layer (Слой - Создать дубликат слоя):

https://pandia.ru/text/78/307/images/image010_50.jpg" width="183" height="229 src=">

И самый простой и чаще всего применяемый мною способ это сочетание клавиш Ctrl+J.
Теперь в нашей палитре слоёв 3 слоя: Слой 0, слой с бабочкой (Слой 1) и только что созданный слой с бабочкой, который фотошоп по умолчанию назвал Слой 1 копи.

Новый слой с бабочкой автоматически был создан над выделенным слоем (по умолчанию фотошоп создаёт новый слой или дубликат слоя над выделенным слоем).

Итак у нас в палитре слоёв три слоя, а в самом файле мы видим всего-то наш фон и бабочку, но это только потому что фотошоп создаёт дубликат слоя строго над тем же слоем что у нас был. Потяните инструментом Move Tool бабочку в сторону, и вы это увидите:

https://pandia.ru/text/78/307/images/image012_46.jpg" width="192" height="130 src=">

Удаление слоя.

Чтобы удалить ненужный слой, правой кнопкой мыши нажимаем в палитре слоёв на слой который хотим удалить, и из списка выбираем: Delete Layer.

Или же: в палитре слоёв мышкой нажимаем на слой и перетаскиваем в корзинку, которая находится в основании палитры слоёв. Слой удалится.

Режимы смешивания или Blending mode.

Ниже находится Blending mode (Режимы смешивания):

https://pandia.ru/text/78/307/images/image014_41.jpg" width="176" height="384 src=">

Opasity (Непрозрачность) слоя.

В этом же ряду находится Opasity (Непрозрачность) слоя.
Понижая Opasity (Непрозрачность) , мы понижаем Непрозрачность слоя:

https://pandia.ru/text/78/307/images/image016_33.jpg" width="505" height="320 src=">

Маска слоя.

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

https://pandia.ru/text/78/307/images/image018_26.jpg" width="200" height="241 src=">

И выберите из списка команду корректировки. Установите нужные параметры и нажмите ОК. В любой момент вы можете выключить корректирующий слой или удалить, так как он создаётся в виде отдельного слоя. Основное изображение при этом останется неизменным.

Группирование слоёв.

Когда у вас собралось достаточно много слоёв, и уже переименование не помогает чтобы в них разобраться, можно слои сгруппировать в отдельные папочки. Для создания папки нужно нажать на иконку в виде папки и перетащить туда нужные слои:

https://pandia.ru/text/78/307/images/image020_25.jpg" width="205" height="229 src=">

Слияние слоёв.

Слить все видимые слои можно нажав на сочетание клавиш Ctrl+Shift+E, или нажав правой кнопкой мыши на слой и выбрав Слить видимые слои (Merge Visible). Если вам нужно слить не все, а несколько слоёв, выделите их в палитре слоёв и нажмите правой копкой мыши по одному из слоёв, и из списка выберите Слить слои (Merge Layers).

И я вас снова всех приветствую, мои дорогие друзья и читатели! Сегодня воскресенье, начались праздники, а именно 3 дня выходных...А у меня, блин, рабочий день. Да, так получилось, что надо подменить коллегу, но зато на следующей недели я выйду не в среду, а в четверг. Так что после праздника будет еще один выходной. Но что-то меня понесло. Вы уже догадались зачем мы здесь собрались? Наверное поняли).

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

Помните, что слои хороши тем, что над каждым из них можно совершать независимые операции, не затрагивая при этом другие. Давайте изменим нашему аисту . Для примера я изменил яркость на -60, а контрастность на +50. И как видите небо осталось таким же как было, а птичка наша изменилась явно.

Панель слоёв

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


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

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

С уважением, Дмитрий Костин