Внутренняя тень в фотошопе где

Обновлено: 07.07.2024

Всем привет! Мы поговорим о том, как сделать тень в фотошопе.

Программа Adobe Photoshop имеет широкую гамму инструментов и функций, при помощи которых можно добавлять тени к объектам, мы рассмотрим два наиболее распространённых способа создания теней в фотошопе – при помощи Стилей слоя (Layer Style) и с помощью Выделения (Select).

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

Несколько советов перед созданием тени

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

Как сделать тень при помощи Стилей слоя (Layer Style)

«Повесим» картину на стену при помощи фотошоп. Откроем изображение стены, Файл-Открыть (File-Open).

как открыть изображение в фотошопе

Поместим (Файл-Поместить (File–Place)) на холст изображение с картиной, оно уже отделено от фона,

как поместить изображение в фотошопе

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

разместить изображение в фотошопе

При помощи инструмента Перемещение (Move tool), быстрая клавиша вызова инструмента V, перетаскиваем картину чуть выше:

где находится инструмент move tool на панели - фотошоп

фотошоп

На панели слоев делаем активным слой с картиной, кликаем по нему два раза левой кнопкой мыши – откроется окно с настройками Стилей слоя (Layer Style):

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

Ставим галочку у Стиля слоя Тень (Drop Shadow):

добавляем тень в фотошопе

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

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

настройка тени в фотошопе

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

добавили тень в фотошопе

Исчез эффект плоскости, и коллаж приобрел реалистичность.

Как сделать тень в фотошопе при помощи Выделения (Select)

Этот способ, несомненно, посложнее, но, уверенна, вы справитесь!

фотошоп создаем документ

Помешаем в новый документ изображение с девушкой (Файл-Поместить (File–Place)). Девушка уже отделена от фона, так что нам не придется её вырезать.

фотошоп тень

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

уменьшаем в фотошопе

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

выделегние слоя в фотошопе

выделили объект в фотошопе

слои

слои

Вот как на данный момент выглядит наша будущая тень:

тень

Снимаем выделение (Ctrl + D), активируем инструмент Свободное трансформирование (Free Transform Tool), горячие клавиши для его вызова Ctrl + T, также перейти к нему можно через меню Редактирование-Свободное трансформирование (Edit- Free Transform Tool):

трансформирование в фотошопе

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

делаем тень в фотошопе

добавили тень в фотошопе

Как мы помним, тень у объекта имеет высокую насыщенность, по мере отдаления от объекта тень становится полупрозрачной. Для плавного снижения прозрачности тени будем использоватьинструмент Градиент (Gradient), горячая клавиша вызова инструмента – G.

градиент на тень в фотошопе

Добавляем к слою с тенью маску слоя, кликаем на значок ее создания в панели слоев:

слои в фотошопе

На клавиатуре нажимаем клавишу D, чтобы вернуть цвета переднего и заднего плана к установленным по умолчанию. После этого действия при выборе инструмента Градиент (Gradient) в качестве стиля градиента будет предложен стиль от черного к белому.

тень в фотошопе

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

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

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

Вот мы и узнали, как сделать тень в фотошопе. Надеемся, урок был для вас полезным. Творческих успехов!

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Детальная инструкция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем тень в Adobe Ps

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

Создаем тень в Adobe Ps

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

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

Создаем тушевку в Adobe Ps

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

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

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

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

Создаем тушевку в Adobe Ps

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

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

Создаем тушевку в Adobe Ps

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

 Adobe Ps

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

Ребят, если есть желание хорошо разбираться в этой теме, то рекомендую пройти курс «Photoshop с нуля до PRO». После прохождения данного курса можно будет начать зарабатывать 60к.

Заключение

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

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

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

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

Перевод и месторасположение Layer Style - Inner Shadow (Стиль слоя - Внутренняя тень) на примере Photoshop CC (Eng/Rus).

Версия Photoshop: Photoshop CC (2014)

Дата: 09.04.2014

Обновлено: 09.04.2014

Узнать как перейти в Blending Option (Параметры наложения / Окно «Стиль слоя» (Layer Style)) можно в материале по ссылке - «Как перейти в Blending Option (Параметры наложения) в Фотошопе».

Перейти в Layer Style - Inner Shadow (Стиль слоя - Внутренняя тень) можно так же из верхнего меню:

На изображениях ниже вы можете наглядно увидеть месторасположение и перевод Layer Style - Inner Shadow (Стиль слоя - Внутренняя тень) на примере Английской и Русской версии Photoshop CC (2014).

Перевод Layer Style - Inner Shadow (Стиль слоя - Внутренняя тень) на примере Photoshop CC (2014) (Eng) Перевод Стиль слоя - Внутренняя тень (Layer Style - Inner Shadow) на примере Photoshop CC (2014) (Rus)

Варианты Inner Shadow - Blend Mode (Внутренняя тень - Режим наложения)

Normal - Нормальный;

Dissolve - Затухание;

Darken - Затемнение;

Multiply - Умножение;

Color Burn - Затемнение основы;

Linear Burn - Линейный затемнитель;

Darker Color - Темнее;

Lighten - Замена светлым;

Screen - Экран;

Color Dodge - Осветление основы;

Color Dodge (Add) - Линейный осветлитель (добавить);

Lighter Color - Светлее;

Overlay - Перекрытие;

Soft Light - Мягкий свет;

Hard Light - Жесткий свет;

Vivid Light - Яркий свет;

Linear Light - Линейный свет;

Pin Light - Точечный свет;

Hard Mix - Жесткое смешение;

Difference - Разница;

Exclusion - Исключение;

Subtract - Вычитание;

Divide - Разделить;

Hue - Цветовой тон;

Saturation - Насыщенность;

Color - Цветность;

Luminosity - Яркость;

Варианты Inner Shadow - Blend Mode (Внутренняя тень - Режим наложения) на примере Photoshop CC (2014) (Eng) Варианты Внутренняя тень - Режим наложения (Inner Shadow - Blend Mode) на примере Photoshop CC (2014) (Rus)

Из всплывающего меню Blend Mode (Режим смешивания) выберите режим смешивания.

Выберите уровень непрозрачности тени.

Рис. 14.7. Раздел Drop Shadow диалогового окна Layer Style

Если изменить угол для отдельного эффекта при установленном флажке Use Global Light (Использовать глобальное освещение), то угол для всех эффектов, использующих эту опцию, также будет изменен. Такая возможность помогает сделать однородным освещение нескольких слоев.

Выберите значение параметра Distance (Расстояние), определяющего расстояние (в пикселах) от тени до фигуры исходного слоя или ширину внутренней тени (рис. 14.8, 14.9).

Эффекты Фотошопа

Рис. 14.8. Эффект Drop Shadow

Эффекты Фотошопа

Рис. 14.9. Сочетание эффектов Inner Shadow и Drop Shadow

Пока открыто диалоговое окно, можно перетащить тень в окне изображения. К сожалению, это приведет к перемещению всех эффектов, использующих опцию Use Global Light (Использовать глобальное освещение).

Выберите значение параметра Spread (Распространение), определяющего степень размытости тени. Для эффекта Inner Shadow (Внутренняя тень) выберите значение параметра Choke (Уменьшение), позволяющего сузить тень.

Задайте размер тени при помощи ползунка Size (Размер).

В группе параметров Quality (Качество) щелкните по стрелке Contour (Контур), чтобы выбрать контур для границы тени на специальной панели (также см. раздел «Изменение профиля контура» этой главы).

Поставьте флажок Anti-aliased (Сглаживание), чтобы смягчить зубчатые границы между тенью и другими частями изображения.

Установите уровень шума с помощью параметра Noise (Шум), чтобы отрегулировать степень хаотичности на границе тени.

Поставьте флажок Layer Knocks Out Drop Shadow (Запретить просвечивание тени), чтобы сквозь прозрачные области слоя не было видно тень.

Трансформация эффекта Drop Shadow

Эффекты Фотошопа

  1. Примените к изображению эффект Drop Shadow (Отбросить тень), как описано выше (рис. 14.10), и не снимайте выделения со слоя.
  2. Выберите команду Layer > Layer Style > Create Layer (Слой > Стиль слоя > Создать слой), чтобы преобразовать эффект слоя в отдельный слой.
  3. Активизируйте новый слой (рис. 14.11).
  4. Выберите команду Edit > Transform > Distort (Правка > Трансформация > Искажение), затем перетащите манипуляторы рамки, чтобы придать ей желаемую форму (рис. 14.12, 14.13).
  5. По желанию. Измените яркость тени с помощью корректирующего слоя или выбрав другой режим смешивания и уровень непрозрачности слоя тени. На палитре Layers (Слои) поставьте флажок Lock transparent pixels (Блокировать прозрачные точки), чтобы действие операций заливки и рисования не выходило за границы тени.

Эффекты Фотошопа

Рис. 14.12. Искажение слоя Drop Shadow

Эффекты Фотошопа

Рис. 14.13. Результирующее изображение

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

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