Уроки фотошопа, графика, дизайн
arrow

Photoshop слои

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

Photoshop слои: базовые понятия

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

Слои в фотошопе

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

Photoshop позволяет менять порядок расположения слоёв относительно друг друга.

Всё это даёт впечатляющие возможности для работы с изображениями. Поэтому работа со слоями – один из фундаментальных принципов работы в Photoshop.

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

Photoshop слои: работа со слоями

Вся работа со слоями в Photoshop производится в панели слоёв:

Слои в фотошопе

Изменения будут происходить только на том слое, который в данный момент активен (на рисунке это слой “Image”). Таким образом, Photoshop позволяет работать c одним изображением или его частью, не затрагивая другие посредством слоёв.

Скрытые слои

Можно скрывать содержимое одного или нескольких слоёв, просто кликнув по иконке глаза рядом со слоем. На изображении ниже слой drops скрыт. Если сохранить документ Photoshop в конечное изображение (например, в формате .jpg), то содержимое скрытого слоя так и останется невидимым.

Слои в фотошопе

Создание нового слоя

Для того, чтобы создать новый слой, нужно кликнуть по иконке со стрелкой вниз, и выбрать New Layer (или воспользоваться сочетанием клавиш Shift + Ctrl + N, что, несомненно, удобнее)

Слои в фотошопе

Количество слоёв, которые можно добавить, ограничено только ресурсами компьютера.

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

Для того, чтобы скопировать слой, щёлкните по нему правой кнопкой мыши и выберите Duplicate Layer

Слои в фотошопе

Аналогично создают и группы слоёв, только выбрать в меню нужно пункт New Group.

Удаление слоя производится соответственно пунктом меню Delete Layer.

Закрепление слоя

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

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

- запретить перемещение слоя запретить перемещение слоя (иконка стрелок, расходящихся в 4 стороны)

- запретить графические операции со слоем запретить графические операции со слоем (иконка кисти)

- закрепить изменение прозрачности слоя запретить изменение прозрачности слоя (иконка с полупрозрачным квадратом).

Переименование слоя

Переименовать слой можно дважды кликнув по его названию.

Преобразование слоя из фона

По умолчанию в любом документе есть слой Background (фон). Этот слой нельзя перемещать, а также к нему нельзя применять стили. Для того, чтобы вывести слой из фона применяется пункт меню (правой кнопкой мыши на слое) Layer from Background.

Изменение прозрачности слоя

Для того, чтобы изменить прозрачность слоя, отредактируйте параметр Opacity (непрозрачность) в панели слоёв. Чем меньше непрозрачность, тем выше прозрачность =))

Изменение прозрачности слоя

Photoshop слои: группы слоёв

Слои можно объединять в группы:

Слои в фотошопе

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

Photoshop слои: растеризация слоёв

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

Photoshop слои: склеивание и объединение

Склейка слоёв нужна для уменьшения размера изображения, или оптимизации пространства в панели слоёв (чтобы не было огромной “свалки слоёв”).

Сочетание клавиш Ctrl + E приклеивает нижний слой к текущему. Тоже самое сочетание клавиш, при выбранных двух или более слоях, склеивает их.

Также можно склеить все слои нажав на любом слое правой кнопкой мыши и выбрав пункт Flatten Image.

Photoshop слои: режим наложения

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

Эксперименты с этим параметром вы можете увидеть практически в каждом уроке Photoshop на нашем сайте.

Photoshop слои: стили слоя

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

В панели слоёв стили отображаются вот в таком виде:

Слои в фотошопе

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

Чтобы перейти в стиль, дважды кликните по слою левой кнопкой мыши (или зайдите через меню Layer -> Layer Style -> Blending Options).

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

- Drop Shadow (Тень). Как можно догадаться из названия, этот стиль отвечает за отбрасывание слоем тени. Здесь можно настроить дистанцию отбрасывания тени (Distance), распространение (Spread), размер (Size), а также цвет и прозрачность.

Параметр Angle задаёт угол, под которым будет падать тень.

Слои в фотошопе

- Inner Shadow (Внутренняя тень). Добавляет тень, отбрасываемую внутрь слоя. Позволяет придать изображению эффект “вдавленности”. Настройки идентичны стилю Drop Shadow.

Слои в фотошопе

- Outer Glow (Внешнее свечение). Создаёт светящийся ареол вокруг слоя. Можно задать цвет, прозрачность, уровень зашумления (Noise), распространение и размер.

Слои в фотошопе

- Inner Glow (Внутреннее свечение). Тоже самое, что и внешнее, только для внутренних границ слоя. Настройки те же самые, добавлен только параметр Source (Источник), позволяющий задать, из центра (Center) или с ребра (Edge) будет исходить свечение.

Слои в фотошопе

- Bevel and Emboss (Тиснение и скос). Позволяет установить для слоя подсвечивание или затенение. С помощью этого стиля удобно делать красивые рамки для слоя (однако применение этим не исчерпывается).

Имеет следующие параметры:

Стиль (Style). Может принимать значения Внутренний скос (Inner Bevel), Внешний скос (Outer Bevel), Тиснение (Emboss), Тиснение подушкой (Pillow emboss), Тиснение обводкой (Stroke emboss).

Техника (Technique). Бывает Сглаживание (Smooth), твёрдое долото (Chiesel Hard) и мягкое долото (Chiesel Soft).

Глубина (Depth).

Направление (Direction): Вверх (Up) или вниз (down).

Size (размер); Мягкость (Soften); Параметры затенения (Shading)

Слои в фотошопе

Также можно настроить форму контура (вкладка Contour) и текстуру (вкладка Texture).

- Глянец (Satin). Добавляет к слою глянцевый эффект. Имеет уже знакомые нам параметры.

Слои в фотошопе

- Заливка цветом, градиентом, узором/текстурой  (Color, Gradient, Pattern Overlay). Важный параметр, который даёт возможность покрасить слой цветом, наложить градиент или текстуру.

Слои в фотошопе

- Обводка (Stroke). Создаёт обводку вокруг слоя. Позволяет использовать в качестве обводки градиент или текстуру.

Слои в фотошопе

Photoshop слои: маски

Маска применяется для скрытия областей слоя. Работа с масками широко применяется в создании коллажей.

Редактирование маски производится с помощью инструментов выделения и рисования. Маска по умолчанию имеет белый цвет, который обозначает 100% непрозрачность, при нанесении чёрного цвета (полностью прозрачная область) и оттенков серого (чем темнее, тем прозрачнее) регулируется прозрачность изображения.

Маска отображается как миниатюра справа от основной миниатюры слоя:

Слои в фотошопе

Создать маску можно в меню Layer -> Layer Mask -> Reveal All или From Transparency. А также с помощью иконки в панели слоёв:

Слои в фотошопе

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

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

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (8)

  1. k.maslakov k.maslakov:

    Наконец я узнал,как правильно называется BEVEL_AND_EMBOSS

  2. галина:

    Самое трудное было для меня-это работа со слоями, думаю теперь это позади, спасибо огромное!

  3. Екатерина:

    Спасибо вам огромное за столь подробный и познавательный урок!Мне он очень и очень помог!

  4. Fastur:

    Спасибо все понятно и доступно!)

  5. Светлана:

    спасибо за простой и подробный урок, я очень боялась, что не смогу понять, но с таким учителем уже не боюсь))))

  6. Дмитрий:

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

  7. Александр:

    Я пока полный «чайник» в этой теме, так что прошу извинить, но для чего эти слои и где их искать(или нужно создавать самому?) непонятно… Вот имеется цифровой снимок, он состоит из пикселей и «лежат» они все вроде бы в одной плоскости, а редактирование, как я понимаю, состоит в том что их можно в этой плоскости «тасовать», изменять размеры, цвет, яркость, удалять-вставлять и т.д. И где тут эти слои? Вот в «не цифровой» фотографии там есть слои про которые всё понятно: подложка(пленки или бумаги) — слой, на ней эмульсионный слой…
    А здесь вообще непонятно для чего они нужны, ведь во многих редакторах(не сильно навороченных) о них даже не упоминается. Но захотелось в этом разобраться, в вашем же уроке — в основном о том, КАК с ними работать, подразумевается что «ученик» уже знает что ЭТО и ЗАЧЕМ.
    Я же этого не знаю, может возьмёте на себя труд объяснить эту тему на «элементарном» уровне, или подскажите место где это можно узнать.
    Заранее благодарен за информацию!

    • M@X M@X:

      Александр, вы хорошо описали принцип работы слоев по аналогии с пленочной фотографией. Отвечу на вопрос «Что это» — слои это один из базовых принципов работы в графических (не только 2х мерных) редакторах, по сути вы сами же раскрыли механику их работы. Обычно есть некий базовый слой, на него можно наложить различные эффекты, изменить часть изображения (верхние слои перекрывают нижние) и т.д. Посмотрите на первую картинку в этом уроке, схематически слои можно представить так. При этом некоторые слои могут быть частично или полностью прозрачны.

      К вопросу «зачем». Главное, что позволяют делать слои — изменять изображение или отдельные его элементы без изменения оригинала. По сути это главная цель. Используя слои, вы всегда можете вернуться к оригинальному снимку, что-то исправить или вообще начать всё заново. Это дает определенные преимущества и удобство работы. К примеру я уже и не представляю себе работу без слоев. Ещё одно из преимуществ слоев — объекты на них можно легко перемещать. К примеру, в веб дизайне это просто незаменимо. Расположил на слоях нужные объекты, потом перемещай как вздумается. Далее идет возможность в любой момент отредактировать слой и тут же видеть изменения. Например, слой корректирующий цвет изображения. Вы можете изменить параметры хоть в самом конце работы, поправив цвет снимка. И т.д. У слоев очень много применений и в общем-то они довольно просты, нужно просто начать с ними работать.

      В фотошопе слои по стандарту находятся в правом нижнем углу. Если вы создаете новый документ, у вас всего один слой. Сочетанием клавиш Shift+Ctrl+N создаются новые слои. Как я уже сказал, верхние слои перекрывают нижние. Попробуйте.

      Местонахождение слоев в фотошопе

Оставить комментарий

Имя: *

Сообщение: