Как добавить тени на черном фоне

Если вы когда—нибудь пытались добавить тень на черный или темный фон, вы, вероятно, замечали, что она как будто полностью исчезает.Это потому, что тени должны проявляться на контрасте, а чистый черный не оставляет места для глубины.В этом уроке мы рассмотрим, почему это происходит, как это исправить и как сделать так, чтобы тени выглядели естественно даже на самой темной бумаге или элементах.Снимки экрана в этом уроке были сделаны в PaintShop Pro, но те же принципы применимы к любому программному обеспечению для редактирования графики или фотографий, включая Affinity Photo или Photoshop.

Почему тени исчезают на черном фоне

Начнем с простого теста.Представьте себе две справочные бумаги: желтую и черную.Если разместить кнопку на желтой и применить свою обычную тень.Допустим, Смещение 10/10, Непрозрачность 60, Размытие 10. Выглядит нормально.Тень выглядит мягкой и естественной.

Теперь скопируйте ту же кнопку на черную бумагу и примените точно такие же настройки тени.Что происходит?Вы этого вообще не видите.Тень как будто исчезла.

Это потому, что тени становятся видимыми только тогда, когда есть контраст между тенью и самим фоном.На черном фоне нет более светлой области, где тень могла бы «темнеть», поэтому она просто сливается с ней.

Настройка параметров тени

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

Теперь, чтобы лучше усилить тень на темном фоне, начните с повторного открытия диалогового окна 3D—эффекты > Тень .Для единообразия вы можете сохранить то же направление, но увеличьте Offset, чтобы сделать его более очевидным.Затем увеличьте Непрозрачность , чтобы она была сильнее, и уменьшите Размытие , потому что мягкая, размытая тень становится почти невидимой на темных поверхностях.

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

Добавьте акцента с помощью дублирующих теней

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

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

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

Дизайнеры избегают чистого черного цвета

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

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

Немного осветлите фон

Если ваша бумага или объект слишком темные, перейдите в Настройка > Яркость и контраст > Яркость/Контраст .

Немного увеличьте яркость, не слишком сильно, вы все равно хотите, чтобы она выглядела черной, но достаточно, чтобы тень могла взаимодействовать друг с другом.С.

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

Заключительные мысли

Добавление теней на черный фон в PaintShop Pro—это баланс видимости и реализма.Более сильные смещения, уменьшенное размытие и немного более яркий фон могут помочь теням проявиться, не делая ваш дизайн неестественным.

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

Если вы хотите увидеть эту технику в действии, я также рассмотрел ее в этом видеоуроке.

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