Как сделать тень в фотошопе от картинки: Как сделать тень в Photoshop

Содержание

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

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

 

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

Откройте Adobe Photoshop и загрузите в него выбранную картинку, для которой хотите сделать тень. Найдите пункт «Файл» -> «Открыть…» (File -> Open).

Выделите объект с помощью инструмента «Волшебная палочка» (Magic Wand). Удерживая клавишу Shift, левой кнопкой мыши кликните на область белого фона. Затем найдите на панели главного меню пункт «Выделение» (Select), кликните на нее и выберите «Инверсия» (Inverse).

После этого выделенный предмет нужно скопировать на новый слой. Для этого кликните левой кнопкой мыши на слой и выберите команду «Создать дубликат слоя» (Layer via copy), либо используйте команду клавиш «Ctrl + J».

Перейдите на только что созданный слой. Выберите слева на панели команд «Инструмент градиент» (Gradient Tool). На палитре градиента выберите «Черный, белый». Залейте фигуру градиентом снизу вверх по вертикали.

Далее в меню «Редактирование» (Edit) выберите инструмент «Свободное трансформирование» (Free Transform). Удерживая клавишу Ctrl, кликните вверху выделенной рамки и потяните ее в нужную сторону, чтобы придать тени естественный наклон.

Чтобы сделать контур тени размытым, найдите в меню «Фильтр» (Filter) -> «Размытие» (Blur) -> «Размытие по Гауссу» (Gaussian Blur). Настройте подходящее для вас размытие фигуры.

Для того, чтобы убрать «лишнюю» тень, перейдите на слой с изначальным изображением, выберите инструмент «Ластик» (Eraser) и очень аккуратно откорректируйте контур тени.

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

Фото: компании-производители

Видео: CHIP

Создаем тень в фотошопе от объектов

Статья не претендует на Нобелевскую премию, а лишь ознакомит пользователя с инструментами и как с ними работать. Вообще существует несколько способов наложения тени объекта в фотошопе. Давайте разберём основные из них: создание тени при помощи кисти, создание через простое 3D моделирование и при помощи настроек слоя.

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

  1. # 1 Способ. При помощи 3D моделирования
  2. # 2 Способ. Создание тени при помощи кистей
  3. # 3 Способ. Создание тени через меню слоёв

Обычно берётся фотография, которая служит фоном и на нее добавляют новое изображение с тенью. Если у вас слабый компьютер или ноутбук, то данный метод может не работать из-за малой мощности или отсутствия поддержки OpenGL.

Шаг 1

— Вырезание объекта и копирование

Слева в меню инструментов выбираем Быстрое выделение (клавиша W). Выбираем размер пикселя в диапазоне от 7 до 20 единиц и зажатой левой кнопкой мыши выделяем объект или область для которой будет создана тень. Если область будет большой, то можно зажимать клавишу (клавиша SHIFT).

Инструмент "Быстрое выделение"

Теперь необходимо выделить мелкие детали, для этого меняем размер пикселя в диапазоне от 1 до 3 единиц.

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

После того как выделили весь объект, то скопируйте его, сочетанием клавиш CTRL+C и вставьте на необходимом рисунке сочетанием клавиш CTRL+V.

Справа в меню Слои разблокируйте фоновое изображение нажав два раза по замочку и нажмите ОК во всплывшем окне.

Создаём новый слой

Шаг 2 — Создание 3D-экструзии

Далее выделяем слой объекта которому хотим создать тень (справа в меню "Слои") копируем его сочетанием клавиш CTRL+J и отключаем его нажав на иконку глаза и выделяем слой "Беседка" В верхнем Меню выбираем 3D потом Новая 3D-экструзия из выделенного слоя.

Создаем 3D тень

Так как наш рисунок был плоский то фотошоп придаст ему автоматически 3D каркас. Здесь вы можете выровнять плоскость относительно местности и задать глубину объекта, а также установить источник света. В процессе изменений 3D изображение может сильно поменяться, но нам понадобиться только его тень.

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

Справа в меню 3D в самом внизу выбираем слой "Бесконечный свет" и у нас появится сфера, которая будет имитировать источник света. Левой кнопкой мыши мы задаем необходимый угол света.

Выбираем направление источника света

Выберете слой "Беседка" и на верхней панели задайте необходимую глубину экструзии

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

Настройка 3D тени

Возвращаемся в слой "Бесконечный свет" над ней есть панель "Свойств" где мы можем задать "интенсивность" и размытость тени. Чтобы тень не разбивалась в мозаику вы можете сделать "Рендеринг" изображения нажав на иконку куба в квадрате.

Настраиваем интенсивность света

Переходим во вкладку слои выделяем слой "Беседка" нажимаем правую кнопку мыши и выбираем пункт Растрировать 3D

Растрируем изображение

Шаг 3 — Проявление тени из 3D объекта

На выделенном слое "Беседка" создаем миниатюру слой-маску для этого зажмем клавишу ALT и нажмем на иконку круга в прямоугольнике.

Создаем маску тени

После этого включим слой "Беседка копия" нажав на иконку глаза справа в меню "слои"

Берём кисть из панели инструментов или клавиша B и выбираем размер 25 (можете отрегулировать самостоятельно) непрозрачность 100%,

Нажим 100% основной цвет белый, а вспомогательный черный.

Проявляем тень кистью

Выбираем слой "Беседка", а именно слой маску и начинаем проявлять кистью область тени. Если переборщили, то меняйте цвет с черного на белый — это будет работать наоборот.

Можем дополнить тени там где они необходимы вручную на слое "Беседка копия", для этого выбираем кисть и с параметрами B и выбираем размер 5 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 30% основной цвет черный. Начинаем наносить кистью темные оттенки на области.

Создание тени кистью

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

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

Шаг 1 — Нейтрализация цвета

Данный способ полезен при избытке оттенков одного цвета и не всегда будет необходим. Этот пункт можно пропустить если нет такой проблемы. Заходим в верхнее меню

Изображение далее Коррекция и Подобрать цвет.

В открывшемся окне нажимаем галочку в графе Нейтрализовать

Нейтрализуем цвет

Слева оригинал, справа измененный вариант картинки.

Шаг 2 — Создание слоя и прорисовка тени

Теперь перемещаем картинку с объектом на фоновое изображение и называем новый слой например "Мужик". Создаем новый слой сочетанием клавиш CTRL+SHIFT+N и во всплывшем окне нажимаем "ОК" называем слой "тень мужика" и опускаем его под слой "Мужик"

Создаем новый слой

Создаем тень вручную, для этого выбираем кисть с параметрами B и выбираем размер 50 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 25% основной цвет черный. Начинаем наносить кистью темные оттенки на области за мужиком.

Настраиваем кисть

Тень будет рассеянной подчеркивающая лишь силуэт.

Нам необходимо применить индивидуально яркость/контрастность ко слою "Мужик". Для этого справа в меню слоёв нажимаем на иконку круга на половину закрашенного и выбираем строку "Яркость/Контрастность", зажимаем клавишу ALT и подводим курсор ко слою "Мужик" и у нас появится стрелочка вниз.

Выбираем слой "Яркость/Контрастность" и вверху над панелью слоёв выставляем необходимые параметры, чтобы картинка сочеталась с фоновым изображением.

Создаем новый слой сочетанием клавиш CTRL+SHIFT+N называем его "тень" и применяем его только ко слою "Мужик".

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

Выбираем слой "тень", кисть B с параметрами размер 30 (можете отрегулировать самостоятельно) непрозрачность 15%, Нажим 25% основной цвет черный. Начинаем наносить кистью темные оттенки за областью света. Для примера можем сравнить результат с тенями и без них.

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

Фигура далее Заливка любой цвет, Обводка нет и рисуем необходимого размера прямоугольник.

Создание векторного прямоугольника

Теперь впишем текст в прямоугольник, нажимаем клавишу T и напишем например Active vision посередине прямоугольника с параметрами Шрифт любой Размер 150 (главное чтобы вместился в прямоугольник и оставалось еще пространство).

Пишем название или слоган

Справа в меню слоёв выбираем активным слой "Прямоугольник" и в верхнем меню заходим Слои далее Стиль слоя и Тень

Создаем тень через меню слоёв

В открывшемся окне задаём параметры Непрозрачность 20%, Смещение 71 пикселей Размер 40 пикселей и нажимаем Ок. Здесь вы можете самостоятельно поиграться с настройками и подобрать подходящие на ваш взгляд настройки.

Вбиваем параметры тени

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

Active vision пример

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

Приветствую, Максим!
Всё-таки надо писать поподробнее ))) Или привести пример картинки. А лучше и то и то.
Например, предмет стоит на полу, предмет стоит на неровной поверхности, тень на стене или полу, есть ли источник света или он подразумевается за кадром, и типа того. Это совершенно разные задачи. Легче всего сделать на стене, с помощью стилей слоя. Если есть источник света, то это труднее, возможно потребуется прорисовка. И на этом сайте есть моя статья по этому поводу, называется "Создание реалистичного эффекта тени человека" , может быть, она подойдёт?

Как создать тень, придающую объём

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

Подробнее о стиле слоя "Тень" (Drop Shadow) Вы можете прочесть в этом материале.

Открываем палитру слоёв (клавиша F7), внизу окна палитры кликаем по иконке "Добавить стиль слоя" (Add Layer Style). Открывается список, где следует выбрать пункт "Тень..." (Drop Shadow), после чего откроется окно настроек стилей слоя. И тут уже выбираем параметры, какие душе угодно. Можно кликнуть по цветному квадратику (хотя по умолчанию он чёрный), который находится справа у параметра "Режимы наложения" (Blend Mode), и изменить цвет тени. соответственно, тень может быть резкая, размытая, большая, маленькая, находящаяся сбоку или со всех сторон предмета и типа того.

Задаём направление падения тени в пункте "Угол", непрозрачность, смещение, размах, размер.

И ещё интересный момент. Если в палитре слоёв в слое с применёнными эффектами кликнуть справа по иконке применённых стилей правой клавишей мыши и выбрать пункт "Образовать слой" (Create Layer), то стили превратится слой. В нашем случае с тенью получим тень отдельно от предмета, и, соответственно, появляется возможность дополнительного её редактирования.

Забыл ещё один момент. Если работать с тенью из стилей слоя, то можно сделать два стиля на двух разных слоях. Т.е. нада встать на слой с изображением и продублировать его, нажав Ctrl+J. К верхнему слою применить небольшую тень, а к нижнему тень побольше, и более размытую и прозрачную, можно также изменить цвет. После чего стиль нижнего слоя преобразовать в отдельный слой, сам нижний слой удалить, а полученный слой-тень редактировать и сместить.

Стиль слоя "Тень" в Photoshop

Рекомендую обратить особое внимание на чекбокс "Глобальное освещение" (Use Global Light). По умолчанию в нём проставлена галка. Наличие галки говорит о том, что при изменении угла освещения в конкретно этом стиле слоя "Тень", угол освещения будет изменяться и в других стилях этого документа, использующих освещение, таких, как "Тиснение" (Bevel and Emboss), "Внутренняя тень" (Inner Shadow), "Тенях", применённых к другим слоям, и т.д. Без галки у каждого из этих стилей будет свой собственный угол освещения. В большинстве случаев галка применяется, т.к. обычно для всех эффектов нужен единый источник света:

В примере угол освещения верхнего и нижнего текста 130° и 50° соответственно, кроме того, я добавил эффект "Тиснение" (Bevel and Emboss) с такими же углами освещения:

Смещение (Distance)

Ползунок смещения изменяет визуальное кажущееся расстояние между объектом и фоном, на котором лежит тень. Эффект достигается за счет смещения тени относительно объекта, который её отбрасывает:

В примере тень нижнего текста смещена сильнее, что даёт эффект большего расстояния объекта от фона:

Размах (Spread)

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

Обычно этот параметр оставляют равным нулю 0%, но если вам понадобились тени с резкими краями, вам надо его увеличить. Величина 100% даёт резкую границу.

Пример текстов с разными значениями "Размаха":

Размер (Size)

Ползунок "Размера" изменяет видимый размер тени. Когда он установлен но ноль, тень имеет точно такой же размер, как и форма объекта. При увеличении значения этого параметра, форма тени увеличивается в размере с шагом в 1 пиксель.

Пример разных значений "Размера":

Контур (Contour)

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

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

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

В следующем примере форма контура изменена с линейной на форму обычной и перевёрнутой буквы "U":

Шум (Noise)

Опция "шум" является весьма полезной, когда необходимо придать вашей тени зернистость, например, при создании стиля, напоминающего, к примеру, бетон. Для совершенно гладкой тени оставьте его значение 0%.

В примере ниже в верхнем тексте шум имеет значение 15%, а в нижнем тексте - 35%. Обычно шум применяется в диапазоне от 0 до 25%, считается, что значение выше 25% даёт неестественные результаты:

Слой выбивает тень (Layer Knocks Out Drop Shadow)

Понимание этой опции несколько сложно для новичков.

Когда вы создаёте слой и применяете к нему стили, в рабочем окне отображаются две вещи, слой и стили. Если вы уменьшаете опцию "Заливка" (Fill) до 0%, то содержимое слоя скрывается из видимости, но содержимое стиля отображается так же, как и раньше, подробнее читайте в Руководстве по опциям "Заливка" и "Непрозрачность" и практический пример.
Но, под слоем с "Заливкой", равной нулю, отображается содержимое слоя, находящегося под ним, и при включённой опции "Слой выбивает тень" это содержимое перекрывает тень. Если снять галку, то содержимое нижнего слоя отображаться не будет, и, соответственно, не будет перекрывать стиль слоя тень. На примере ниже у верхнего текста эта опция включена, у нижнего - отключена.

Сохранение и загрузка настроек стилей слоя по умолчанию

Вы можете сохранять и загружать настройки по умолчанию для каждого эффекта в диалоговом окне стилей слоя. Нажав на кнопку "Использовать по умолчанию" (Make Default), Photoshop сохранит активные в настоящее время настройки, как новые настройки по умолчанию для этого эффекта.
Нажав на кнопку "Восстановить значения по умолчанию" (Reset to Default), Photoshop загрузит эти сохранённые настройки.

Как сделать тень в фотошопе от предмета, картинки, человека?

Приветствую всех читателей журнала fast-wolker.ru! Сегодня в программе фотошоп мы будем делать тень, которая исходит от объекта. Иногда, для придания реалистичности фотографии, на ней необходимо добавить какой-нибудь элемент.

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

Создать тень в программе фотошоп можно разными способами. Это и использование специальных параметров, а можно просто нарисовать тень при помощи «кисти«.

Делаем реалистичную тень от предмета, объекта

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

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

Теперь берем кисть и рисуем в необходимом месте тень. Место для прорисовки тени выбираем в зависимости от того, откуда предположительно будет светить солнце: сверху справа или слева (спереди или сзади). В результате получится примерно так:

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

Вот и все. Как видите достаточно легко. Следующий вариант подразумевает использование «специальных параметров«.

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

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

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

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

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

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

Далее, щёлкаем правой клавишей мыши и из появившегося списка выбираем пункт «Параметры наложения»

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

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

В результате получим вот такую тень. Потренировавшись с объектом на однотонном фоне, можно по аналогии нарисовать тень и у объекта на любом, даже сложном фоне.

Как сделать тень в фотошопе от человека на земле?

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

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

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

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

 

Далее над слоем с фигурой человека создаем новый слой.

В «панели инструментов» устанавливаем темный цвет или черный, или серый, ближе к тени.

Следующее действие —  идем в меню «Редактирование» — «Выполнить заливку» и заливаем им выделение. Получается примерно так:

Далее,  снимаем выделение и идем в главное меню «Редактирование» — «Свободное трансформирование». Вокруг фигуры появилась рамка.

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

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

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

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

Инструментом «градиент» проводим линию от ног фигуры до головы и ведем несколько дальше, практически до края холста.

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

Тень готова, включаем видимость фона. Передвигая ползунок непрозрачности, уменьшаем прозрачность тени.

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

Теперь наша итоговая картинка будет выглядеть следующим образом:

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

Тень от текста – делаем в Photoshop

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

Теперь выбираем «редактирование» — «трансформирование» и «отразить по вертикали«.

Далее, отраженный текст смещаем вниз, под основной.

Следующим шагом правой кнопкой мыши щелкаем по слою-копии и выбираем «растрировать текст«.

Теперь вновь заходим «редактирование«- «трансформирование«, но выбираем «перспектива» и изменяем нижнее изображение текста.

Применяем еще и «масштабирование», чтобы получить такой результат:

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

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

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

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

Здравствуйте уважаемые читатели блога fotodizart.ru! Сегодня хочу затронуть тему связанную с тенью, а именно падающей тенью. Я расскажу, немного о тени, как сделать тень в фотошопе при помощи стиля слоя. Новичкам, возможно пригодится статья по основам фотошопа в которой мы изучали стили в фотошопе. Давайте для начала определимся, что это за такая тень, которую называют падающей. Вы спросите почему я заостряю внимание на падающей тени, потому как понятие тень обобщенное.

Тень состоит из:

  • собственной тени;
  • отбрасываемой или падающей тени;
  • полутеней.

Падающая (отбрасываемая) тень – это тень, которую отбрасывает предмет на поверхность, на которой находится. Характеризуется особенностью  повторять формы предмета, от которого она отбрасывается, так сказать, проецируя его на поверхность. Область тени у самого основания предмета будет темнее по отношению к участку тени более отдаленному от предмета.

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

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

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

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

Установим следующие параметры эффекта тени:

  • непрозрачность установим на 100%;
  • угол 90°;
  • смещение 0 пикс.;
  • размер 0 пикс..

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

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

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

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

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

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

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

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

Применим градиент к маске, тем самым получим эффект исчезающей тени.

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

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

Рисуем тени в Photoshop

10 - 2010

В КомпьюАрт № 6'2010 была опубликована статья о правилах создания монтажа. В одном из правил говорилось, что для достижения реализма при монтировании объекта в другое окружение следует дорисовывать тень или отражение в зависимости от того, на какую поверхность объект монтируется. В настоящей статье мы рассмотрим варианты рисования тени с помощью графического редактора Photoshop.

Падающая тень

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

Рис. 1. Пример падающей тени

  1. Обратите внимание на то, что тени от автомобилей расположены слева от них. Следовательно, необходимо нарисовать тень от тигра также слева. Для начала необходимо расположить оба изображения на отдельных слоях одного документа.
  2. Затем создать копию слоя с изображением тигра, для чего следует выделить этот слой и нажать комбинацию клавиш Ctrl + J (в Mac OS — Command + J) или перетащить строку слоя на пиктограмму чистого листа .
  3. На данный момент имеются два одинаковых слоя, расположенных друг под другом. Нужно выделить нижний слой из этой пары (рис. 2). Нажать клавишу D для выбора черного цвета в качестве основного. Закрасить изображение тигра черным цветом с помощью комбинации клавиш Shift + Alt + Backspace (в Mac OS — Shift + Option + Delete).

Рис. 2. Создана копия слоя с изображением тигра

Примечание

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

  1. Теперь следует трансформировать черное изображение тигра. Для этого необходимо войти в режим свободной трансформации, нажав комбинацию клавиш Ctrl + T (в Mac OS — Command + T). Требуется деформировать это изображение так, чтобы оно повторяло контур нижней лапы и одновременно с этим располагалось слева от тигра. Поэтому нужно удерживать нажатой клавишу Ctrl (в Mac OS — Command) при перемещении маркеров появившейся рамки выделения. Эта клавиша позволяет, не выходя из режима свободной трансформации, осуществлять искажение изображения.
  2. Удерживая нажатой клавишу Ctrl, необходимо сместить средний
    маркер верхней границы рамки
    влево и вниз, а затем маркер, расположенный в правом нижнем
    углу, — вверх (рис. 3). Для выхода
    из режима используется клавиша Enter (в Mac OS — Return).
  3. В заключение для слоя с тенью нужно уменьшить значение непрозрачности, например до 75%, и размыть изображение тени, применив к нему фильтр Размытие (Blur) —> Размытие по Гауссу (Gaussian Blur).

Рис. 3. Трансформация изображения на копии слоя

Связывание тени

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

Рассмотрим алгоритм создания монтажа, приведенного на рис. 4.

Рис. 4. Пример тени, повторяющей изгибы занавески

Рис. 5. Результат создания заготовки для тени синицы

  1. Допустим, что оба исходных изображения совмещены, тень на основе изображения синицы создана аналогично предыдущему примеру (рис. 5). Теперь требуется деформировать тень синицы так, чтобы она повторяла изгибы занавески.
  2. Предварительно следует создать карту смещения на основе альфа­канала. Для этого необходимо активировать фоновый слой, выделить всё изображение, нажав комбинацию клавиш Ctrl + A (в Mac OS — Command + A). Скопировать изображение в буфер обмена с помощью комбинации клавиш Ctrl + C (в Mac OS — Command + C). Перейти в палитру Каналы (Channels), создать новый альфа­канал, нажав пиктограмму чистого листа , и вставить из буфера обмена фоновое изображение с помощью комбинации клавиш Ctrl + V (в Mac OS — Command + V). Снять выделение.
  3. Теперь необходимо повысить контрастность полутонового изображения. Для этого можно воспользоваться диалоговым окном Уровни (Levels). Чтобы повысить контрастность, следует сместить черный ползунок вправо, белый — влево, а положение серого ползунка менять не требуется. Для размытия полутонового изображения можно использовать фильтр Размытие по Гауссу (Gaussian Blur). Результат представлен на рис. 6.
  4. Когда альфа­канал изменен, на его основе можно создать новый файл. Щелчком правой кнопкой мыши по строке альфа­канала необходимо вызвать контекстное меню и выбрать из него команду Создать дубликат канала (Duplicate Channel). В появившемся диалоговом окне из списка Документ (Document) выбрать пункт Новый (New). Подтвердить создание файла, нажав кнопку ОК (рис. 7).
  5. Созданный документ требуется сохранить в формате PSD на жестком диске. Это и есть карта смещения. Данный файл в дальнейшем будет использоваться для работы с фильтром Смещение (Displace). Созданный альфа­канал теперь уже не требуется, поэтому его следует удалить и перейти в палитру Слои (Layers).
  6. Активизировав слой с тенью, необходимо применить к нему команду Фильтр (Filter) —> Искажение (Distort) —> Смещение (Displace). Ввести значения в поля Масштаб по горизонтали (Horizontal Scale) и Масштаб по вертикали (Vertical Scale), например по 20%. Значения остальных переключателей менять не следует (рис. 8).

Рис. 6. Пример альфа-канала, на основе которого будет создана карта смещения

Рис. 7. Диалоговое окно Создать дубликат канала

Рис. 8. Диалоговое окно фильтра Смещение

В результате применения фильтра тень исказилась (рис. 9). И напоследок для слоя с тенью можно изменить режим наложения на Умножение (Multiply), уменьшить значение непрозрачности, например, до 90%, немного размыть изображение и удалить лишние фрагменты тени.

Рис. 9. Искажение тени с помощью фильтра Смещение

Группирование теней

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

Рассмотрим пример создания такой тени, приведенный на рис. 10.

Рис. 10. Пример тени, расположенной на части фонового изображения

Рис. 11. Создана заготовка для тени

Рис. 12. Результат уменьшения непрозрачности слоя с тенью и применения к нему фильтра Размытие по Гауссу

  1. Аналогично первому примеру сначала следует совместить изображения и подогнать их друг к другу по размеру. Затем создать копию слоя с изображением кошки и в режиме свободной трансформации наклонить его, удерживая клавишу Ctrl (в Mac OS — Command), — рис. 11.
  2. Уменьшить непрозрачность слоя с тенью и применить фильтр Размытие по Гауссу (Gaussian Blur) — рис. 12.
  3. На данный момент тень выглядит неестественно, потому что она выходит за край скалы и висит в воздухе. Необходимо расположить ее только в пределах скалы. Для этого следует выделить изображение скалы и расположить его на отдельном слое, нажав комбинацию клавиш Ctrl + J (в Mac OS — Command + J). В момент выделения удобнее отключить видимость слоев с изображениями кошки и ее тени, чтобы они не загораживали собой скалу.
  4. Расположить слой со скалой следует под слоем с изображением кошки. Затем выделить строку слоя с тенью в палитре Слои (Layers), нажать правую кнопку мыши и из контекстного меню выбрать команду Создать обтравочную маску (Create Clipping Mask). В результате выполнения команды тень будет находиться только на скале. Обратите внимание на то, что при перемещении скалы или тени изображение тени всегда остается в пределах скалы и не отбрасывается на фоновое изображение. Палитра Слои (Layers) итогового монтажа должна содержать четыре слоя (рис. 13).

Рис. 13. Палитра Слои должна содержать четыре слоя

Освещение объекта сзади

Для реализации этого приема используются команда Перспектива (Perspective) и фильтр Размытие по Гауссу (Gaussian Blur). Рассмотрим алгоритм создания тени при освещении объекта сзади (рис. 14).

Рис. 14. Пример тени, возникающей при освещении объекта сзади

Рис. 15. Результат отражения тени по вертикали

  1. Предварительно следует совместить оба изображения и создать слой с тенью на основе копии слоя с изображением розы. Выделить строку слоя с тенью и применить команду Редактирование (Edit) —> Трансформирование (Transform) —> Отразить по вертикали (Flip Vertical). Затем, используя инструмент  Перемещение (Move), сместить тень вниз (рис. 15).
  2. Выполнить команду Редактирование (Edit) —> Трансформирование (Transform) —> Перспектива (Perspective). Перетащить нижний левый угловой маркер влево, а верхний левый угловой — вправо. Затем нажать комбинацию клавиш Ctrl + T (в Mac OS — Command + T), чтобы войти в режим свободной трансформации. Взяться за нижнюю границу рамки и протащить ее вверх так, чтобы тень не выходила за пределы сидения. Нажать клавишу Enter для завершения трансформации (в Mac OS — клавишу Return) — рис. 16.
  3. Размыть тень на небольшое число пикселов, например на 3, предварительно вызвав окно фильтра с помощью команды Фильтр (Filter) —> Размытие (Blur) —> Размытие по Гауссу (Gaussian Blur).
  4. Инструментом  Прямоугольная область (Rectangular Marquee) выделить нижнюю половину тени, растушевать область на 10 пикселов в окне растушевки, которое вызывается комбинацией клавиш Shift + F6. Применить размытие опять же на 3 пиксела. Для этого можно заново не вызывать окно фильтра, а просто выбрать первую команду в меню Фильтр (Filter) или нажать комбинацию клавиш Ctrl + F (в Mac OS — Command + F). Нажать данную комбинацию два раза. Сместить выделение вниз на четверть и еще раз дважды нажать комбинацию клавиш Ctrl + F.
  5. Смещение рамки выделения и последующее размытие фрагмента требуется для создания перспективного размытия тени. В завершение эффекта необходимо снять выделение с помощью комбинации клавиш Ctrl + D (в Mac OS — Command + D) (рис. 17) и уменьшить непрозрачность слоя.

Рис. 16. Результат применения команд Перспектива и Свободная трансформация

Рис. 17. Результат многократного применения фильтра Размытие по Гауссу

Все перечисленные в этой статье приемы применимы также и к тексту, но при работе с текстовым слоем некоторые команды могут быть недоступны, тогда текстовый слой предварительно следует растрировать или конвертировать в кривые. Для этого в палитре Слои (Layers) необходимо щелкнуть по строке слоя правой кнопкой мыши и выбрать команду Растрировать текст (Rasterize Type) или Преобразовать в кривые (Convert to Shape). 

КомпьюАрт 10'2010

Как сделать тень в Photoshop (шаг за шагом)

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

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

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

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

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

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

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

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

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

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

Создание тени

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

  1. Вырежьте ваш объект из другого изображения. Это должно быть проще, если у вас есть фотография продукта, уже сделанная на белом фоне. Используйте инструмент выбора объекта (сочетание клавиш W), чтобы упростить выделение.
  2. Импортируйте изображение в пустой документ Photoshop. В этом документе Photoshop вам понадобится новый фоновый слой белого цвета и слой для размещения вашего объекта.
  3. В слое с вашим объектом нажмите Layer Effects. Найдите это в нижней части окна слоев. Там написано «FX». Выберите вариант создания тени. Теперь вы можете управлять эффектом. Вы можете изменить цвет тени (по умолчанию - черный), а также прозрачность, угол, размер и расстояние.
Фотография продукта: красная ваза с сильной тенью.

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

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

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

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

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

  1. На слое, содержащем вашу тень. Щелкните правой кнопкой мыши появившийся символ fx. Выберите «Создать слой». Должен появиться новый слой, содержащий только тень.
  2. Теперь вам нужно изменить направление тени. В раскрывающемся меню выберите Edit> Transform> Skew . Используйте две верхние опорные точки, чтобы растянуть тень. В этом примере я перетащу тень вправо. Вы можете настроить, насколько сильно тень должна исходить сбоку. В этом случае я буду тянуть примерно до 45 градусов.
  3. Тень теперь очень длинная, так что вы также можете отрегулировать ее. Перейдите в Edit> Transform> Scale . Теперь вы можете изменить длину тени, перетащив верхний якорь вверх или вниз.В этом случае длина тени была сокращена.
  4. Наконец, вам нужно деформировать тень, чтобы она по-прежнему соответствовала объекту, который ее отбрасывает. Вам нужно убедиться, что основание тени все еще соприкасается с основанием объекта. Выберите Edit> Transform> Warp. Перетащите опорные точки, чтобы убедиться, что тень находится в правильном положении.
Окончательное изображение показывает градацию тени.

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

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

  1. Выберите слой с тенью и перейдите в меню Layer> Duplicate Layer (Ctrl или ⌘J). Теперь у вас есть копия.
  2. Щелкните по первому теневому слою. Введите 90% в поле «Заливка» в верхней части окна слоев. Это самая темная часть вашей тени. Теперь щелкните копию слоя и введите 40% в поле «Заливка». Это ваша светлая тень. Снимите выделение со значка глаза слева от слоев, чтобы увидеть изменение силы теней.
  3. Теперь настройте резкость тени. Чем дальше от объекта он становится, тем более рассеянным он должен быть. Для этого вам нужно добавить размытие по Гауссу. Щелкните слой с легкой тенью. Перейдите в Filters> Blur> Gaussian Blur. В диалоговом окне установите радиус в пикселях около 25. Щелкните темную тень и добавьте примерно 5 пикселей размытия. Вы можете сделать тень более резкой или более рассеянной, настроив радиус пикселя по своему вкусу.
  4. Последняя задача - применить градацию, чтобы ваша тень плавно переходила от темной к светлой.Сначала примените маску белого слоя к темной тени. Вы можете сделать это, щелкнув инструмент Layer Mask в нижней части окна слоев. Это похоже на прямоугольник с кругом внутри. Или вы можете выбрать Layer> Layer Mask> Reveal All .
  5. Теперь выберите инструмент градиента в левом меню. Убедитесь, что фон установлен на белый цвет, а передний план - на черный. Выберите точку на полпути сквозь тень и перетащите градацию назад через объект, отбрасывающий тень.Более темная часть тени должна быть ближе к объекту. Чем более градуированной вы хотите тень, тем длиннее должна быть линия. Скопируйте маску слоя на слой светлых теней, нажав клавишу выбора и перетащив маску слоя. Инвертируйте копию маски слоя, выбрав Изображение> Коррекция> Инвертировать (Ctrl или I).

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

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

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

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

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

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

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

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

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

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

Создайте свою тень

  1. На слое с вашим объектом добавьте эффект тени (значок fx).Измените цвет, непрозрачность, угол, размер и расстояние тени, чтобы они имели смысл на вашем изображении. Если у вас есть изображение с существующими тенями, сопоставьте их цвет при создании новой. Используйте для этого пипетку.
  2. Щелкните правой кнопкой мыши символ fx, который теперь появился на вашем слое, и выберите Create Layer. Должен появиться новый слой, содержащий только тень.
  3. Используйте описанные выше инструменты преобразования (наклон, масштаб и деформацию), чтобы настроить тень, чтобы она имела смысл в изображении.На этот раз я хотел вывести тень вперед, так как основной источник света исходит из-за бамбукового леса. На этой фотографии я удерживаю тень в кадре и слегка сдвигаю ее влево. Возьмитесь за верхний якорь и перетащите его вперед, а затем удлините тень по своему вкусу. Возможно, вам снова понадобится использовать функцию деформации в преобразовании, чтобы убедиться, что тень все еще связана с моделью.
  4. Если источник света находится за объектом, вы можете сначала отразить тень по вертикали, перейдя в Edit> Transform> Flip Vertical.
Создайте свою тень и разместите ее на фотографии.

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

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

Ключевое отличие здесь в том, что на этой фотографии тень будет более размытой. В диалоговом окне «Размытие по Гауссу» для более темной тени радиус пикселя установлен на 25, а для более светлой тени - на 50.

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

Заключение

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

Есть три основных этапа:

  • Добавьте новый слой из эффекта слоя.
  • Отрегулируйте размер и форму слоя, чтобы сделать тень более реалистичной.
  • Используйте инструмент «Градиент», чтобы растушевать тень.

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

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

Хотите больше? Попробуйте наш курс творческой обработки в Photoshop

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

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

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

Как добавить тень в Photoshop (шаг за шагом)

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

Что ж, с помощью технологии Photoshop можно это успешно сделать, не прибегая к аппаратному и световому оборудованию.

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

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

Мы будем использовать Adobe Photoshop CS6, но вы легко можете сделать это в Photoshop CC. Однако вы можете использовать одно из этих программ, чтобы продолжить.

Содержание (что мы рассмотрим):

  1. Эффект тени Photoshop под объектом или человеком
  2. Эффект тени в Photoshop: обзор падающей тени
  3. Лучшие настройки падающей тени Photoshop
  4. Разница: падающая тень против отбрасываемой тени
  5. Добавление реалистичной тени в Учебное пособие по Photoshop
  6. Используйте разнообразие теней.
  7. Тени в электронной коммерции: когда бы вы использовали?

Теперь давайте начнем объяснять их все -

Создание в Photoshop эффекта тени под объектом или человеком

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

Так что же такое падающая тень?

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

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

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

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

Эффект тени Photoshop: обзор Drop Shadow

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

Для создания тени создается другой слой, и фотография располагается высоко над ее нижним слоем, затем разрешение фотографии увеличивается до 72 пикселей на дюйм, и создается новый файл фотографии.

Эффект тени на фотографии предназначен для создания тени. Трудно подобрать правильное выравнивание тени. Обычно выбирается идентификатор выравнивания слева направо, чтобы изображения выглядели профессионально и реалистично.

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

Качество эффекта тени зависит от того, как тень сочетается с объектом. Настоящий эффект падающей тени (DS) должен гарантировать, что тень не должна казаться изолированной от объекта.

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

Плюсы drop shadow

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

Минусы drop shadow

  • Падающие тени уродливы и больше не обновляются
  • Из-за этого ваш дизайн кажется устаревшим
  • Падающие тени создают проблемы с фотокопированием

Лучшие настройки падающих теней в Photoshop:

Объект может содержать два типа тени, один из которых - «отбрасываемая тень», а другой - «тень формы».«Здесь, прежде чем углубиться в Digg, давайте узнаем об этих настройках.

Теперь вы можете задать вопрос, что такое отбрасываемая тень и что такое тень формы?

1. Отбрасываемая тень:

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

2. Форма тени:

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

Однако отбрасываемые тени или тени формы могут быть определены следующими параметрами.

  • Направление света.
  • Расстояние света от объекта.
  • Общее количество источников света (присутствующих на месте).

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

Разница: падающая тень против отбрасываемой тени:

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

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

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

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

Разница: падающая тень против отбрасываемой тени:

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

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

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

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

Как добавить падающую тень в Photoshop [Учебное пособие]:

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

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

Добавление реалистичной тени DROP в Photoshop

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

Теперь давайте обсудим основную процедуру, выполнив следующие шаги.

Шаг-1: Отделение вашего целевого объекта от фона

  • Выберите фотографию (на которую вы хотите добавить тень).
  • Откройте палитры слоев (выберите новый файл с того места, где вы были, а затем перейдите в окно и создайте говорящий слой)
  • Отрежьте желаемый объект от основной фотографии.
  • Закрепите картинку на новом белом слое.
  • Переименуйте исходный файл (например, в изолированный или удаленный фон и т. Д.), Чтобы избежать путаницы с разными слоями из-за создания теней.

Посетите этот сайт: Как лучше всего удалить фон изображения с помощью «MAGIC WAND TOOL».

Чтобы сделать фон невидимым, щелкните значок глаза рядом с фоновым слоем.

На этом этапе ваш объект присутствует только с прозрачным фоном.

Шаг -2: Добавьте уникальный фон позади вашего свободного объекта

  • Выберите скрытый фоновый слой (в палитре слоев).
  • Перейдите в Слой> Новый слой, или вы можете ввести shift + control + N, чтобы добавить новый слой.
  • Этот слой (только что созданный) теперь будет выступать в качестве вашего уникального фона.
  • Залейте новый слой цветом (щелкнув «Правка»> «Заливка»).
  • Выберите настраиваемую яркость в раскрывающемся меню, если необходимо добавить настраиваемый цвет.

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

Шаг -3: Разрешение ваших отбрасываемых теней, цвет

  • Тени могут быть разных цветов. Выделите тень формы и исправьте цвет отбрасываемой тени.
  • Затем в вашем объекте вам нужно рассмотреть форму тени.
  • Выделите тень формы (используйте инструмент «Пипетка»)

После выбора тени формы она появится в качестве цвета переднего плана.

  • Дважды щелкните новый передний план, чтобы получить цветовую рамку переднего плана.
  • Отрегулируйте яркость (т. Е. Темнее или насыщеннее, перемещая цветовое поле).
  • Если готово, нажмите ОК.

Шаг 4. Добавление тени в Photoshop

  • Выберите другой слой объекта
  • Нажмите на опцию «fx» (конец палитры слоев)
  • Затем выберите падающую тень в диалоговом окне,
  • Установите цвет тени на цвет переднего плана (с помощью диалогового окна «Отбрасываемая тень»),
  • Уровни расстояния, размытости, распространения и размера не так важны сегодня, потому что вы можете отрегулировать все это позже.Но на скриншоте ниже вы можете применить значения в качестве отправной точки.
  • Теперь нажмите "ОК" (когда вы почувствуете удовлетворение созданием тени).

Шаг 5: Добавьте слой из вашей тени

  • Перейдите в Слой> Жанр слоя> Добавить слой (если вы хотите изолировать свою падающую тень от его слоя)
  • Таким образом, вы можете изменить тень объекта

Примечание: вы можете найти диалоговое окно с предупреждением когда дело доходит до добавления слоя.Если вы найдете такой знак, нажмите кнопку «ОК».

Шаг -6: Настройка реалистичного цвета тени

  • Выберите только что добавленный слой тени (в палитре слоев).
  • Выберите Edit> Change> color, чтобы нарисовать тени под полом.

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

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

Вы можете установить «режим настройки» теневого слоя на «Нормальный». Это также поможет вашему теневому слою получить «Заливку» на сто процентов (100%).

  • Выберите область тени, которую нужно изменить.
  • Примените «Программное обеспечение Rectangular Marquee».
  • Теперь отредактируйте, измените и Искажите / извратите, чтобы изменить конкретную часть тени.
  • Используйте трансформацию и примените ластик и кисть, чтобы исправить любые стороны ваших теней, как только вы удовлетворите свое преобразование.
  • Измените параметр наложения существующего теневого слоя, чтобы увеличить его.
  • Также уменьшите «Заливку» до семидесяти пяти процентов (75%).

Шаг 7: Добавьте альфа-канал

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

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

  • Перейдите в «Окно»> «Каналы», чтобы добавить альфа-канал.
  • Откройте «Палитру каналов».
  • Чтобы выбрать новый канал, щелкните по таблице палитр.

Теперь откройте диалоговое окно нового канала и переименуйте его в «Альфа -1».Вам необходимо убедиться, что выбранная область переключателя выбрана под индикаторами яркости.

Шаг 8: Добавьте градиент в свой альфа-канал

  • Выберите канал Alpha-1 в палитре каналов только потому, что вы выбрали бы слой. Теперь для всех режимов вам нужно убедиться, что внешний вид включен.
  • Теперь выберите программное обеспечение градиента из палитры.
  • Убедитесь, что фон установлен на белый цвет
  • И передний фон закреплен на черном цвете

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

  • Щелкните на внешнем слое своей тени (когда вы обнаружите, что настройка наклона в порядке)
  • Теперь нарисуйте наклон или градиент к определенной области вашей тени, которая находится близко к объекту или предмету.

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

Шаг 9: Выбор размытия

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

Вы можете сделать красный градиент невидимым, переключив значок рядом с Alpha 1.

  • В палитре каналов щелкните верхний канал (CMYK или RGB в зависимости от цветового стиля фотографии), чтобы выбрать цветовые каналы и отменить выбор альфа-канала.
  • Перейдите в палитру слоев, чтобы убедиться, что вы выбрали слой падающей тени.
  • Перейдите в Filter> Blur> Lens Blur.

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

  • Установите флажок. Выберите Alpha 1 под картой глубины в раскрывающемся меню источника.
  • Установите фокусное расстояние размытия на 0 и установите флажок «Инвертировать».
  • Нажмите ОК, чтобы оставить другие значения по умолчанию.

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

  • Перейдите к Select> Load selection. Появится диалоговое окно, которое даст вам значительный контроль над настройкой размытия.
  • Выберите Alpha-1 и убедитесь, что опция радио протестирована

Примечание: перейдите в раскрывающееся меню канала, чтобы найти Alpha-1

  • Если готово, нажмите ок.
  • Теперь в альфа-канале вы можете найти самую темную часть градиента или наклона, который вы сделали.
  • Набрав Shift + Control + I или Выбрать инверсию, перейдя в Select> select inverse.
  • Щелкните параметр «Маска слоя» в палитре слоев в конце палитры.
  • Пока используется маска, тень будет выглядеть «блеклой», потому что она уходит вдаль.

Примечание. Убедитесь, что эскиз вокруг Alpha 1 и эскиз слоя (маски) совпадают.

Шаг 11: Источник света и приведение в порядок тени

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

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

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

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

Используйте различные тени

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

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

Тень настраивается, и вы можете легко это исправить. Таким образом, вы также можете разместить его за объектом.

Выберите конкретный участок тени с помощью специального инструмента (Rectangular Marquee Tool). Теперь выберите редактирование, изменение и искажение, чтобы поместить тень на верхнюю часть стены.

  • Отрегулируйте все цвета во время создания альфа-канала. Установите цвет переднего плана на темно-серый вместо черного.
  • У основания стены начните градиент, при котором ваше затемнение и размытие одинаковы по отношению к задней части стены.

Тени в электронной коммерции: когда бы вы использовали его

?

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

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

Итак, в онлайн-бизнесе очень часто обязательно использовать падающую тень или ваш бизнес-продукт на вашем веб-сайте или странице.

Метод падающей тени добавляет глубину и размер изображениям вашего продукта во время фотосъемки.

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

Вот пример из «Амазонки», где вы можете найти тени, примененные ко многим фотографиям:

Вы часто можете найти это в одежде, моде и аксессуарах.

Примечание. Примечание. Например, если вы посетите категорию «Мебель или домашний декор» в Amazon, вы обнаружите, что люди добавляют тень к изображениям своих продуктов (например, под / за корзиной). Таким образом, они создают дополнительную глубину и объемную иллюзию плоской фотографии.

Заключение:

Трехмерная падающая тень дает нам общее впечатление о продуктах, окружающих пространство на самом деле (то есть каждая маленькая тень, где и как только появляется).

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

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

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

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

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

Оставайся здоровым; хорошо держаться. Спасибо.

Подробнее:

Услуги по редактированию фотографий и ретуши обуви

Удаление белого фона с помощью инструментов Photoshop

Изменение цвета изображения в Photoshop CC 2020 –07 Уроки

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

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

Автор Стив Паттерсон.

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

Вы можете следовать вместе с любой версией Photoshop. Я использую Photoshop 2021.

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

Основная граница и эффект тени.

И вот результат с использованием настраиваемой границы и цвета тени, взятой из изображения:

Пользовательский эффект границы и тени.

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Откройте изображение в Photoshop

.

Начните с открытия вашего изображения. Я буду использовать это изображение из Adobe Stock:

Исходное фото. Предоставлено: Adobe Stock.

Связанный: Как загрузить изображения в Photoshop

Шаг 2. Разблокируйте фоновый слой

На панели «Слои» изображение появляется на фоновом слое.И на данный момент фоновый слой заблокирован, на что указывает значок замка справа от имени слоя:

Панель слоев Photoshop.

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

Или, если вы используете старую версию Photoshop и щелчок по значку замка не работает, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните замок значок:

Разблокировка фонового слоя.

Photoshop переименовывает слой с Фон в Слой 0 , и значок замка исчезает:

Фоновый слой был переименован и разблокирован.

Шаг 3. Добавьте сплошной цвет заливки.

Чтобы создать рамку фотографии, мы будем использовать слой заливки Solid Color.

Щелкните значок Новая заливка или корректирующий слой в нижней части панели «Слои»:

Щелкните значок «Новая заливка или корректирующий слой».

И выберите Solid Color из списка:

Добавление сплошного слоя заливки.

Затем в палитре цветов выберите белый , установив значения R , G и B на 255 . Сейчас мы будем использовать белый цвет в качестве цвета границы, но я покажу вам, как его изменить позже. Когда закончите, нажмите OK:

Выбор белого цвета в палитре цветов Photoshop.

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

Результат после добавления слоя заливки Solid Color.

Шаг 4. Переместите слой заливки под изображение

Чтобы исправить это, щелкните слой заливки Solid Color на панели Layers и перетащите его под изображением:

Перетаскивание слоя заливки под слой изображения.

Отпустите кнопку мыши, чтобы она встала на место:

Слой заливки теперь находится под изображением.

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

Фотография снова видна.

Шаг 5. Откройте диалоговое окно «Размер холста».

Затем нам нужно добавить больше холста вокруг изображения.Лишнее пространство станет границей. И поскольку мы хотим, чтобы размер границы был одинаковым со всех четырех сторон, лучший способ сделать это - использовать команду «Размер холста» Photoshop.

Перейдите в меню Изображение в строке меню и выберите Размер холста :

Переход к изображению> Размер холста.

Шаг 6: Увеличьте ширину и высоту холста

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

Убедитесь, что в сетке Anchor выбрано центральное поле , чтобы дополнительное пространство добавлялось равномерно сверху, снизу, слева и справа:

Выбор параметра «Относительный» и центрального поля «Якорь».

Затем введите размер границы в поля Ширина и Высота . Но имейте в виду, что введенные вами значения будут поровну разделены между двумя сторонами. Так, например, если ввести 2 дюйма в качестве ширины, слева и справа от фотографии будет получена граница в 1 дюйм.А ввод 2 дюйма для высоты даст вам границу в 1 дюйм сверху и снизу.

Для моего изображения граница в 1 дюйм будет слишком широкой. Рамка размером 3/4 дюйма будет выглядеть лучше. Итак, чтобы добавить границу 3/4 дюйма слева и справа от фотографии, мне нужно установить Width в два раза больше, что составляет 1,5 дюйма . А чтобы границы были одинакового размера по всему периметру, я также установил Height на 1,5 дюйма .

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно Размер холста:

Выбор параметра «Относительный» и центрального поля «Якорь».

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

Граница фотографии появляется после добавления пространства холста.

Как подогнать рамку фотографии на экране

Если граница слишком велика, чтобы уместиться на экране, перейдите в меню View в строке меню и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Как изменить размер границы

Обратной стороной команды «Размер холста» в Photoshop является то, что нет возможности предварительно просмотреть новый размер, прежде чем принять его. Поэтому, если граница слишком широкая или слишком узкая, перейдите в меню Edit и выберите Undo Canvas Size :

.

Идем в Edit> Undo Canvas Size.

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

Переход к изображению> Размер холста.

Шаг 7. Выберите слой изображения

.

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

Выбор слоя изображения.

Шаг 8: Добавьте падающую тень

Затем щелкните значок fx внизу:

Щелкните значок эффектов слоя.

И выберите Drop Shadow из списка:

Щелкните значок эффектов слоя.

Шаг 9: Настройте параметры Drop Shadow

Параметры падающей тени открываются в диалоговом окне «Стиль слоя» Photoshop. И три основных варианта: Angle , Distance и Size . Угол управляет направлением источника света, Расстояние - насколько далеко тень распространяется от объекта, а Размер - мягкостью краев тени:

Параметры «Угол», «Расстояние» и «Размер».

Параметры угла и расстояния

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

Вот я перетаскиваю тень вниз и вправо:

Перетаскивая тень, установите угол и расстояние.

Или вы можете ввести определенные значения угла и расстояния. Я установлю Angle на 135 градусов и Distance на 80 пикселей . Необходимые вам значения, особенно расстояние и размер (которые мы рассмотрим далее), будут зависеть от вашего изображения:

Ввод значений угла и расстояния в диалоговом окне.

Вот результат:

Результат после установки угла и расстояния тени.

Размер вариант

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

Установка значения размера.

И вот результат с более мягкими краями:

Края тени теперь более мягкие.

Параметр непрозрачности

Вы также можете настроить интенсивность тени с помощью ползунка Непрозрачность .Более высокие значения непрозрачности затемняют тень, а более низкие значения - светлее. Я понижу свой до 30 процентов :

Осветление тени за счет уменьшения значения непрозрачности.

Когда вы будете довольны результатами, нажмите OK, чтобы закрыть диалоговое окно Layer Style:

Закрытие диалогового окна.

А вот результат после уменьшения непрозрачности тени:

Начальная граница и эффект тени.

Загрузите это руководство в виде готового к печати PDF-файла!

Как настроить цвета границы и тени

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

Шаг 10: Дважды щелкните образец цвета слоя заливки

Чтобы изменить цвет границы, дважды щелкните на образце цвета слоя заливки на панели «Слои»:

Дважды щелкните образец цвета.

Шаг 11. Пример нового цвета границы изображения

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

Щелкну на плече женщины:

Выбор цвета границы изображения.

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

Вот мой результат с рамкой нового цвета:

Результат с пользовательским цветом границы фотографии.

Шаг 12: Снова откройте настройки Drop Shadow

Затем, чтобы выбрать новый цвет тени, дважды щелкните на эффекте слоя Drop Shadow под слоем изображения:

Двойной щелчок по слову Drop Shadow .

И в диалоговом окне «Стиль слоя» щелкните образец цвета тени :

Щелкните образец цвета "Тень".

Шаг 13: Пример нового цвета тени из изображения

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

Выбор цвета тени от изображения.

Шаг 14: Отрегулируйте яркость и насыщенность цвета

Цвета теней должны быть темными и очень насыщенными. Поэтому перед закрытием палитры цветов увеличьте значение цвета Saturation ( S ) до 100 процентов или близко к нему.

Затем затемните цвет, уменьшив его значение Яркость ( B ). Я уменьшу свой до 30 процентов , чтобы тень не выглядела слишком темной, но вы можете затемнить ее еще больше, в зависимости от вашего изображения:

Увеличение насыщенности и уменьшение яркости выбранного цвета.

Нажмите ОК, чтобы закрыть палитру цветов, и все готово! Вот мой окончательный результат с использованием настраиваемых цветов границы и тени:

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

Куда идти дальше ...

И вот оно! Вот как легко добавить простую рамку фотографии и тень к изображению с помощью Photoshop!

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

Эффект реалистичной тени в 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, где мы можем выбрать новый цвет переднего плана. Выберите светло-серый. Если вы хотите использовать тот же оттенок серого, что и я, введите 70 % для значения B (B означает яркость) справа.Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перейдите в меню «Правка»> «Заливка».

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

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

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

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

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

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

Перейдите в Edit> Transform> Distort.

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

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

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

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

Когда вы закончите, нажмите Введите (Win) / Верните (Mac), чтобы принять преобразование и выйти из команды «Искажение».Ваша тень должна теперь выглядеть примерно так:

Исходная форма тени теперь на месте.

Шаг 10: примените небольшое размытие

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

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните образец цвета фона (справа внизу).

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

.

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

Шаг 15: нарисуйте градиент через тень на маске слоя

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

.

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

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

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

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

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

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

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

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

Как сделать реалистичные тени в Photoshop

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

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

Когда дело доходит до создания естественно выглядящих теней, три из самых сложных вещей - это цвет, перспектива и форма.

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

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

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

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

Выберите предметный слой и удерживайте Ctrl (Windows) или Command (macOS) , щелкнув значок New Layer Mask , чтобы создать его прямо под ним.

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

Выбрав слой «Тень», установите цвет переднего плана на черный (# 000000) и нажмите Alt Backspace (Windows) или Option Delete (macOS) , чтобы заполнить выделение цветом.

Снимите выделение, нажав Ctrl D (Windows) или Command D (macOS) .

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

Проблема общих приемов

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

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

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

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

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

Match Shadow Perspective

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

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

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

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

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

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

Выберите Edit> Puppet Warp , это поместит сетку по всему слою, и если вы всегда можете отключить это на панели параметров.

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

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

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

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

Нажмите здесь, чтобы узнать, как создавать красивые настраиваемые тени!

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

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

Выберите Filter > Blur > Gaussian Blur и настройте значение Radius в зависимости от размытия, необходимого для композиции.

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

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

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

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

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

На панели параметров установите на Черно-белый градиент и снимите отметку с поля Реверс .

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

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

Вы также можете отсоединить и Layer Mask от слоя и использовать инструмент Move tool с на , перетащите на маску и отрегулируйте эффект затухания.

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

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

Если вам понравилось это руководство, обязательно подпишитесь на PTC на YouTube! А если вы создадите что-то с помощью этого руководства, поделитесь им в социальных сетях с хэштегом #PTCvids, чтобы получить шанс стать участником!

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

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

Как добавить реалистичные тени к изображениям в Photoshop

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

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

Есть три основных типа теней, которые можно добавить к изображениям ваших товаров -

  • Естественные тени
  • Тень
  • Отражение Тень

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

Учебник

: как добавить естественную тень в Photoshop

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

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

Вот пошаговое руководство по созданию естественной тени на изображениях вашего продукта или электронной коммерции с помощью Photoshop -

Шаг 1. Откройте изображение

Откройте изображение в Photoshop

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

Скопируйте фоновый слой из панели слоев

Шаг 3: Выберите путь

Выбрать путь (сочетание клавиш: Ctrl + Путь)

Шаг 4: Выберите перо

Выберите перо (сочетание клавиш: Ctrl = Alt + D), оставьте излучение равным 0.3

Шаг 5: Добавьте маску

Добавить маску

Шаг 6: Нанесите сплошной цвет

Выберите фоновый слой и поместите в него сплошной цвет

Шаг 7: Белый цвет

Выбрать белый

Шаг 8: фон 2 слоя

Снова скопируйте фон и создайте фон 2 слоя

Шаг 9: Используйте сплошной цвет

Поместите фоновую копию 2 на сплошной цвет

Шаг 10: Выключите

Отключить фоновое копирование

Шаг 11: перейдите на канал

Перейдите к каналу и выберите более темный цвет на панели цветов RGB (в этом руководстве это зеленый)

Шаг 12: Скопируйте слой

Скопируйте зеленый слой

Шаг 13: Отрегулируйте тень

Теперь отрегулируйте тень от слоя уровня (сочетание клавиш: Ctrl + L)

Шаг 14: инвертировать слой уровня

Инвертировать слой уровня (сочетание клавиш: Ctrl + I)

Шаг 15: Выберите тень

Выделите тень с помощью инструмента лассо в Photoshop

Шаг 16: инвертировать выделение

Инвертировать выделение (сочетание клавиш: Ctrl + Shift + I)

Шаг 17: Выберите цвет

Оставить черный цвет по умолчанию

Шаг 18: Удалите остальную часть изображения

Удалите остальные части изображения, оставляя за собой тень

Шаг

19: Отменить выбор изображения

Теперь отмените выбор всего изображения (сочетание клавиш: Ctrl + D)

Шаг 20: Удалить слой из каналов

Выберите и удалите зеленый слой копии

Шаг 21: Выберите векторную маску

Выберите векторную маску на фоновом слое копии

Шаг 22: Включите фоновую копию

Включить фоновую копию

Шаг 23: Установите перо

Установить перо на 5 (сочетание клавиш: Ctrl + Alt + D)

Шаг 24: Используйте кисть

Инструмент Select Brush Tool

Шаг 25: Увеличьте тень

Используйте инструмент на теневой области и увеличьте видимость тени

Шаг 26: корректируем слой

.

Настроить слой (Черно-белый)

Шаг 27: Перекрестите всплывающее меню

Перекрестие всплывающего меню

Шаг 28: Сохраните файл

Сохраните файл, и все готово…

Видеоурок: Как создать естественную тень на изображении продукта

Методы ретуши фотографий для начинающих фотографов

ПОДРОБНЕЕ

Учебник

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

Тень - это искусственная тень, которая исправляется в Photoshop.Основное различие между естественной тенью и падающей тенью - это слои теней. Большинство естественных теней имеют несколько слоев, которые становятся темнее и светлее по мере удаления тени от источника. Однако тень создается в Photoshop и не имеет нескольких слоев тени.

Услуги Drop shadow в основном связаны с изображениями продуктов.

Вот пошаговое руководство по Drop Shadow:

Шаг 1. Откройте изображение

Сначала откройте файл

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

Скопируйте фоновый слой вашего файла, выберите слой и перейдите к Feather Radiation на 0.3% (сочетание клавиш: Ctrl + Alt + D)

Шаг 3: фоновая копия слоя

Маскировка фоновой копии слоя

Шаг 4. Палитра цветов

Перейдите в палитру цветов и выберите сплошной цвет для фона

Шаг 5: Свежий слой

Создать новый слой

Шаг 6: Выполните путь

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

Шаг 7: Добавьте радиус растушевки

Скопируйте путь и добавьте радиус растушевки 20

Шаг 8: Установите цвет фона

Выберите путь и установите черный цвет фона (сочетание клавиш: Ctrl + Backspace)

Шаг 9: Выберите маску

Выберите маску на слое.Затем выберите инструмент Gradient Tool на левой панели инструментов (отмечен на изображении) и исправьте тень

.

Шаг 10: Выберите инструмент Brush Tool

Выберите инструмент «Кисть » на левой панели инструментов и придайте тени надлежащую отделку.

Шаг 11: Сохраните файл

Сохраните файл, и все готово…

Есть много альтернатив этой технике. Если вам интересно узнать еще об одной технике, прочтите: как добавить тень в Photoshop.

Видеоурок: Как создать реалистичную тень в Photoshop

Почему выбирают услуги Drop Shadow
у нас?

Служба отбрасывания теней

Учебное пособие по Photoshop: как создать отражающую тень

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

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

Вот как вы можете добавить тень отражения к вашим изображениям:

Шаг 1. Откройте изображение

Откройте изображение в Photoshop

Шаг 2: Создайте фоновую копию

Создать фоновую копию

Шаг 3: Выберите путь

Выберите Path и установите растушевку на 0.3 пикселя (сочетание клавиш: Ctrl + Alt + D)

Шаг 4: Маска

Добавить маску

Шаг 5: Заливка фона

Заполните фон сплошным цветом (для изображений товаров предпочтительнее белый цвет)

Шаг 6. Скопируйте слой

.

Скопируйте слой с маской

Шаг 7: примените маску слоя

Применить маску слоя

Шаг 8: Средняя отметка

Выберите продукт (сочетание клавиш: Ctrl + T) и поместите среднюю отметку внизу продукта

Шаг 9: перевернуть статью

Щелкните правой кнопкой мыши по отметке и добавьте Flip Verticle

Шаг 10: слой маски

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

Шаг 11: Отражение вашего продукта

Выберите инструмент Gradient Tool и примените его к отражению вашего продукта

Шаг 12: Новый слой

Создайте новый слой

Шаг 13: Слияние с отражением

Возьмите Pen Tool и выберите часть, где ваш основной продукт сливается с отражением и Path

Шаг 14: Установите перо

Выберите путь и установите перо на 5 (сочетание клавиш: Ctrl + Alt + T)

Шаг 15: Установите цвет по умолчанию

Установите черный цвет по умолчанию и нажмите Ctrl + Backspace

Шаг 16: Растушевываем тень

Растушуйте тень , когда выбран путь .Чтобы смешать тень, перейдите в Filter> Blur> Motion Blur

.

Шаг 17: Установите угол

Установите угол на 0 и расстояние на соответствующее число

Шаг 18: Растушуйте градиент

Теперь перейдите в Filter> Blur> Gradient Blur, чтобы смешать градиент

Шаг 19: Установите непрозрачность

Установите соответствующий коэффициент непрозрачности

Шаг 20: Удалите лишнюю тень

Создайте маскирующий слой и удалите с него лишнюю тень

Шаг 21: Сохраните файл

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

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

Видеоурок: Как сделать отражающую тень на изображении автомобиля

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

Поделитесь этой статьей, чтобы больше людей увидели ее и извлекли пользу.

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

Ура!

OCP с радостью предлагает вам
БЕСПЛАТНУЮ пробную версию, чтобы проверить качество своих услуг
на Drop Shadow Service

Рузель Хасан

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

Учебное пособие по Photoshop для реалистичных падающих теней - Путь

Бекки Килимник

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

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

Что мы расскажем:

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

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

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

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

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

Учебник

: Как создать реалистичную тень в Photoshop

  1. Изолировать объект от фона
  2. Создайте новый фон позади вашего изолированного объекта
  3. Определите цвет вашей отбрасываемой тени
  4. Создать тень
  5. Создайте слой из вашей тени
  6. Искажение тени
  7. Создать альфа-канал
  8. Создайте градиент в вашем альфа-канале
  9. Выбор размытия
  10. Создайте маску слоя
  11. Учитывайте источник света и убирайте тени

Шаг 1. Изолируйте объект от фона

Откройте фотографию, которую хотите изменить.Как только вы войдете в новый файл, откройте палитру Layers , перейдя в Window > Layers . Вырежьте объект на фотографии и поместите его на новый слой. Дайте вашему новому слою имя, которое указывает на то, что фон был удален (например, «изолированный»), чтобы избежать путаницы с другими слоями при создании теней.

Вы можете обратиться к нашему руководству о том, как использовать Magic Wand, чтобы изолировать объект от фона.

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

Шаг 2: Создайте новый фон позади вашего изолированного объекта

В палитре Layers выберите скрытый фоновый слой. Перейдите к Layer > New Layer или введите SHIFT + CONTROL + N (SHIFT + COMMAND + N на Mac), чтобы создать новый слой. Этот слой будет вашим новым фоном.

Залейте новый слой цветом, выбрав Edit > Fill .Выбрав Цвет в раскрывающемся меню, у вас есть возможность выбрать собственный цвет.

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

Шаг 3: Определите цвет вашей отбрасываемой тени

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

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

Выбранный цвет будет отображаться как цвет переднего плана в нижней части палитры Tools . Дважды щелкните новый цвет переднего плана, чтобы открыть диалоговое окно настройки Color Picker .

Сделайте выбранный цвет немного темнее и менее насыщенным, перемещая выделение вниз и влево от цветового поля. Щелкните ОК.

Шаг 4: Создайте падающую тень

Выделив слой изолированного объекта, нажмите кнопку fx в нижней части палитры слоев и выберите Drop Shadow .

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

Когда вы будете удовлетворены настройками Drop Shadow , нажмите OK .

Шаг 5: Создайте слой из вашей тени

Перейдите на слой > слой Стиль > Создайте слой , чтобы отделить вашу тень от его слоя.Это позволит вам изменять тень независимо от объекта. При создании слоя может появиться диалоговое окно с предупреждением; если да, просто нажмите ОК .

Шаг 6. Искажение падающей тени

В палитре Layers выберите только что созданный слой тени.

Перейдите к Edit > Transform > Distort , чтобы опустить вашу тень на пол.

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

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

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

Для этого установите Blending Mode вашего теневого слоя на Normal и заливку на 100%.

Нарисуйте выделение вокруг области вашей тени, которую необходимо изменить, с помощью инструмента Rectangular Marquee Tool , а затем перейдите к Edit > Transform > Distort , чтобы отредактировать эту часть тени.

Когда вы будете удовлетворены своими изменениями, примените трансформацию и используйте инструменты Paintbrush и Eraser , чтобы «исправить» любые края ваших теней. Затем измените Layer Blend Mode вашего слоя тени на Multiply и уменьшите Fill для этого слоя до 75%.

Шаг 7. Создайте альфа-канал

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

Чтобы создать альфа-канал, перейдите в окно > Каналы , чтобы открыть свои каналы Палитра . Щелкните меню Palette , чтобы выбрать New Channel .

A Новый канал Откроется диалоговое окно «Канал ». Вы можете оставить имя по умолчанию: Alpha 1 .Под Color Указывает , убедитесь, что выбран переключатель Selected Area .

Шаг 8: Создайте градиент в вашем альфа-канале

В палитре каналов выберите новый канал Alpha 1 точно так же, как если бы вы выбирали слой. Убедитесь, что видимость (значок глаза слева от названия канала) включена для всех каналов.

Выберите инструмент Gradient Tool из палитры инструментов Tools .В нижней части палитры Tools убедитесь, что передний план установлен на черный, а фон - на белый.

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

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

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

Шаг 9: Выбор размытия

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

Щелкните верхний канал в палитре «Каналы» (RGB или CMYK, в зависимости от цветового режима изображения), чтобы выбрать цветовые каналы и отменить выбор альфа-канала.

Перейдите к палитре Layers , чтобы убедиться, что у вас все еще выбран слой с падающей тени.

Перейти к Фильтр > Размытие > Линза Размытие . Появится диалоговое окно, в котором вы сможете значительно контролировать размытие.

Убедитесь, что установлен флажок Предварительный просмотр . В разделе Глубина Карта выберите Alpha 1 в раскрывающемся меню Источник.

Установите для параметра Blur Focal Distance значение 0 и установите флажок рядом с Invert.

Сдвиньте Radius к большему числу (в этом примере это 67). Оставьте все остальные значения по умолчанию. Нажмите ОК .

Шаг 10: Создайте маску слоя

Перейти к Выбрать > Загрузить Выбор . Выберите Alpha 1 из раскрывающегося списка Channel и убедитесь, что установлен переключатель рядом с New Selection .

Щелкните ОК .

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

Выберите инверсию, перейдя к Выберите > Выберите Inverse или набрав SHIFT + CONTROL + I (SHIFT + COMMAND + I на Mac).

В палитре Layers щелкните значок Layer Mask внизу палитры.

Когда маска наложена, тень будет «блекнуть» по мере удаления вдаль.Обратите внимание, что эскиз для маски слоя совпадает с эскизом рядом с Alpha 1 .

Шаг 11: Рассмотрите источник света и уберите тени

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

Также обратите внимание, что тени передних ножек на изображении стула должны попадать на задние ножки стула. Самый простой способ воссоздать эти тени - создать новый слой над вашим объектом, а затем, используя свой цвет тени, использовать инструмент Brush , чтобы нарисовать тени, отбрасываемые поверх вашего объекта. Установите слой Blend Mode на Умножьте и отрегулируйте непрозрачность, чтобы она соответствовала окружающим теням.

Использование вариаций теней

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

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

После искажения вашей тени (шаг 6) выберите область тени, которая падает на стену с помощью инструмента Rectangular Marquee Tool и перейдите к Edit > Transform > Distort , чтобы потянуть тень на стене.

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

Когда использовать тень в электронной торговле

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

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

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

Вот пример из The Mood Store, где вы можете увидеть тени, добавленные к нескольким изображениям:

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

Разница между падающей и отбрасываемой тенью

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

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

Бекки Килимник

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

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *