Как сделать тень в Photoshop

30 январяЛикбезТехнологии

Три способа добавить объекту на фото больше объёма и динамики.

Поделиться

0

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

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

В Photoshop можно сделать тени множеством различных способов. Рассмотрим самые популярные из них.

Для macOS и Windows Photoshop предусматривает одинаковые шорткаты, но есть различия в клавишах‑модификаторах. Мы будем использовать обозначения для macOS. Если у вас Windows, просто меняйте Cmd на Ctrl.

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

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

Откройте файл с объектом на прозрачном фоне и дважды кликните по слою, чтобы отобразилось меню стилей.

Включите стиль «Тень» и поиграйте с непрозрачностью, смещением и другими параметрами, пока не добьётесь желаемого результата, а затем нажмите OK.

Теперь добавьте новый слой, нажав Cmd + Shift + N, перетащите его в самый низ и выполните заливку каким‑нибудь цветом. Если же планируете переместить объект с тенью на другое изображение, то просто сохраните фото с прозрачным фоном.

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

Да, нужный элемент можно просто нарисовать! Такой вариант хорош для случаев, когда источник света находится сверху, а также подойдёт для мягких, рассеянных теней без чёткого перехода от тёмных участков к светлым.

Откройте изображение, на котором нужно сделать тень, и добавьте новый слой сочетанием Shift + Cmd + N или кликнув на кнопку с плюсиком внизу окна.

Выберите одну из мягких кистей среди доступных вариантов.

Установите параметры непрозрачности и силы нажатия в районе 35% и нарисуйте тень. Экспериментируйте, а если результат не устроит — отменяйте действия, нажимая Cmd + Z. Для большего удобства и точности настройте масштаб сочетанием Cmd и + (плюс), Cmd и – (минус).

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

Как сделать тень в Photoshop через трансформацию

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

Откройте изображение с объектом на прозрачном фоне и дважды щёлкните по слою.

Поставьте галочку напротив стиля «Тень» и установите нужные параметры, двигая ползунки, а затем нажмите OK.

Выделите тень в списке эффектов слоя и, кликнув правой кнопкой, выберите в контекстном меню «Образовать слой».

Выделите новый слой с добавленным контуром, нажмите Cmd + T. Затем кликните правой копкой по выделению и выберите «Искажение».

Хватаясь за ключевые точки, измените размер и положение тени в соответствии с источником света и нажмите Enter.

Теперь добавьте новый слой сочетанием Shift + Cmd + N или кликом по кнопке с плюсиком и залейте его каким‑нибудь цветом. Если же собираетесь перенести объект на другое фото — не делайте больше ничего и сразу сохраните с прозрачным фоном.

Читайте также ✂️🖌👩‍🎨

• Как объединить слои в Photoshop: 10 способов
• Как обрезать фото в Photoshop
• Как убрать водяной знак с фото
• Как установить шрифт в Photoshop
• 75 горячих клавиш для продуктивной работы в Photoshop

Как сделать тень от объекта в Photoshop / Фотообработка в Photoshop / Уроки фотографии

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

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

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

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

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

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

Варианты создания

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

Давайте рассмотрим детальнее способы:

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

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

Давайте начнем по порядку рассматривать эти варианты на версии Photoshop CC 2020, которая является самой последней на данный момент, но разницы в алгоритме действий нет. Поэтому для версий младше (cs6, cs5 и тд) эта инструкция тоже подойдет.

Делаем тень с помощью параметров наложения слоя

Итак, для этого нам потребуется объект отдельным слоем. Соответственно, либо воспользуйтесь инструментами выделения и переместите на отдельный слой (Ctrl+J), либо вам потребуется объект формата png. Этот формат поддерживает прозрачность, и поэтому фон имеет прозрачность.

Для примера я сделал именно так и нашел фото человека в формате png в Google. Далее, я сделал запрос «Улица» и нашел фото из Москвы. Пример будет на тени от человека на земле.

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

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

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

С этим нам поможет инструмент «свободное трансформирование». Чтобы войти в него и управлять именно размером мужчины, выбираем слой с ним и нажимаем «Ctrl+T».

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

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

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

Здесь нам потребуется пункт «Тень». Выбираем его, ставим галочку слева и начинаем настраивать.

Здесь вы можете поиграть с настройками. Нам потребуется сразу выставить непрозрачность примерно на 50% (зависит от обстановки на фото), размер (иначе тень будет слишком четкой) и угол, который зависит от источника света. В нашем случае он падает слева направо, а значит выбираем его так, как на картинке.

Чтобы увидеть наглядно настройки, сместите тень немного ползунком «смещение», но потом верните назад.

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

Этим самым вы перенесёте тень на новый слой, и мы сможем уже разместить ее в нужном месте.

Теперь, выделяем ее и переносим в сторону для масштабирования. Для этого вновь воспользуемся «свободным трансформированием». Напоминаю, для этого нужно нажать сочетание клавиш Ctrl+T. Нам потребуется повернуть в сторону и разместить прямо под парнем. Так же, имеет смысл уменьшить тень в ширине, так как свет исходит ровно слева направо.

Вот как получилось у меня.

Регулировать прозрачность можно с помощью пунктов сверху от меню «слои» с помощью параметров «непрозрачность» и «заливка».

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

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

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

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

Связывание

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

• активация фонового слоя;
• выделение необходимых объектов на обрабатываемом изображении;
• копирование изображения в буфер обмена;
• переход в опцию «Каналы», где и создается альфа-канал;

• клик на пиктограмму чистого листа;
• вставка из буфера обмена фонового изображения;
• снятие выделения.

Далее для редактирования наложенной тени потребуется открыть диалоговое окно «Уровни». Данный инструмент предоставляет возможность изменить контрастность. Например, можно произвести смещение черного ползунка вправо, а белого влево. Там отображается еще и серый ползунок, но его перемещать не нужно.
Для размытия следует воспользоваться фильтром «Размытие про Гроссу». Затем потребуется сохранить созданный документ, к примеру, в формате PSD на жестком диске, это и будет картой смещения. Затем необходимо произвести активацию слоя с тенью, выполнив команды «Фильтр» — «Искажение» — «Смещение». В открывшемся диалоговом окне установить непосредственно в поле «Масштаб по горизонтали» и «Масштаб по вертикали», например, значения по 20%.

Способы объединения и группировки слоев в Фотошопе

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

Внутренняя тень

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

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

С помощью данного параметра я добавлю на правую часть тень. Для этого я выставил вот такие настройки:

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

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

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

Как стили слоя влияют на маску

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

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

Мы рады, что смогли помочь Вам в решении проблемы. Добавьте сайт Lumpics.ru в закладки и мы еще пригодимся вам. Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Отрисовка вручную кистью

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

Для этого особых навыков не надо. Загружаем в фотошоп фото и создаем новый слой. Делается это с помощью маленькой кнопки на панели слоёв снизу или с помощью сочетания клавиш Shift + Ctrl + N.

Теперь берем инструмент «Кисть» с соответствующим лого на панели инструментов. И теперь просто рисуем черным цветом! Убедитесь, что вы находитесь именно на созданном слое.

После того как нарисуете, вам потребуется уже упомянутая шкала «непрозрачность». Для тени она должна быть в диапазоне примерно от 30 до 50 процентов.

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

Вот так выглядеть будет с выставленной непрозрачностью в 40%. Аналогично всё делается кистью и с другими объектами.

Алгоритм добавления маски к слою

Как говорилось ранее, маску можно наложить на несколько слоев или на один какой-то слой любого вида. Для работы с масками создателями программы Фотошоп была специально отведена команда «Добавить к слою маску». Чтобы найти данный значок, следует взглянуть на панель слоев, он находится чуть ниже ее.

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

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

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

Сначала следует кликнуть на меню «Слои», затем из слоев, предлагаемых программой на выбор, выбрать слой-маску.

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

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

3 простых способа добавить тень к тексту в Photoshop

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

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

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

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

В этом уроке вы узнаете три быстрых и простых способа добавить к тексту один из самых полезных эффектов (Тень), а также несколько полезных советов.

Начинаем!

Содержание

• 3 способа добавления тени к тексту в Photoshop
  • Способ 1: двойной щелчок для быстрого доступа 
  • Способ 2: добавление стиля слоя
  • Способ 3: в верхнем меню
• Часто задаваемые вопросы 
  • Как добавить эффекты к тексту в Photoshop?
  • Как сделать текст толще в Photoshop?
  • Можно ли изменить цвет тени в Photoshop?
• Заключение

3 способа добавления тени к тексту в Photoshop

Примечание. Скриншоты взяты из версии Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть немного иначе.

Ваш текст готов? Вы можете легко применить тень к тексту, используя три приведенных ниже метода.

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

Способ 1. Дважды щелкните значок быстрого доступа

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

Появится окно Layer Style .

Шаг 2 : Отметьте Тень в левой части окна в разделе Стиль > Параметры наложения.

Шаг 3 : Соответственно отрегулируйте настройки тени. Вы можете изменить режим наложения, угол, непрозрачность, расстояние, размер и т. д. 

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

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

Шаг 4 : Нажмите OK.

Способ 2. Добавление стиля слоя

Шаг 1 : Нажмите кнопку fx в нижней части панели «Слои».

Шаг 2 : Проверьте Тень . Вы увидите то же окно Layer Style, что и в методе выше.

Шаг 3 : Измените настройки и нажмите OK.

Способ 3: Из меню

Шаг 1 : Перейти в меню Слой > Стиль слоя > Тень .

Шаг 2 : То же самое, появляется окно Layer Style.

Шаг 3 : Настройте параметры соответствующим образом и нажмите OK.

Очень просто, верно?

Часто задаваемые вопросы 

Ниже приведены некоторые часто задаваемые дизайнерами вопросы о добавлении тени к тексту в Adobe Photoshop. Вы знаете ответы?

Как добавить эффекты к тексту в Photoshop?

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

Как сделать текст толще в Photoshop?

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

Можно ли изменить цвет тени в Photoshop?

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

Заключение

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

С эффектом «Тень» в Adobe Photoshop можно сделать очень многое. Не терпится увидеть, что вы сделаете дальше! 🙂

О Джун

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

Как добавить простую тень продукта в Photoshop

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

Что такое тень? Это тень, которая появляется на задней стороне продукта. Так что он отлично подходит для ваз, подобных изображенной ниже, произведений искусства или подвесных ожерелий.

Начните с изображения с прозрачным фоном в формате GIF или PNG. Наличие прозрачного фона сообщает Photoshop, где находится контур продукта и где нужно создать тень.

Изображение, используемое ниже, представляет собой файл PNG вазы, помещенной на слой с синим фоном.

1. Откройте стиль слоя «Тень»: Сначала выберите слой с изображением. Затем из верхнего меню перейдите в Слой > Стиль слоя > Тень. Выбор слоя изображения сообщает Photoshop, что вы хотите создать тень на основе выбранного изображения.

2. Выберите настройки тени:

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

• Пока оставьте режим наложения как «Нормальный». На следующем шаге я объясню, почему выбор «Умножение» является лучшим вариантом.
• Непрозрачность: этот ползунок осветляет или затемняет вашу тень.
• Угол: означает угол, под которым падает свет. Перемещение линии внутри круга приведет к перемещению тени в разные стороны изображения. Например, когда вы гуляете, ваша тень движется в зависимости от положения солнца. Этот слайдер имитирует это.
• Расстояние: относится к расстоянию тени от продукта.
• Размер: относится к размеру тени.
• Оставьте для других параметров значения по умолчанию.

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

Вот настройки, использованные для изображения выше.

3. Режим наложения: «Нормальный» режим наложения дает тень с оранжевым оттенком — оранжевый цвет исходит от цвета продукта на изображении. Когда он находится на светлом фоне, таком как синий выше, «нормальный» режим работает нормально. Но если вы измените фон на более темный, то тень в обычном режиме выглядит не так. В этом случае выберите «Умножение» в качестве режима наложения. «Умножение» работает и на светлом фоне, поэтому вы можете постоянно выбирать эту опцию.