Как сделать тень в Photoshop —
3 способа | Урок | Фото, видео, оптика

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

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

Тень как бы «приземляет» предмет, создавая ощущение, что он правда находится в сцене / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт / Фото: unsplash.com

Как создать тень в Photoshop с помощью стилей слоя
Настройки стиля слоя Тень
Как нарисовать тень в Photoshop
Свободное трансформирование — как сделать тень в Photoshop

Как создать тень в Photoshop с помощью стилей слоя

Стили слоя — это инструменты, которые автоматически генерируют эффекты. Например, свечение, обводку, заливку или тень. Их используют графические дизайнеры, когда работают с векторной графикой, с помощью стилей слоя можно украсить текст. Естественно, их применяют и фотографы в коллажировании. Рассказываем, как сделать тень тексту или объекту.

1. Откройте фотографию с объектом, для которого хотите добавить тень.

Далее предмет нужно вырезать любым удобным способом — вручную маской, с помощью быстрого выделения или, как в случае с данным примером, нажатием кнопки «Удалить фон» в палитре Свойства / Properties.  

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

2. Создайте под объектом однотонный фон, чтобы лучше видеть результат работы.

В палитре Слои / Layers нажмите на чёрно-белый круг и выберите команду Цвет / Solid Color. В открывшейся палитре выберите белый цвет и нажмите Ок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

3. Пришло время добавлять тень! Кликните левой кнопкой мыши на слой с вырезанным объектом. Внизу на панели Слои найдите значок с буквами fx — это и есть стили слоя. В выпадающем списке выберите Тени / Shadows.

В открывшемся окне задайте нужные параметры тени — толщину, цвет, размытость, угол наклона — и нажмите Ок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Настройки стиля слоя Тень

В любой момент вы можете поменять настройки тени. Для этого кликните дважды левой кнопкой мыши на слово Эффекты / Effects или Тень / Shadow в палитре Слои / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

1. Режим наложения. Наиболее удачным и реалистичным считается Умножение / Multiplay. Ради эксперимента можно выбрать любой другой.

2. Цвет тени.

3. Непрозрачность тени.

4. Угол. То, в какую сторону будет направлена тень.

5. Смещение. То, насколько сильно тень отходит от объекта.

6. Размах. Делает контур тени более толстым и грубым.

7. Размер. Делает тень более размытой.

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

9. Шум. Добавляет шум на тень. Небольшие значения могут быть уместны, чтобы добавить реалистичности.

Как нарисовать тень в Photoshop 

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

• Вырежьте объект.

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

Зажмите левой кнопкой мыши слой с будущей тенью и перенесите под объект / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Кликните левой кнопкой мыши на слой с будущей тенью. Возьмите инструмент Кисть / Brush на панели инструментов слева.

Задайте настройки кисти с помощью строки наверху. Самая важная из настроек — режим наложения. Вам понадобится Умножение / Multiplay. Далее задайте размер кисти, её жёсткость (чем мягче, чем более размытой будет тень) и непрозрачность.

Остальные настройки, кроме режима наложения, придётся подбирать вручную, исходя из ваших задач и видения — точных рекомендаций нет / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

 Подробно об инструменте кисть и её настройках. 

4. Нарисуйте тень под объектом. Желательно не ставить слишком большую непрозрачность и добавлять её мазками постепенно — если вы понаблюдаете за предметами вокруг, то увидите, что под предметами тень темнее, чем на удалении от него.

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

Свободное трансформирование — как сделать тень в Photoshop

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

1. Откройте фотографию с предметом, которому хотите добавить тень, и вырежьте его.

2. Создайте дубликат вырезанного предмета. Для этого нажмите Ctrl + J или правой кнопкой мыши по слою — Создать дубликат слоя / Duplicate Layer.

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

Чтобы залить слой чёрным цветом:

• Нажмите на иконку с чёрным и белым квадратом в левой части экрана.

Поменяйте цвета местами с помощью стрелочки или горячей клавиши X, чтобы чёрный цвет был внизу / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

• Нажмите Ctrl и кликните левой кнопкой мыши по слою, который хотите залить. Создастся выделение, которое не даст цвету заливки заполнить весь слой.
• Нажмите сочетание клавиш Ctrl + Delete. Будущая тень зальётся чёрным цветом.
• Нажмите Ctrl + D, чтобы снять выделение.

После этого поставьте слой в режим наложения Умножение / Multiply / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

4. Кликните на слой-тень и перейдите в команду Редактирование / Edit — Свободное трансформирование / Free Transform.

Горячие клавиши для свободного трансформирования — Ctrl + T. Теперь тень можно перемешать и сдвигать как угодно / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Возможные варианты трансформации тени:

– чтобы «положить» тень, нажмите правой кнопкой мыши и выберите Отразить по вертикали;

– чтобы перемещать тень, зажмите её левой кнопкой мыши и сдвигайте;

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

Меню активируется нажатием правой кнопки мыши / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. Когда вы получите нужную форму тени, нажмите клавишу Enter. Получившуюся тень можно доработать.

Размойте тень с помощью Фильтр / Filter — Размытие / Blur — Размытие по Гауссу / Gaussian Blur или уменьшите её Непрозрачность / Opacity в палитре Слои / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать реальную тень для текста в Фотошопе

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

Пример HTML-страницы

Как сделать реальную тень для текста в Фотошопе

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

Самое главное — это определить источник света. Источник может быть один, два и более, и каждый источник создаёт собственную тень от окружающих предметов.

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

Третий фактор, который необходимо учитывать — это расстояние от источника до объекта.

И четвёртый момент — интенсивность света.

Но давайте рассмотрим это на практическом примере.

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

Создание тени при освещении впереди объекта

Предположим, что я хочу разместить источник света впереди объекта (фронтальное освещение). Расстояние от источника и интенсивность света определяет длину тени и её непрозрачность соответственно.

Первое, что мы должны сделать для имитации фронтального освещения — это сделать текст немного ярче (блик в нижней части) и добавить градиентный блик на фон. Это мы сделаем с помощью стиля слоя «Наложение Градиента». Слева показан стиль слоя для теста, справа — для фона:

Результат:

Далее дублируем текстовый слой, нажав Ctrl+J и сразу переименуем его в «text shadow». В панели слоёв перетаскиваем слой «text shadow» под первый слой с тестом, удаляем стиль, растрируем слой и применяем команду «Свободная трансформация»(Ctrl+T). Протащите средний маркер на верхней стороне габаритной рамки вниз так, чтобы высота составляла 60%:

На данный момент у нас активна команда «Свободная трансформация». Кликните правой клавишей мыши внутри габаритной рамки и из контекстного меню выберите пункт «Перспектива». Растяните буквы по горизонтали, как показано на рисунке:

В панели слоёв уменьшите «Заливку» (Fill) слоя «text shadow» до нуля и примените к нему стиль слоя «Наложение градиента» со следующими параметрами:

Сделайте непрозрачность слоя «text shadow» примерно 90%.

Вот что примерно должно получиться:

Последний шаг заключается в добавлении к тени небольшого Размытия по Гауссу (Gaussian Blur). Если тень получилась темнее, чем нужно, настройте прозрачность градиента в стиле слоя.

Ваш готовый результат должен выглядеть так:

Примечание. При создании реальной тени от предметов имеется ещё один маленький нюанс, касающийся размытия. Дело в том, что размытие тени на удалении от предмета значительно больше, чем вблизи предмета. Поэтому, до применения фильтра «Размытие по Гауссу», слой «text shadow» следует преобразовать в смарт-объект и только затем применить «Размытие по Гауссу».

После этого в панели слоёв делаем двойной клика по маске фильтра, берём инструмент «Градиент», выбираем стандартный чёрно-белый и тянем сверху вниз по буквам слоя «text shadow», как показано на рисунке. Градиентная маска скроет действие фильтра внизу:

Как сделать тень при источнике света позади объекта

И рассмотрим противоположную ситуацию, когда источник света находится позади текста. В этом случае нам придется добавить тот же градиент такой на фоновом слое, но на этот раз надо поставить галку в чекбоксе «Инверсия» (Reverse):

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

Параметры стиля:

Результат:

Далее, копируем слой с текстом, удаляем стили, растрируем, включаем команду «Свободная трансформация», слева на панели параметров ставим якорь на нижней стороне указателя центра преобразования, кликаем правой клавишей мыши внутри габаритной рамки и выбираем в контекстном меню пункт «Отразить по вертикали»:

Далее, как и первом случае, уменьшаем высоту текста до 60% и производим перспективное искажение:

И добавляем чёрно-прозрачный градиент (в этот раз затемнение будет вверху букв), преобразуем слой в смарт-объект, добавляем размытие по Гауссу, а затем чёрно-белый градиент к маске смарт-фильтра:

Готовый результат тени от текста при источнике света позади:

Ссылка на источник

Пример HTML-страницы

Реалистичный эффект тени в Photoshop

Шаг 1: выберите человека или объект

Прежде чем мы сможем добавить кому-то тень, нам сначала нужно его выбрать. Используя инструмент выделения по вашему выбору (инструмент «Лассо», инструмент «Быстрое выделение», инструмент «Перо» и т. д.), нарисуйте выделение вокруг человека (или объекта) на фотографии. Когда вы закончите, вы должны увидеть контур выделения вокруг них. Вот, я выбрал девушку:

Выберите человека или объект на фотографии.

Шаг 2: Скопируйте выделение на новый слой

Выделив человека или объект, нажмите Ctrl+J (Win) / Command+J (Mac) на клавиатуре, чтобы быстро скопировать выделение на новый слой. В окне документа ничего не произойдет, но если мы посмотрим на панель «Слои», то увидим, что Photoshop скопировал выделение на новый слой с именем «Слой 1» над фоновым слоем:

.

Выделение появляется на новом слое над фоновым слоем.

Шаг 3. Добавьте дополнительное пространство холста, если необходимо

В зависимости от вашего изображения этот шаг может понадобиться или не понадобиться, но в моем случае мне нужно добавить дополнительное пространство на холсте, чтобы освободить место для тени. Самый простой способ добавить дополнительное пространство на холсте — использовать Photoshop Crop Tool . Я выберу его на панели инструментов:

Выбор инструмента кадрирования.

Чтобы было легче видеть, что я делаю, я выйду из окна документа и перейду в первый из полноэкранных режимов Photoshop , нажав букву F на моей клавиатуре. Затем, активировав инструмент «Кадрирование», я щелкну серую область сверху и слева от верхнего левого угла изображения и, удерживая нажатой кнопку мыши, перетащу в серую область ниже и в справа от нижнего правого угла:

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

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

Добавление пространства слева путем перетаскивания левого маркера обрезки.

Я нажму Enter (Win) / Return (Mac), чтобы принять обрезку (хотя то, что мы делаем здесь, на самом деле является точным напротив обрезки), после чего Photoshop добавляет дополнительное пространство слева от изображения и заполняет его белым цветом (цвет фона по умолчанию). Я нажму F на клавиатуре пару раз, пока не вернусь к просмотру окна документа:

Поскольку мой фоновый цвет белый (цвет по умолчанию), Photoshop заполняет новое пространство холста белым цветом.

Шаг 4. Добавьте новый пустой слой ниже слоя 1

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните значок New Layer в нижней части панели слоев:

Щелкните значок «Новый слой», удерживая нажатой клавишу Ctrl (Win)/Command (Mac).

Это говорит Photoshop не только добавить новый слой в документ, как обычно, но и добавить новый слой ниже текущего выбранного слоя (Слой 1), который помещает его между Слоем 1 и фоновым слоем:

Новый слой появляется между двумя исходными слоями.

Шаг 5: Нарисуйте градиент на новом слое

Давайте создадим новый фон для эффекта, используя градиент, который придаст ему немного глубины. Щелкните образец цвета переднего плана в нижней части панели «Инструменты». По умолчанию он должен отображаться черным цветом:

.

Черный — цвет переднего плана по умолчанию.

Это открывает Photoshop Color Picker , где мы можем выбрать новый цвет переднего плана. Выберите светло-серый. Если вы хотите использовать тот же оттенок серого, что и я, введите 70 % для значения B (B означает яркость) справа. Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

Установите значение яркости (B) на 70% для светло-серого цвета. H (оттенок) и S (насыщенность) должны оставаться на уровне 0%.

Затем выберите Gradient Tool на панели инструментов. Мы будем использовать Gradient Tool несколько раз для этого эффекта:

Выберите инструмент «Градиент».

При активном инструменте «Градиент» щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте окна документа, чтобы быстро вызвать средство выбора градиента и убедиться, что у вас есть самый первый градиент — От переднего плана к фону — выбирается нажатием на его миниатюру (первый слева, верхний ряд). Нажмите Введите (Win) / Верните (Mac), когда вы закончите закрытие средства выбора градиента:

Выберите градиент от переднего плана к фону.

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

Растяните область перехода от серого к белому градиенту.

Отпустите кнопку мыши, и Photoshop нарисует градиент, который станет новым фоном для изображения:

Тонкий градиент добавляет изображению немного глубины.

Шаг 6. Добавьте новый слой над градиентом

Щелкните еще раз значок New Layer в нижней части панели слоев (на этот раз не нужно удерживать клавишу Shift):

Нажмите еще раз на значок «Новый слой».

Над слоем с градиентом появляется новый пустой слой:

Слой 3 появляется над градиентом.

Шаг 7: Загрузите выделение вокруг человека или объекта

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните непосредственно миниатюру предварительного просмотра верхнего слоя на панели «Слои». Не выбирайте слой, просто нажмите на его миниатюру:

Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните миниатюру предварительного просмотра слоя 1.

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

Вокруг человека или объекта, который мы впервые выбрали на шаге 1, появляется контур выделения.

Шаг 8: Залейте выделение черным цветом

Перейдите в меню Edit в верхней части экрана и выберите Fill :

Выберите Правка > Заполнить.

Когда появится диалоговое окно «Заливка», измените параметр Использовать вверху на Черный , затем нажмите OK, чтобы закрыть диалоговое окно:

Установите для параметра «Использовать» значение «Черный», затем нажмите «ОК».

Заполняет выделение черным цветом. Мы пока не можем видеть его в окне документа, потому что изображение на слое 1 закрывает его от просмотра, но мы можем увидеть его на миниатюре предварительного просмотра слоя на панели «Слои»:

Мы можем видеть содержимое слоя в его миниатюре предварительного просмотра, даже если мы не видим его в окне документа.

Шаг 9: Искажение тени в нужное положение

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

Выберите «Правка» > «Трансформация» > «Искажение».

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

Перетащите верхний маркер преобразования, чтобы преобразовать тень в форму.

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

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

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды Distort. Теперь ваша тень должна выглядеть примерно так:

.

Первоначальная форма тени теперь на месте.

Шаг 10: Примените легкое размытие

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

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

Откроется диалоговое окно «Размытие по Гауссу». Увеличьте радиус примерно до 1,5 пикселя для очень тонкого эффекта размытия, затем нажмите OK, чтобы выйти из диалогового окна. Края тени будут выглядеть мягче:

Значение радиуса около 1,5 пикселя — это все, что нам нужно для начала.

Шаг 11: Используйте режим быстрой маски для постепенного выбора тени

Чтобы тень выглядела реалистично, края должны постепенно становиться мягче по мере удаления от объекта. Чтобы создать этот эффект постепенного размытия, мы снова обратимся к фильтру Gaussian Blur, но сначала мы создадим выделение, используя режим Photoshop Quick Mask .

Выберите инструмент Gradient Tool еще раз на панели «Инструменты», затем нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона Photoshop к их значениям по умолчанию (черный будет цветом переднего плана, белый — цветом фона). Затем нажмите букву Q на клавиатуре, чтобы переключиться в режим быстрой маски. Пока ничего не изменится в окне документа. При активном инструменте «Градиент» щелкните в нижней части тени и перетащите по диагонали вверх, например:

Проведите диагональный градиент снизу вверх тени.

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

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

Нажмите букву Q на клавиатуре, чтобы выйти из режима быстрой маски и вернуться в обычный режим. Наложение быстрой маски с красного на прозрачное будет заменено стандартным контуром выделения, который, кажется, не делает ничего, кроме деления тени пополам, при этом выделена только верхняя половина. Это всего лишь неудачная иллюзия со стороны Photoshop. Photoshop может отображать контуры выделения только вокруг пикселей, которые выделены не менее чем на 50%. Так что, хотя кажется, что мы ничего здесь не добились, фильтр размытия по Гауссу собирается доказать обратное:

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

Шаг 12: снова примените фильтр размытия по Гауссу

Поскольку фильтр Gaussian Blur был последним фильтром, который мы использовали, мы можем быстро восстановить его, нажав Ctrl+Alt+F (Win) / Command+Option+F (Mac) на клавиатуре. На этот раз, когда появится диалоговое окно, увеличьте значение Radius примерно до 10 пикселей , затем нажмите OK, чтобы выйти из него:

Увеличьте значение радиуса примерно до 10 пикселей.

Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы удалить контур выделения, и мы видим в документе, что края тени теперь выглядят постепенно мягче снизу вверх:

Края теней теперь выглядят более реалистично.

Шаг 13: Добавьте маску слоя

Тень должна исчезать по мере удаления от объекта, что легко сделать с помощью маски слоя. Нажмите на Маска слоя значок в нижней части панели «Слои». Миниатюра маски слоя с белой заливкой появится справа от миниатюры предварительного просмотра теневого слоя:

Миниатюра маски слоя появляется после щелчка по значку маски слоя.

Шаг 14. Установите цвет переднего плана на темно-серый

Мы не хотим, чтобы тень полностью исчезала, поэтому щелкните образец цвета фона на панели «Инструменты», который в настоящее время должен быть черным (цвета переднего плана и фона по умолчанию меняются местами, когда выбрана маска слоя):

Нажмите на образец цвета фона (в правом нижнем углу).

Когда появится палитра цветов, выберите темно-серый цвет, установив значение B (яркость) на 30%. Оставьте для параметров H (Оттенок) и S (Насыщенность) значение 0%. Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

Выберите темно-серый цвет фона.

Шаг 15. Нарисуйте градиент по тени на маске слоя

Затем, выбрав инструмент «Градиент», щелкните еще раз в нижней части тени и перетащите ее по диагонали вверх кверху, точно так же, как мы сделали минуту назад в режиме «Быстрая маска». Разница здесь в том, что мы рисуем градиент на маске слоя:

Нарисуйте градиент от белого к темно-серому снизу вверх тени.

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

Теперь тень постепенно исчезает.

Шаг 16: Уменьшите непрозрачность тени

В качестве последнего шага давайте уменьшим непрозрачность тени, чтобы она не казалась такой темной вблизи объекта (поскольку тени всегда несколько прозрачны). Вы найдете параметр Opacity в правом верхнем углу панели «Слои». Немного уменьшите его примерно до 85% :

Уменьшите непрозрачность слоя с тенью до 85%.

На этом мы закончили! Вот окончательный эффект «отбрасываемой тени»:

.

Окончательный результат.

Как добавить тень в Photoshop

(Изображение предоставлено Adobe)

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

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

Без лишних слов, вот как добавить тень в Adobe Photoshop.

• Select the layer to which you want to add a shadow
• Click the fx button, bottom right
• Select Drop Shadow
• Set the shadow parameters
• Нажмите OK

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

Прежде чем мы начнем, стоит отметить, что вы не увидите тень на элементе, если вокруг него нет пространства, например фона или границы. Если вы не знаете, как это сделать, сначала узнайте, как добавить фон в Photoshop.

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

(Изображение предоставлено Future)

2. Нажмите кнопку fx и выберите Drop Shadow .

(Изображение предоставлено Future)

3. Отрегулируйте параметры тени , включая угол освещения, непрозрачность и размер тени. Вы можете переместить всплывающее окно Layer Style в сторону , чтобы проверить, как тень выглядит на вашем изображении. Нажмите OK , когда будете довольны. Чтобы вернуться и отредактировать снова, просто дважды щелкните вкладку «Тень» под вашим слоем, внутри поля слоя в правом нижнем углу.

(Изображение предоставлено Future)

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

Хотите освежить свои знания в области фотографии? Начните с прочтения оптического и цифрового зума.

Today’s best Mirrorless Cameras deals

Reduced Price

$506.94

$337.39

View Deal (открывается в новой вкладке)

(открывается в новой вкладке)

(открывается в новой вкладке)

$337,99

(откроется в новой вкладке)

Посмотреть предложение (откроется в новой вкладке)

Цена со скидкой

(откроется в новой вкладке)

(откроется в новой вкладке)

$899,99

(откроется в новой вкладке)

Посмотреть предложение (открывается в новой вкладке)

Показать больше предложений

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