Реалистичный эффект бросания тени в фотошопе (видео)

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

Вот фотография, которую я буду использовать для этого урока:


Оригинальное фото.  Изображение лицензировано от iStockphoto фотошопом Essentials.com.

Исходное изображение.

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

Photoshop отбрасывает эффект тени.

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

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

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

Прежде чем мы сможем добавить тень кому-либо, мы должны сначала выбрать их. С помощью инструмента выделения вашего выбора ( Lasso Tool , Quick Selection Tool , Pen Tool и т.д.), сделайте выделение вокруг человека (или объект) на фото. Когда вы закончите, вы должны увидеть схему выбора вокруг них. Здесь я выбрал девушку:

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

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

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


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

Выбор был скопирован в новый слой.

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

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

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

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

Выбор инструмента обрезки.

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

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

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

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

Перетаскивание левой ручки обрезки.

Добавляя больше места слева, перетаскивая левую ручку обрезки.

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

Дополнительное пространство холста было добавлено с помощью инструмента Crop.

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

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


Удерживая нажатой клавишу «Ctrl» («Победа») / « Command» (Mac), щелкните значок « Новый слой» в нижней части панели «Слои».

Новый слой Photoshop на панели «Слои».

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

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

Новый слой был добавлен ниже текущего выбранного слоя.

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

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

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

Образец цвета переднего плана в Photoshop.

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

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

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

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

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

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

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

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

Выбор градиента в фотошопе.

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

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

Перетаскивание градиента от серого к белому.

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

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

Новый светло-серый на белом фоне.

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

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


Нажмите еще раз на значок « Новый слой» в нижней части панели «Слои» (на этот раз не нужно удерживать клавишу Shift):

Значок «Новый слой» на панели «Слои» в Photoshop.

Нажмите еще раз на иконку нового слоя.

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

Новый слой появится над слоем градиента на панели «Слои».

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

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

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

Нажав на эскиз предварительного просмотра слоя.

Удерживая нажатой клавишу «Ctrl» («Победа») / «Command» (Mac), нажмите на эскиз предварительного просмотра слоя 1.

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

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

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

Шаг 8: заполните выделение черным


Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Выбор команды «Заполнить» в Photoshop.

Перейдите в Edit> Fill.

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

Установите для параметра «Использовать» значение «Черный» в диалоговом окне «Заливка».

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

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

Предварительный просмотр слоя.

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

Шаг 9: переверни тень

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

Перейдите в Edit> Transform> Distort.» class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейдите в Edit> Transform> Distort.</div>
<p>Измените область, заполненную черным, щелкнув <strong>верхний маркер преобразования</strong> и перетащив его вниз по диагонали, влево или вправо (в зависимости от вашего изображения), пока он не будет больше похож на тень человека или объекта:</p>
<p>   <img src=

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

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

Искажает нижнюю часть тени.

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

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

Тень была искажена.

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

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


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

Перейдите в Filter> Blur> Gaussian Blur.» class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейдите в Filter> Blur> Gaussian Blur.</div>
<p>Это открывает диалоговое окно Gaussian Blur. Увеличьте <strong>радиус</strong> до <strong>1,5 пикселей</strong> для очень тонкого эффекта размытия, затем нажмите OK, чтобы выйти из диалогового окна. Края тени будут выглядеть мягче:</p>
<p>   <img src=

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

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

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

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

Перетаскивание градиента в режиме быстрой маски в Photoshop.

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

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

Градиент быстрой маски от красного до прозрачного в Photoshop.

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

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

Контур выделения появляется вместо наложения быстрой маски.

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

Шаг 12: примени фильтр Gaussian Blur снова


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

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

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

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

Края теней постепенно становятся мягче.

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

Шаг 13: добавь маску слоя

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

Добавление маски слоя в Photoshop.

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

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

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

Образец цвета фона в фотошопе.

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

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

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

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

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

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

Рисование градиента на маске слоя.

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

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

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

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

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

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

Опция непрозрачности слоя в Photoshop.

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

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

Photoshop отбрасывает эффект тени.

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

И там у нас это есть! Вот как создать более реалистичный эффект тени в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.