Стили слоя в Photoshop: все десять эффектов и порядок их наложения
Стиль слоя — набор эффектов, привязанных к слою, а не к пикселям.
Это значит: текст остаётся редактируемым, обводка пересчитывается при изменении размера, а исходное изображение не портится.
Список эффектов
Документация перечисляет десять эффектов:
- Drop Shadow;
- Inner Shadow;
- Outer Glow;
- Inner Glow;
- Bevel & Emboss;
- Satin;
- Color Overlay;
- Gradient Overlay;
- Pattern Overlay;
- Stroke.
Практика: любой из них включается галочкой в диалоге Layer Style. Эффект можно включить, настроить и выключить, не удаляя.
Как открыть
Практика: двойной щелчок по пустому месту строки слоя в панели Layers открывает диалог Layer Style. Двойной щелчок по миниатюре открывает другое — свойства, и это частая путаница.
Drop Shadow
Внешняя тень. Параметры — цвет, режим наложения, непрозрачность, угол, расстояние, размах и размер.
Практика: тень на интерфейсных элементах редко должна быть чёрной. Возьмите цвет фона и просто сделайте его темнее.
Inner Shadow
Внутренняя тень. Работает как вдавливание.
Практика: на кнопках даёт эффект «вырезано в поверхности». На тексте — эффект гравировки.
Outer Glow и Inner Glow
Свечение снаружи и внутри.
Практика: Inner Glow на непрозрачном объекте почти не виден, если не расширить его так, чтобы он заходил внутрь формы. Зато он полезен для имитации объёма на плоских фигурах.
Bevel & Emboss
Создаёт видимость объёма за счёт светлого и тёмного края.
Практика: это самый сложный эффект в списке и самый лёгкий способ сделать дизайн устаревшим. Начинайте с малой глубины.
Satin
Добавляет внутреннюю штриховку.
Практика: редко используется по назначению, зато хорошо работает как способ добавить мягкий градиент внутри формы.
Overlay-эффекты
Color, Gradient и Pattern Overlay заливают слой соответственно цветом, градиентом или узором.
Практика: Gradient Overlay с прозрачностью на одном крае — быстрый способ затемнить низ баннера.
Stroke
Обводка. Документация: положение обводки — Outside, Inside или Center.
Практика: выбор положения меняет видимую толщину. Outside не съедает содержимое, Inside на тонких формах выглядит аккуратнее, Center делит толщину пополам.
Отдельная деталь: обводка по контуру текста и обводка по габаритам — разное. Режим обводки задаётся в настройках и влияет на внешний вид.
Global Light
Документация: эффекты тени и объёма могут использовать общий источник света.
При включённом Use Global Light угол тени одинаков для Drop Shadow, Inner Shadow и Bevel & Emboss.
Практика: включённый Global Light — главный способ сделать набор объектов визуально согласованным. Выключите его, и каждая тень будет светить в свою сторону.
Контуры
Документация: для теней, свечения и объёма можно задать контур, который определяет, как эффект затухает.
Практика: контур — тонкая настройка. Начинать с него не стоит, но если тень выглядит «резкой» или «плоской», дело часто именно в контуре.
Порядок наложения эффектов
Практика: эффекты рисуются в определённом порядке, и он влияет на результат.
Тень оказывается под содержимым, обводка — поверх, внутренние эффекты — внутри. Если нужного вида не получается, дело может быть не в настройках, а в порядке: обводка, нарисованная поверх тени, скроет её часть.
Чего нельзя
Практика: стиль нельзя применить к заблокированному слою Background и нельзя применить к группе так, как к обычному слою.
Обход: снимите блокировку с фона или примените эффект к смарт-объекту внутри группы.
Где ломается
Стиль на заблокированном фоне. Не сработает.
Global Light выключен по ошибке. Тени смотрят в разные стороны.
Bevel на мелком тексте. Каша.
Обводка Outside на тонком шрифте. Буквы слипаются.
Стиль вместо маски. Эффект задевает всё, что есть на слое.
FAQ
Сколько эффектов в стилях слоя?
Десять.
Что такое Global Light?
Общий угол света для теней и объёма.
Какие бывают положения обводки?
Outside, Inside, Center.
Можно ли применить стиль к группе?
Да, но не так, как к обычному слою; на заблокированном фоне — нельзя.
Как скопировать стиль?
Перетащите значок fx с одного слоя на другой.
Непрозрачность эффекта и слоя
Практика: у каждого эффекта своя непрозрачность, и она независима от непрозрачности слоя.
Это даёт три уровня регулировки: сила эффекта, Fill слоя и Opacity слоя. На слое с одной обводкой их сочетание позволяет оставить только контур, убрав заливку полностью.
Порядок такой: сначала выставьте непрозрачность эффекта, потом Fill, и только затем Opacity. Если начать снизу, придётся возвращаться.
Масштабирование стиля
Практика: расстояние и размер эффектов заданы в пикселях и не масштабируются вместе с фигурой автоматически.
Если вы уменьшили объект в два раза, тень останется прежнего размера и будет выглядеть грубо. Есть команда масштабирования эффектов в меню Layer → Layer Style, и ею стоит пользоваться при изменении размера.
Обратная ситуация: при увеличении объекта тень становится визуально слабее, потому что её размер остался прежним.
Сохранение и перенос
Практика: набор эффектов можно сохранить как стиль и применять к другим слоям.
Стиль хранится в панели Styles и вызывается одним щелчком. Второй способ — перетащить значок эффектов с одного слоя на другой: настройки скопируются целиком.
Это удобно для серий однотипных элементов: одна кнопка, один заголовок, один набор параметров.
Растровый слой против текста
Практика: на тексте стиль живёт, пока текст остаётся текстом.
Любая растеризация превращает эффект в пиксели: параметры исчезают, остаётся картинка. Если обводка или тень нужны для печати в типографии, лучше передавать текст со стилем и вложенными шрифтами, а не растром.
На смарт-объекте стиль сохраняется полностью и пересчитывается при изменении содержимого.
Свет и логика сцены
Практика: у объекта в интерфейсе почти всегда один источник света.
Если на одном элементе тень падает вниз-вправо, а на соседнем вниз-влево, сцена выглядит неубедительно, даже когда каждый элемент по отдельности сделан аккуратно. Global Light решает это в два щелчка, но только если вы не задаёте угол вручную на каждом слое.