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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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