Как вырезать объект с тенью в фотошопе
Обновлено: 29.06.2024
Команда «Тень/Свет» — это один из методов исправления фотографий с силуэтными изображениями из-за сильного заднего освещения или исправления объектов, которые были слегка размыты из-за того, что они находились слишком близко к вспышке камеры. Эту регулировку также можно использовать для осветления темных областей на хорошо освещенном в остальном изображении. Команда Shadow/Highlight не просто осветляет или затемняет изображение; он светлеет или затемняется в зависимости от окружающих пикселей (локального соседства) в тенях или бликах. По этой причине существуют отдельные элементы управления тенями и бликами. По умолчанию установлено исправление изображений с проблемами подсветки.
Команда Shadow/Highlight также имеет ползунок Midtone Contrast, параметры Black Clip и White Clip для настройки общего контраста изображения, а также ползунок Color Correction для настройки насыщенности.
Имейте в виду, что команда «Тень/Свет» применяет корректировки непосредственно к изображению и отбрасывает информацию об изображении. Для неразрушающего редактирования изображений рекомендуется использовать корректирующие слои или Camera Raw. См. разделы «Корректирующие слои и слои-заливки» и «Введение в Camera Raw».
Исходное изображение и примененная коррекция теней/светов
Настройка теней и светлых участков изображения
Убедитесь, что в диалоговом окне выбран параметр "Предварительный просмотр", если вы хотите, чтобы изображение обновлялось по мере внесения изменений.
Настройте степень коррекции освещения, перемещая ползунок «Количество» или вводя значение в процентном поле «Тени» или «Света». Большие значения обеспечивают либо большее осветление теней, либо большее затемнение ярких участков. Вы можете настроить как тени, так и светлые участки изображения.
Чтобы повысить детализацию теней на хорошо экспонированном изображении, попробуйте значения в диапазоне от 0 до 25 % для параметра "Количество теней" и "Ширина тона теней".
(Необязательно) Нажмите кнопку «Сохранить по умолчанию», чтобы сохранить текущие настройки и сделать их настройками по умолчанию для команды «Тени/Света». Чтобы восстановить исходные настройки по умолчанию, нажмите и удерживайте клавишу Shift, нажав кнопку "Сохранить как значения по умолчанию".
Вы можете повторно использовать настройки теней/света, нажав кнопку "Сохранить", чтобы сохранить текущие настройки в файл, а затем нажав кнопку "Загрузить", чтобы перезагрузить их. Дополнительную информацию о сохранении и загрузке настроек см. в разделе Сохранение настроек настройки.
Стиль слоя «Тень» в Photoshop отлично подходит для добавления простых теней к изображениям или тексту, чтобы они выглядели так, как будто они немного парят над фоном, но когда дело доходит до создания более реалистичных теней людей или объектов, стандартный Drop Shadow просто не подходит. В этом уроке мы узнаем, как легко создать реалистичный эффект отбрасываемой тени!
Вот фото, которое я буду использовать в этом уроке:
Вот как это будет выглядеть с примененной тенью:
Это руководство из нашей серии фотоэффектов. Начнем!
Как создать реалистичную тень
Шаг 1. Выберите человека или объект
Прежде чем мы сможем добавить кому-то тень, нам сначала нужно выбрать этого человека. Используя инструмент выделения по вашему выбору (инструмент «Лассо», инструмент «Быстрое выделение», инструмент «Перо» и т. д.), нарисуйте выделение вокруг человека (или объекта) на фотографии. Когда вы закончите, вы должны увидеть контур выделения вокруг них. Здесь я выбрал девушку:
Шаг 2. Скопируйте выделение на новый слой
Выделив человека или объект, нажмите Ctrl+J (Win)/Command+J (Mac) на клавиатуре, чтобы быстро скопировать выделение на новый слой. В окне документа ничего не произойдет, но если мы посмотрим на панель «Слои», то увидим, что Photoshop скопировал выделение на новый слой с именем «Слой 1» над фоновым слоем:
Шаг 3. При необходимости добавьте дополнительное пространство на холсте
В зависимости от вашего изображения этот шаг может понадобиться или не понадобиться, но в моем случае мне нужно добавить дополнительное пространство на холсте, чтобы освободить место для тени. Самый простой способ добавить дополнительное пространство на холсте — использовать инструмент Crop Tool в Photoshop. Я выберу его на панели инструментов:
Чтобы было легче видеть, что я делаю, я переключаюсь из окна документа в первый из полноэкранных режимов Photoshop, нажимая букву F на клавиатуре. Затем, активировав инструмент «Кадрирование», я щелкну серую область сверху и слева от верхнего левого угла изображения и, удерживая нажатой кнопку мыши, перетащу в серую область ниже и в справа от нижнего правого угла:
Когда я отпускаю кнопку мыши, вокруг изображения появляется рамка обрезки с маркерами (маленькими квадратиками) со всех четырех сторон и в каждом углу. Мне нужно добавить больше места на холсте слева от фотографии, поэтому я нажму на левый маркер и перетащу его наружу:
Я нажму Enter (Win)/Return (Mac), чтобы принять обрезку (хотя то, что мы здесь делаем, на самом деле является полной противоположностью обрезке), после чего Photoshop добавляет дополнительное пространство слева от изображения и заполняет его белым цветом (цвет фона по умолчанию). Я нажму F на клавиатуре пару раз, пока не вернусь к просмотру окна документа:
Поскольку у меня белый цвет фона (цвет по умолчанию), Photoshop заполняет новое пространство холста белым цветом.
Шаг 4. Добавьте новый пустой слой ниже слоя 1
Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните значок "Новый слой" в нижней части панели "Слои":
Это говорит Photoshop не только добавить новый слой в документ, как это обычно делается, но и добавить новый слой ниже текущего выбранного слоя (Слой 1), что помещает его между Слоем 1. и фоновый слой:
Шаг 5. Нарисуйте градиент на новом слое
Давайте создадим новый фон для эффекта с помощью градиента, который придаст ему небольшую глубину. Щелкните образец цвета переднего плана в нижней части панели «Инструменты». По умолчанию он должен быть черным:
При этом открывается палитра цветов Photoshop, где мы можем выбрать новый цвет переднего плана. Выберите светло-серый. Если вы хотите использовать тот же оттенок серого, что и я, введите 70% для значения B (B означает яркость) справа. Когда закончите, нажмите OK, чтобы закрыть палитру цветов:
Установите значение яркости (B) на 70 % для светло-серого цвета. H (оттенок) и S (насыщенность) должны оставаться на уровне 0%.
Затем выберите инструмент «Градиент» на панели «Инструменты». Мы будем использовать Gradient Tool несколько раз для этого эффекта:
При активном инструменте «Градиент» щелкните правой кнопкой мыши (Win) или щелкните, удерживая нажатой клавишу «Control» (Mac), в любом месте окна документа, чтобы быстро вызвать средство выбора градиента и убедиться, что выбран самый первый градиент — от переднего плана к фону. нажав на его миниатюру (первый слева, верхний ряд). Нажмите Enter (Win)/Return (Mac), когда закончите, чтобы закрыть окно выбора градиента:
Затем нажмите в нижней части документа, удерживайте нажатой клавишу Shift и перетащите прямо вверх, пока не окажетесь чуть выше горизонтального центра изображения. Удерживая клавишу Shift во время перетаскивания, вы ограничиваете свои движения, облегчая перетаскивание по вертикали:
Отпустите кнопку мыши, и Photoshop нарисует градиент, который станет новым фоном для изображения:
Шаг 6. Добавьте новый слой над градиентом
Нажмите еще раз на значок "Новый слой" в нижней части панели "Слои" (на этот раз не нужно удерживать клавишу Shift):
Новый пустой слой появляется над слоем с градиентом:
Шаг 7. Загрузите выделение вокруг человека или объекта
Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните миниатюру предварительного просмотра верхнего слоя на панели «Слои». Не выбирайте слой, просто нажмите на его миниатюру:
Это мгновенно загружает выделение вокруг содержимого слоя. Здесь мы видим, что девушка на моей фотографии теперь выбрана:
Шаг 8. Залейте выделение черным цветом
Подойдите к меню "Правка" в верхней части экрана и выберите "Заливка":
Когда появится диалоговое окно «Заливка», измените параметр «Использовать» вверху на «Черный», затем нажмите «ОК», чтобы закрыть диалоговое окно:
Это заполнит выделение черным цветом. Мы пока не можем видеть его в окне документа, потому что изображение на слое 1 закрывает его от просмотра, но мы можем увидеть его на миниатюре предварительного просмотра слоя на панели «Слои»:
Мы можем видеть содержимое слоя в его миниатюре предварительного просмотра, даже если мы не видим его в окне документа.
Шаг 9. Исказите положение тени
Область, которую мы только что закрасили черным цветом, станет нашей тенью. Во-первых, нам нужно изменить его форму и переместить в нужное положение, и мы можем сделать это с помощью команды Photoshop Distort. Поднимитесь в меню «Правка», выберите «Преобразовать», а затем выберите «Искажение»:
Измените форму залитой черным области, нажав на верхний маркер преобразования и перетащив его вниз по диагонали, влево или вправо (в зависимости от изображения), пока он не станет больше похож на тень человека или объекта:
Возможно, вам также потребуется исправить нижнюю часть тени, перетащив нижние угловые маркеры. В моем случае нижняя часть тени не совсем совпадала с туфлями девушки, поэтому я перетаскивал нижний правый маркер преобразования вверх и вправо, пока все не стало хорошо:
При необходимости перетащите нижние угловые маркеры, чтобы нижняя часть тени совпадала с человеком или объектом.
Когда вы закончите, нажмите Enter (Win)/Return (Mac), чтобы принять преобразование и выйти из команды Distort. Теперь ваша тень должна выглядеть примерно так:
Шаг 10. Примените легкое размытие
Краи тени выглядят слишком четкими и резкими, поэтому давайте применим к ним небольшое размытие. Перейдите в меню «Фильтр», выберите «Размытие», затем выберите «Размытие по Гауссу»:
Откроется диалоговое окно "Размытие по Гауссу". Увеличьте радиус примерно до 1,5 пикселей для очень тонкого эффекта размытия, затем нажмите OK, чтобы выйти из диалогового окна. Края тени станут мягче:
Шаг 11. Используйте режим быстрой маски для постепенного выбора тени
Чтобы тень выглядела реалистично, края должны постепенно становиться мягче по мере удаления от объекта. Чтобы создать этот эффект постепенного размытия, мы снова обратимся к фильтру «Размытие по Гауссу», но сначала создадим выделение с помощью режима «Быстрая маска» в Photoshop.
Снова выберите инструмент «Градиент» на панели «Инструменты», затем нажмите букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона в Photoshop до их значений по умолчанию (черный будет цветом переднего плана, белый — цветом фона). Затем нажмите букву Q на клавиатуре, чтобы переключиться в режим быстрой маски. Пока ничего не изменится в окне документа. При активном инструменте «Градиент» нажмите в нижней части тени и перетащите по диагонали вверх, например:
Отпустите кнопку мыши в верхней части тени, и на изображении появится наложение быстрой маски от красного до прозрачного. Прозрачная часть в верхней части тени представляет полностью выделенную область. Красный цвет в нижней части тени вообще не выделяется, а область между ними становится все более и более выделенной по мере того, как красный цвет постепенно переходит в прозрачность:
Нажмите букву Q на клавиатуре, чтобы выйти из режима быстрой маски и вернуться в обычный режим. Наложение быстрой маски с красного на прозрачное будет заменено стандартным контуром выделения, который, кажется, не делает ничего, кроме деления тени пополам, при этом выделена только верхняя половина. Это всего лишь неудачная иллюзия со стороны Photoshop.Photoshop может отображать контуры выделения только вокруг пикселей, которые выделены не менее чем на 50%. Так что, хотя кажется, что мы ничего здесь не добились, фильтр размытия по Гауссу собирается доказать обратное:
Photoshop не может точно отобразить контуры выделения вокруг пикселей, которые выделены лишь частично.
Шаг 12. Снова примените фильтр размытия по Гауссу
Поскольку фильтр Gaussian Blur был последним фильтром, который мы использовали, мы можем быстро восстановить его, нажав Ctrl+Alt+F (Win)/Command+Option+F (Mac) на клавиатуре. На этот раз, когда появится диалоговое окно, увеличьте значение Радиуса примерно до 10 пикселей, затем нажмите OK, чтобы выйти из него:
Нажмите Ctrl+D (Win)/Command+D (Mac), чтобы удалить контур выделения, и мы видим в документе, что края тени теперь выглядят постепенно мягче снизу вверх:
Шаг 13. Добавьте маску слоя
Тень должна исчезать по мере удаления от объекта, что легко сделать с помощью маски слоя. Щелкните значок маски слоя в нижней части панели «Слои». Миниатюра маски слоя с белой заливкой появится справа от миниатюры предварительного просмотра теневого слоя:
Шаг 14. Установите темно-серый цвет переднего плана
Мы не хотим, чтобы тень полностью исчезала, поэтому щелкните образец цвета фона на панели инструментов, который в настоящее время должен быть черным (цвета переднего плана и фона по умолчанию меняются местами, когда выбрана маска слоя):< /p>
Когда появится палитра цветов, выберите темно-серый цвет, установив значение B (яркость) на 30%. Оставьте для параметров H (Оттенок) и S (Насыщенность) значение 0%. Когда закончите, нажмите OK, чтобы закрыть палитру цветов:
Шаг 15. Нарисуйте градиент по тени на маске слоя
Затем, выбрав инструмент «Градиент», нажмите еще раз в нижней части тени и перетащите по диагонали вверх кверху, как мы делали минуту назад в режиме «Быстрая маска». Разница здесь в том, что мы рисуем градиент на маске слоя:
Отпустите кнопку мыши в верхней части тени. Поскольку мы нарисовали градиент на маске слоя, а не на самом изображении, мы фактически не видим градиент в документе. Вместо этого мы видим эффект градиента на маске слоя, при этом тень теперь постепенно исчезает по мере удаления от объекта:
Шаг 16. Уменьшите непрозрачность тени
В качестве последнего шага давайте уменьшим непрозрачность тени, чтобы она не казалась такой темной рядом с объектом (поскольку тени всегда несколько прозрачны). Вы найдете параметр «Непрозрачность» в правом верхнем углу панели «Слои». Немного уменьшите его примерно до 85%:
На этом мы закончили! Вот окончательный эффект «отбрасываемой тени»:
И вот оно! Вот как можно создать более реалистичный эффект отбрасываемой тени в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Научитесь задавать обводку, заливку, тень и внутреннюю тень, а также создавать эффекты наложения для объектов в Adobe XD.
Выберите объект.
Нажмите прямоугольник рядом с элементом "Заливка" . Появится палитра цветов.
Палитра цветов
Вы также можете использовать инструмент "Пипетка" для заливки цветом. Клавиша [i] активирует пипетку заливки.
- Нажав клавишу один раз, вы откроете пипетку "Заливка".
- При повторном нажатии клавиши пипетка "Заливка" закроется.
Вы можете выбрать:
- Укажите значения HSBA, RGB или шестнадцатеричные значения, если вы знаете точные значения цвета. Вы также можете переключаться между различными цветовыми режимами.
- Настройте цвет с помощью цветового поля и ползунка цвета. При этом числовые значения HSBA, RGB и шестнадцатеричные значения корректируются соответствующим образом.
- Вы можете задать заливку и непрозрачность заливки, используя ползунок цвета или указав значение в процентах.
- Используйте инструмент "Пипетка", чтобы выбрать цвет на монтажной области.
- К объекту также можно применить градиентную заливку. Дополнительную информацию о градиентах см. в разделе Создание и изменение градиентов.
Изменяя параметры в палитре цветов, вы можете просмотреть изменения на монтажной области.
Вы можете сохранить цвет как образец для использования в будущем. Чтобы сохранить цвет как образец, нажмите значок + в нижней части палитры цветов.
Добавить образцы
Вы можете изменить порядок образцов в палитре цветов, перетащив образец в новое место. Чтобы удалить образец, перетащите его за пределы палитры цветов.
Применить заливку изображения к объектам
Сначала включите заливку, если она еще не включена (как описано в разделе Применение цвета заливки к объекту). Затем перетащите изображение на объект из того места, где вы его сохранили (например, из Finder или проводника Windows).
Обрезка и размещение заливки изображения
Теперь вы можете дважды щелкнуть изображения, помещенные в контейнеры ( Объект > маска с формой ), чтобы обрезать и изменить положение изображений (при перетаскивании с рабочего стола) в заливках изображений. Используйте режим кадрирования в заливке изображения, чтобы:
- Дважды щелкните и введите режим обрезки заливки изображения.
- Измените положение изображения в режиме обрезки или
- Переместите изображение в любое место в режиме кадрирования.
Это улучшение также применимо к файлам, импортированным из Photoshop и Sketch. Импортированные файлы сохраняют заливку изображения и кадрирование, выполненное в исходном приложении.
Вставка изображения из буфера обмена
Вы также можете скопировать изображение за пределами Adobe XD в буфер обмена операционной системы, выбрать фигуру и вставить изображение в качестве заливки изображения из буфера обмена операционной системы. Изображения также будут заполнять фигуру, если фигура выбрана и пользователь выбирает «Файл» > «Импорт».
Я придумал лучший способ создания отбрасываемой тени в Photoshop. Обычно люди создают тень и помещают ее на слой, а затем работают с масками, чтобы добиться реализма, так намного быстрее и точнее. Я предлагаю сначала посмотреть видео, а затем использовать письменные шаги в качестве справки.
Тень отбрасывается, когда тень падает на поверхность, параллельную объекту, например человеку, стоящему перед стеной. Отбрасываемая тень — это когда поверхность находится под углом к объекту, например, к человеку на улице. Есть 2 характеристики реалистичной тени, если вы наблюдаете их в реальном мире. По мере удаления тени от объекта она становится более прозрачной. По мере удаления тени от объекта ее края становятся мягче.
Давайте добавим тень в Photoshop прямо сейчас.
Шаг 1.
Начните с объекта, к которому вы хотите добавить тень, на его собственном слое. (Как вырезать объект в фотошопе)
Шаг 2. Создайте наложение градиента.
<р>1. Выберите стили слоя и выберите «Наложение градиента». <р>2. Сделайте градиент от черного к серому. Щелкните градиент, чтобы открыть редактор градиентов. <р>3. Щелкните точку градиента и выберите средний оттенок серого. Вы должны увидеть градиент от темного к светлому на изображении, причем более светлая часть находится вверху.Нажмите "ОК", чтобы применить. Нажмите OK еще раз, чтобы применить стиль слоя.
Шаг 3. Превращение градиента в тень.
<р>1. Щелкните правой кнопкой мыши эффект слова на панели «Слои». Выберите «Создать слой». <р>2. Cmd/Ctrl+Щелкните по исходному слою объекта, чтобы загрузить его прозрачность. <р>3. Когда слой «Градиент» активен, щелкните значок новой маски слоя на панели «Слои».Щелкните правой кнопкой мыши на маске слоя и выберите "Применить маску слоя".
Шаг 4.
Перетащите градиент под слой объекта.
Шаг 5.
Выбрав слой с градиентом, нажмите Cmd/Ctrl+T для свободного преобразования.
Перетащите ограничивающую рамку вниз (удерживайте клавишу Shift в Photoshop CC 2019 или новее для преобразования без ограничений) и перетащите вниз, чтобы сжать градиент.
Щелкните правой кнопкой мыши и выберите "Перекос". Перетащите верхнюю часть ограничительной рамки влево, чтобы наклонить градиент.
Шаг 6. Растушевка тени
Теперь нам нужно растушевать тень, сделать ее мягче по мере удаления.
Выберите «Фильтр»> «Галерея размытия»> «Размытие поля»
<р>1. Перетащите кольцо, чтобы изменить мягкость размытия. Сделайте его красивым и мягким. <р>2. Щелкните в нижней части объекта, чтобы добавить вторую булавку. Размытие будет расплываться между двумя булавками. Перетащите второе кольцо, чтобы уменьшить размытие.
Теперь у нас есть плавный градиент с одной стороны. Все, что нам нужно сделать, чтобы превратить его в тень, это изменить режим наложения слоя на Умножение, и светло-серый цвет станет более прозрачным, чем темно-серый. Здесь я поместил его на фон, чтобы вы могли видеть эффект.
Спасибо, что ознакомились с этим руководством. Надеюсь, оно оказалось вам полезным. Ознакомьтесь со всеми другими учебными пособиями, которые у нас есть здесь, в CAFE. Если вы еще не подписались на нашу рассылку и канал на YouTube, сделайте это сейчас, чтобы ничего не пропустить.
Читайте также: