Стиль слоя "Тень" в Photoshop

Стили слоя в Photoshop - хороший способ придать изображению интересные эффекты, при этом не изменяя оригинал. Первый пункт в списке меню диалогового окна стилей, он же наиболее часто используемый - это "Тень" (Drop Shadow)

Примечание. В Photoshop CS6 этот пункт почему-то переехал вниз списка и теперь находится на последней строке.

В этом материале я расскажу всё о применении стиля "Тень".

Где применяется стиль "Тень"

Этот стиль традиционное использование для имитации глубины в плоских изображениях. Это делается путем создания смещённой тени за объектом, чтобы показать объект как бы "парящим" над фоном в 3D-пространстве.
Ниже вы увидите пример того, как "Тень" может обозначить размер и расположение источника света, а также указать, насколько далеко объект находится от фона. Меняя настройки только одного этого эффекта, вы можете значительно изменить внешний вид изображения.

Пример применения эффекта. Вверху текст без какого-либо применённого к нему стиля, три текста внизу - образцы разных настроек этого эффекта:

стиль слоя тень

Опции диалогового окна стиля

На рисунке приведены образцы диалогового окна "Тени" (Drop Shadow) версий Photoshop SC3-CS6 с русскоязычным и англоязычным интерфейсом:

стиль тень

s

Руководство по опциям и настройкам стиля слоя "Тень" (Drop Shadow)

Режим наложения

Эта опция позволяет установить режим наложения тени, по аналогии с режимами наложения слоёв. Как правило, используется режим "Умножение" (Multiply) или "Линейный затемнитель" (Linear Burn) для затемнения слоя, находящегося под ним.

s

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

s

Непрозрачность (Opacity)

Ползунок позволяет задать величину прозрачности тени. Значение 0% полностью скроет её из вида, значение 100% сделает её полностью непрозрачной.

s

На примере ниже у верхней тени непрозрачность 80%, у нижней - 35%:

s

Угол (Angle)

Этот параметр позволяет задать угол источника света относительно центра, центром является объект, к которому применяется эффект. Угол можно изменять поворотом луча в круге, этот круг так и называется, "Задайте угол источника света" (Set angle of light source). Также угол можно вводить в виде цифрового значения от 0 до 360 в поле ввода справа от круга.

Рекомендую обратить особое внимание на чекбокс "Глобальное освещение" (Use Global Light). По умолчанию в нём проставлена галка. Наличие галки говорит о том, что при изменении угла освещения в конкретно этом стиле слоя "Тень", угол освещения будет изменяться и в других стилях этого документа, использующих освещение, таких, как "Тиснение" (Bevel and Emboss), "Внутренняя тень" (Inner Shadow), "Тенях", применённых к другим слоям, и т.д. Без галки у каждого из этих стилей будет свой собственный угол освещения. В большинстве случаев галка применяется, т.к. обычно для всех эффектов нужен единый источник света:

s

В примере угол освещения верхнего и нижнего текста 130° и 50° соответственно, кроме того, я добавил эффект "Тиснение" (Bevel and Emboss) с такими же углами освещения:

s

Смещение (Distance)

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

s

В примере тень нижнего текста смещена сильнее, что даёт эффект большего расстояния объекта от фона:

s

Размах (Spread)

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

Обычно этот параметр оставляют равным нулю 0%, но если вам понадобились тени с резкими краями, вам надо его увеличить. Величина 100% даёт резкую границу.

111

Пример текстов с разными значениями "Размаха":

s

Размер (Size)

Ползунок "Размера" изменяет видимый размер тени. Когда он установлен но ноль, тень имеет точно такой же размер, как и форма объекта. При увеличении значения этого параметра, форма тени увеличивается в размере с шагом в 1 пиксель.

st

Пример разных значений "Размера":

s

Контур (Contour)

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

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

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

s

В следующем примере форма контура изменена с линейной на форму обычной и перевёрнутой буквы "U":

s

Шум (Noise)

Опция "шум" является весьма полезной, когда необходимо придать вашей тени зернистость, например, при создании стиля, напоминающего, к примеру, бетон. Для совершенно гладкой тени оставьте его значение 0%.

s

В примере ниже в верхнем тексте шум имеет значение 15%, а в нижнем тексте - 35%. Обычно шум применяется в диапазоне от 0 до 25%, считается, что значение выше 25% даёт неестественные результаты:

s

Слой выбивает тень (Layer Knocks Out Drop Shadow)

s

Понимание этой опции несколько сложно для новичков.

Когда вы создаёте слой и применяете к нему стили, в рабочем окне отображаются две вещи, слой и стили. Если вы уменьшаете опцию "Заливка" (Fill) до 0%, то содержимое слоя скрывается из видимости, но содержимое стиля отображается так же, как и раньше, подробнее читайте в Руководстве по опциям "Заливка" и "Непрозрачность" и практический пример.
Но, под слоем с "Заливкой", равной нулю, отображается содержимое слоя, находящегося под ним, и при включённой опции "Слой выбивает тень" это содержимое перекрывает тень. Если снять галку, то содержимое нижнего слоя отображаться не будет, и, соответственно, не будет перекрывать стиль слоя тень. На примере ниже у верхнего текста эта опция включена, у нижнего - отключена.

s

Сохранение и загрузка настроек стилей слоя по умолчанию

Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне стилей слоя. Нажав на кнопку "Использовать по умолчанию" (Make Default), Photoshop сохранит активные в настоящее время настройки, как новые настройки по умолчанию для этого эффекта.
Нажав на кнопку "Восстановить значения по умолчанию" (Reset to Default), Photoshop загрузит эти сохранённые настройки.

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Одним из наиболее частых вопросов, которые задают пользователи Photoshop, причём не только начинающие, это: "В чём же всё-таки разница между опциями...
Примечание. Начиная с версии CS5, в Photoshop добавлены два новых режима наложения, это Subtract (Вычитание) и Divide (Разделить). Перевод режимов...
как открыть несколько фото как слои в одном документе, не используя Bridge
В предыдущем материале я рассказал, каким образом можно открыть а Photoshop одновременно несколько изображений как слои в одном документе. Но такой...
умные направляющие в Photoshop
Одно из значимых нововведений в Photoshop CC 2014, которое будет полезно многим пользователям и особенно веб-дизайнерам - это умные (смарт)...