Как сделать тень в фотошопе

Обновлено: 24.11.2024

Добавление реалистичных теней к фотографиям с помощью Adobe Photoshop CC

Том Грин – бывший писатель Lifewire, автор или соавтор 15 книг по компьютерной графике, а также профессор Хамбер-колледжа.

Что нужно знать

Выберите объект с помощью инструмента «Лассо», затем щелкните правой кнопкой мыши >Слой через вырез. В Слои > Эффекты > Тень. Введите Угол, Расстояние и Размер.
Сначала попробуйте следующие настройки: угол = -180 градусов, расстояние = 69 пикселей, размер = 5 пикселей. Затем щелкните правой кнопкой мыши Fx > Создать слой > ОК.
Выберите теневой слой >Редактировать >Свободное преобразование >Искажение. Отрегулируйте размещение, затем продублируйте слой, размойте, добавьте маску и отрегулируйте непрозрачность.

В этой статье объясняется, как добавить реалистичные тени к изображениям в Photoshop CC 2019, выбрав объект на заднем плане и переместив его на отдельный слой.

Как создать тень в Adobe Photoshop CC

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

Используйте инструмент "Лассо", чтобы выделить объект.

Используйте инструмент "Уточнить край" вместе с инструментом "Лассо", чтобы уточнить выделение.

Щелкните объект правой кнопкой мыши и выберите "Слой через разрез".

Выберите «Fx» в нижней части панели слоев, затем выберите «Тень» из списка.

Если панель слоев не отображается, выберите «Окно» > «Слой».

Введите следующие настройки и нажмите кнопку ОК:

Вы можете поэкспериментировать с этими настройками, чтобы настроить эффект тени.

Выбрав теневой слой, щелкните правой кнопкой мыши значок Fx рядом с именем слоя и выберите в списке пункт «Создать слой».

Нажмите "ОК", чтобы игнорировать предупреждение.

Выберите слой с тенью, а затем выберите «Правка» > «Свободное преобразование».

Щелкните правой кнопкой мыши по объекту и выберите "Искажение".

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

Щелкните правой кнопкой мыши слой с тенью и выберите Дублировать слой.

Выберите ОК.

Выбрав слой теневой копии, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».

Переместите ползунок вправо, чтобы размыть края тени, затем нажмите "ОК".

Выбрав слой с теневой копией, выберите значок "Добавить маску слоя" (рядом с Fx в нижней части палитры слоев).

Выбрав маску, выберите инструмент "Градиент" и установите белый цвет переднего плана и черный цвет фона.

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

Отрегулируйте непрозрачность в палитре слоев, чтобы сделать тень более естественной.

Как только вы будете удовлетворены результатом, сохраните изображение в формате PSD или в предпочитаемом вами формате.

Благодаря реалистичным естественным теням в композиции ваш объект будет лучше вписываться в сцену, что сделает все изображение более целостным.

В этом уроке вы научитесь очень простому способу создания реалистичных теней в Photoshop!

Когда дело доходит до создания естественно выглядящих теней, наиболее трудными являются три вещи: цвет, перспектива и форма.

Пусть PTC покажет вам, как сделать все это правильно для создания реалистичных теней в Photoshop!

Обучающие изображения

Как другие создают тень

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

Выберите слой объекта и, удерживая нажатой клавишу Ctrl (Windows) или Command (macOS), щелкните значок «Новая маска слоя», чтобы создать новый слой непосредственно под ним.

Переименуйте слой в «Тень».

Отмените выбор, нажав Ctrl D (Windows) или Command D (macOS).

Преобразуйте тень > щелкните правой кнопкой мыши > "Отразить по вертикали" и опустите ее, чтобы имитировать положение тени.

Проблема с общими методами

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

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

Раскрась тень

Чтобы заполнить текущую тень правильным цветом, выберите самую темную тень на изображении, чтобы установить ее в качестве цвета переднего плана, нажмите Alt Shift Backspace (Windows) или Option Shift Delete (macOS).

Измените режим наложения на «Умножение» и уменьшите непрозрачность, чтобы он идеально сочетался с текстурой земли и реальными цветами.

Сопоставить перспективу тени

Выберите инструмент «Перемещение» и нажмите Ctrl T (Windows) или Command T (macOS), чтобы трансформировать слой.

Щелкните правой кнопкой мыши > Перспектива.

Нажмите нижний маркер и перетащите его в сторону от объекта, чтобы он напоминал перспективу сцены.

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

Использование марионеточной деформации для искажения тени

Тень должна касаться своего основного источника.

Выберите «Правка» > «Марионеточная деформация», это поместит сетку по всему слою, и вы всегда можете отключить это на панели параметров.

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

Добавьте булавку к тени стопы и перетащите ее к реальной стопе.

В этом примере пятки не соприкасаются, и вы можете деформировать тень, удерживая клавишу Alt (Windows) или Option (macOS), чтобы активировать инструмент поворота. Затем поверните тень стопы, пока она не коснется пятки.

Затем нажмите на галочку, чтобы сохранить изменения.

Размытие тени

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

Выберите «Фильтр» > «Размытие» > «Размытие по Гауссу» и настройте значение «Радиус» в зависимости от размытия, необходимого для композиции.

Добавить тень контакта

Создайте еще одну тень ниже текущей тени и начните с создания нового слоя под слоем тени.

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

Выберите инструмент «Кисть» и установите для параметра «Жесткость» значение 0 и начните рисовать контактную тень — часть тени, которая непосредственно касается ее источника и поверхности, на которой она лежит.

Вы можете добавить к слою размытие по Гауссу, чтобы создать плавный переход между тенью и контактной тенью.

Используйте инструмент «Градиент», чтобы сгладить тень

На панели инструментов выберите инструмент "Градиент".

На панели параметров установите значение "Градиент от черного к белому" и снимите флажок "Инверсия".

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

После релиза он покажет затухание, примененное к тени.

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

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

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

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

Хесус Рамирес — эксперт по цифровой графике, спикер и преподаватель, специализирующийся на Adobe Photoshop. Хесус наиболее известен как основатель Photoshop Training Channel, одного из самых популярных в мире каналов Photoshop на YouTube. Подробнее.

Вы также можете выбрать свои интересы, чтобы получить бесплатный доступ к нашему премиум-тренингу:

Добавление теней к фотографии жизненно важно для закрепления объекта на сцене при создании составного изображения.

В этой статье вы узнаете, как создать тень в Adobe Photoshop. Как на фото на белом фоне, так и на фоне природного пейзажа.

Давайте начнем с этого простого руководства по Photoshop.

Фото Льюиса Берроуза с сайта Pexels

[Примечание: ExpertPhotography поддерживается читателями. Ссылки на продукты на ExpertPhotography являются реферальными ссылками. Если вы воспользуетесь одним из них и купите что-нибудь, мы немного заработаем. Нужна дополнительная информация? Посмотрите, как все это работает здесь .]

Как добавить тени на белый фон

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

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

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

Красная ваза на белом фоне

Создать тень

Первый шаг — создать тень. Это довольно простая задача.

Вырежьте объект из другого изображения. Это должно быть проще, если у вас уже есть фотография продукта на белом фоне. Используйте инструмент "Выделение объекта" (сочетание клавиш W), чтобы упростить выбор.
Импортируйте изображение в пустой документ Photoshop. В этом документе Photoshop вам понадобится новый фоновый слой белого цвета и слой для размещения вашего объекта.
На слое с вашим объектом нажмите Эффекты слоя. Найдите это в нижней части окна слоев. Там написано "fx". Выберите параметр для создания тени. Теперь вы можете управлять эффектом. Вы можете изменить цвет тени (по умолчанию черный), а также непрозрачность, угол, размер и расстояние.

Вот настройки в диалоговом окне "Эффекты слоя".

Снимок экрана диалогового окна тени.

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

Сделать тень реалистичной

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

На слое, содержащем вашу тень. Щелкните правой кнопкой мыши на появившемся символе fx. Выберите Создать слой. Должен появиться новый слой, содержащий только тень.
Теперь вам нужно изменить направление тени. Используя раскрывающееся меню, выберите «Правка»> «Трансформировать»> «Наклон». Используйте две верхние опорные точки, чтобы перетащить тень. В этом примере я перетащу тень вправо. Вы можете настроить, насколько вы хотите, чтобы тень исходила сбоку. В этом случае я буду перетаскивать примерно до 45 градусов.
Тень теперь очень длинная, так что вы можете настроить и это. Перейдите в «Правка»> «Трансформировать»> «Масштаб». Теперь вы сможете изменить длину тени, перетащив верхний якорь вверх или вниз. В этом случае длина тени была сокращена.
Наконец, вам нужно деформировать тень, чтобы она соответствовала отбрасывающему ее объекту. Вам нужно убедиться, что основание тени все еще соприкасается с основанием объекта. Выберите «Правка»> «Трансформация»> «Деформация». Перетащите опорные точки, чтобы убедиться, что тень находится в правильном положении.

Последние штрихи

Эта тень должна быть сильнее у основания и более рассеянная и светлая у вершины. Для этого создайте второй слой с тенью.

Выберите слой с тенью и перейдите в меню «Слой»> «Дублировать слой» (Ctrl или ⌘J). Теперь у вас есть копия.
Нажмите на первый слой тени. Введите 90% в поле «Заливка» в верхней части окна слоев. Это самая темная часть вашей тени. Теперь нажмите на копию слоя и введите 40% в поле «Заливка». Это твоя светлая тень. Отмените выбор значка глаза слева от слоев, чтобы увидеть изменение силы теней.
Теперь отрегулируйте резкость тени. Он должен быть более рассеянным, чем дальше от объекта он становится. Для этого вам нужно добавить размытие по Гауссу. Нажмите на слой с легкой тенью. Перейдите в «Фильтры»> «Размытие»> «Размытие по Гауссу». В диалоговом окне установите радиус пикселя около 25. Нажмите на темную тень и добавьте около 5 пикселей размытия. Вы можете сделать тень более резкой или более рассеянной, отрегулировав радиус пикселя по своему вкусу.
Последняя задача – применить градацию, чтобы плавный переход тени от более темного к более светлому. Во-первых, примените белую маску слоя к вашей темной тени. Вы можете сделать это, щелкнув инструмент «Маска слоя» в нижней части окна слоев. Он выглядит как прямоугольник с кругом внутри. Или вы можете выбрать «Слой»> «Слой-маска»> «Показать все».
Теперь выберите инструмент "Градиент" в меню слева. Убедитесь, что у вас установлен белый фон, а передний план — черный. Выберите точку примерно посередине тени и перетащите градацию назад через объект, отбрасывающий тень. Более темная часть тени должна быть ближе к объекту. Чем более градуированной должна быть тень, тем длиннее должна быть линия. Скопируйте маску слоя на слой светлых теней, нажав клавишу выбора и перетащив маску слоя. Инвертируйте копию маски слоя, выбрав «Изображение» > «Коррекция» > «Инвертировать» (Ctrl или ⌘I).

Готово! Ваша тень должна выглядеть естественно, как будто она всегда была здесь.

Как добавить тени к пейзажной сцене

Ищите источник света

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

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

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

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

Вставьте свой объект в сцену

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

Создайте новый слой в Photoshop, а затем вставьте объект или человека в сцену.
Измените размер объекта в соответствии со сценой. Для этого перейдите в Edit>Free Transform (Ctrl или ⌘T). Теперь перетащите опорные точки, чтобы отрегулировать размер объекта. Удерживайте клавишу Shift, чтобы сохранить пропорции. В моем примере я использовал забор как точку отсчета для высоты модели.
С помощью инструмента перемещения поместите объект или человека на сцену.

Формируйте свою тень

Добавьте к слою с вашим объектом эффект тени (значок fx). Измените цвет тени, непрозрачность, угол, размер и расстояние, чтобы они соответствовали вашему изображению. Если у вас есть картинка с существующими тенями, подберите их цвет при создании новой. Используйте для этого пипетку.
Щелкните правой кнопкой мыши символ fx, появившийся на вашем слое, и выберите «Создать слой». Должен появиться новый слой, содержащий только тень.
Используйте описанные выше инструменты преобразования (наклон, масштаб и деформацию), чтобы отрегулировать тень так, чтобы изображение выглядело логичнее. На этот раз я хотел перенести тень вперед, так как основной источник света исходит из-за бамбукового леса. На этом фото я держу тень в пределах кадра и немного смещаю ее влево. Возьмите верхний якорь и перетащите его вперед, а затем удлините тень по своему вкусу. Возможно, вам снова придется использовать функцию деформации внутри преобразования, чтобы убедиться, что тень по-прежнему связана с моделью.
Если источник света находится позади объекта, вы можете сначала отразить тень по вертикали, выбрав «Правка» > «Трансформировать» > «Отразить по вертикали».

Смягчить тень

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

Основное отличие состоит в том, что на этом фото тень будет более рассеянной. В диалоговом окне размытия по Гауссу для более темной тени радиус пикселя установлен на 25, а для более светлой тени — на 50.

На финальном изображении видна красивая рассеянная тень позади модели на фотографии.

Заключение

Добавить эффект слоя тени в Photoshop очень просто. Хитрость заключается в корректировке эффекта, чтобы он выглядел естественно.

Есть три ключевых шага:

Добавить новый слой из эффекта слоя.
Настройте размер и форму слоя, чтобы сделать тень более реалистичной.
Используйте инструмент "Градиент", чтобы ослабить тень.

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

Хотите узнать больше полезных советов по Photoshop? Почему бы не прочитать наш новый пост об использовании инструмента деформации Photoshop далее! Чтобы узнать все, что вам нужно знать о Lightroom, попробуйте наш курс «Редактирование без усилий»!

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

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

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

Современные тени в веб-макетах

Первый пример приложения — красочная и яркая целевая страница без теней. На веб-сайте есть интерактивные кнопки, которые мы хотим выделить, добавив тени. Чтобы создать тень, сначала дважды щелкните слой кнопкой . Выберите «Тень» в нижней части списка «Параметры наложения». Если вы установите непрозрачность на 100 процентов в разделе «Структура» параметров «Тень», вы получите типичный вид 2000-х годов: смелая и тяжелая тень.

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

Для этого сначала переместите ползунок непрозрачности тени на 20. Затем, если вы установите расстояние равным 0, вам не нужно указывать угол. Мы хотим, чтобы тень вокруг кнопки выглядела одинаково. Затем установите размер 5 пикселей, чтобы размыть тень. Теперь тонкая тень уже должна быть видна, но она все еще слишком слаба, чтобы выделить кнопку.

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

Не беспокойтесь, вам не нужно повторять эти шаги для каждой отдельной кнопки. Щелкните правой кнопкой мыши кнопку, к которой вы только что добавили тень, на панели «Слои» и выберите «Копировать стиль слоя». Чтобы применить эффект ко всем остальным кнопкам, щелкните правой кнопкой мыши слои и выберите "Вставить стиль слоя" .

Создание жестких теней в Photoshop

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

Тени, отбрасываемые другими объектами на фотографии, говорят нам о том, что источник света падает на них сверху справа. Снова откройте «Параметры наложения» на панели «Слои» и установите флажок «Тень».

Начните с установки непрозрачности на 67 процентов и угла на 44 градуса. Это придаст тени ту же ориентацию, что и тени других объектов. Затем установите расстояние 24 пикселя и размер 29 пикселей. Тень, отбрасываемая шариковой ручкой, уже выглядит вполне убедительно. Но для достижения гармоничного общего впечатления вам придется настроить соотношение между бликами и тенями на самом ручке.

В параметрах наложения нажмите «Скос и тиснение» . Установите ползунок «Глубина» на 100 процентов, а ползунок «Размер» — на 49 пикселей. Затем определите источник света, используя маленький кружок под Angle в разделе Shading. Установите угол на 30 градусов и высоту также на 30 градусов. Наконец, передвиньте нижние ползунки светлых участков на 4 процента, а ползунок теней — на 38 процентов. Вуаля! Шариковая ручка смешана с фотографией, чтобы создать реалистичный результат.

Создание отбрасываемых теней в Photoshop

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

В этом случае мы предполагаем, что источник света расположен в левом верхнем углу. Чтобы создать эффект естественной тени, установите непрозрачность тени на 30 процентов и выберите угол 155 градусов. Установите глубину 286 и размер 18 пикселей.

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

Растушевка мягких теней в сторону

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

Нажмите «Слой» > «Стиль слоя» > «Создать слой» в верхнем меню. Тень и извлеченный человек теперь находятся на двух разных слоях. Затем выберите слой с тенью и нажмите «Фильтр» > «Галерея размытия» > «Размытие поля» в верхнем меню.

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

В нашем примере мы используем значение 150 пикселей. При необходимости вы можете вручную изменить это значение на панели настроек справа. Затем установите вторую булавку размытия на уровне живота и введите значение 130 пикселей. Наконец, добавьте третью булавку чуть ниже бедра со значением 80 пикселей. Это создает гораздо более естественную тень, и вы можете подтвердить размытие, нажав OK .

Читайте также: