Фото Реалистичные теней в Photoshop

Как мы увидим в этом уроке, карта смещения на самом деле не более чем отдельный, черно-белой версии вашего изображения, которое Photoshop использует, чтобы выяснить, как изменить свои тени, так что они, кажется, следуют естественные текстуры и глубины фона позади них, точно так же как то, что реальная тень будет делать. Подумайте о карте смещения, как Photoshop перемещения пикселов из "DIS месте по сей месте". Если такого рода имеет смысл для вас, здорово! Если нет, то не волнуйтесь, это будет к тому времени мы сделали этот урок. Вот мой оригинальный образ, просто фото некоторого количества воды:
 
Я собираюсь добавлять некоторый тип над ним, а затем добавить теней от типа. Как правило, я хотел бы получить что-то вроде этого:
Не очень практично, вообще. Падающая тень, кажется, следуя формы ниже него волн немного , но это только потому, что непрозрачность тени установлен на значения по умолчанию 75%, так что некоторые из волн, показывая через него. Снижена прозрачность помогает немного, но это определенно не лучшее, что мы могли сделать. По большей части, тени выглядят плоскими.
Благодаря силе Photoshop и карты смещения, хотя, я могу легко превратить эту упрощенную тень в нечто большее, как это:
Это выглядит намного лучше, и создавая тем самым "отображается" теневой эффект это то, что мы будем делать в этой статье. Давайте начнем!

Шаг 1: добавить какой-над вашими изображения

Моя вода фото открыта в Photoshop, и в мои палитре слоев, я вижу, что я в настоящее время один слой, фоновый слой, который содержит мое изображение:
Первое, что я собираюсь сделать, это добавить тип, который я буду использовать. Пресс- T на клавиатуре, чтобы быстро получить доступ к инструмента и добавить свой ​​текст. Я собираюсь ввести "Deep Blue":
Вот мой палитре слоев теперь показывает два слоя - мой оригинальный фоновый слой, и мой недавно добавил слой типа над ним:
Вы не должны делать это следующий шаг, если вы не хотите, но я собираюсь растянуть свой ​​текст и сделать его выше, нажав Ctrl + T (Win) / Command + T (Mac), чтобы открыть в Photoshop Free Transform окно и обрабатывает около моего типа, а затем, удерживая нажатой клавишу Alt (Win) / Option (Mac), я собираюсь тащить Free Transform окно вверх от верхней ручкой центра (обведено красным на скриншоте ниже).Удерживая Alt / Option, это говорит Photoshop растянуть тип от центра, расширение верхней и нижней, в то же время.
С текстом на месте, мы собираемся добавить наш Drop Shadow рядом.

Шаг 2: Добавляем Drop Shadow к тексту

С типом выбранного слоя, нажмите на Add Layer Style значок в нижней части палитры слоев:
Выберите Drop Shadow из списка стилей слоя, который появляется:
Это вызовет диалоговое окно Layer Style показывая нам варианты Drop Shadow:
Я собираюсь оставить непрозрачностью его значение по умолчанию 75%, а заданный угол до 120 градусов.Единственный вариант, я собираюсь изменить это расстояние , которое я буду установлен на 20 пикселей, как показано выше. Когда вы закончите, нажмите кнопку ОК, чтобы выйти из окна настроек.
Вот мой образ с падающая тень применяется:
Определенно не то, что можно было бы назвать реалистичным. Конечно, я не могу вспомнить, когда в последний раз я видел текст парящий над водой в реальной жизни, но если я видел его, я уверен, что тень не будет выглядеть этот фальшивый. К счастью, фиксируя эту проблему то, что этот учебник это все о. Мы собираемся создать нашу карту смещения в следующем.

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

В палитре Layers щелкните на фоновом слое снова, чтобы выбрать его:
С фонового слоя будет выбран, нажмите Ctrl + A (Win) / Command + (Mac), чтобы выбрать содержимое слоя, которая в данном случае является оригинальное фото вода. Вы увидите окно выбора появится вокруг изображения в окне документа. Затем нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать содержимое слоя.
Теперь переключитесь на каналы палитры , которая группируется в рядом палитре Layers, и нажмите наСоздать новый канал значок в нижней части палитры Channels, обведено красным ниже:
Новый канал, заполненный черными, что Photoshop имена "Альфа-1" появится под существующими Красный, зеленый и синий каналы:
С "Alpha 1" выбранного канала, нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить содержимое фонового слоя в этом новом канале. Вы увидите изображение появится в черно-белый внутри миниатюрами области предварительного просмотра канала "Альфа 1":
И вы увидите, тот же черный и белый версия появится в окне документа:
Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы снять изображение в этой точке. Мы собираемся применить фильтр Gaussian Blur на новый канал в следующем.

Шаг 4: Нанесите Gaussian Blur Filter на новый канал

Мы будем использовать этот новый канал, как нашей карте смещения для нашей Drop Shadow, и одна из вещей, которые мы хотим, чтобы избежать оказывает резких или острые углы в карте смещения, так что наша тень будет течь плавно и естественно с рябь и волны в воде. Чтобы убедиться, что все красиво и гладко, я собираюсь добавить фильтр Gaussian Blur к этому каналу.
Выбранные канал "Alpha 1", идут до меню Filter в верхней части экрана, выберите Blur, и выберитеGaussian Blur , после чего появится диалоговое окно Gaussian Blur:
Вы хотите, чтобы добавлять только небольшое количество размытия здесь. Я использую низким разрешением для этого урока, и для меня, значение радиусом около 2 пикселей делает трюк. Если Вы используете изображение прямо из вашего цифрового фотоаппарата, скорее всего, это будет намного более высокое разрешение, и в этом случае, вы, вероятно, обнаружите, что установка около 5-6 пикселей работает хорошо. Опять же, мы хотим небольшое количество размытия, просто достаточно, чтобы сгладить все из.

Шаг 5: Повышение контраста канала с уровнями

Следующее, что мы хотим сделать, это увеличить контраст этого канала, так как выше контрастность, больше влияния наша карта смещения будет иметь. Опять же с новым каналом по-прежнему выбран, используйте сочетание клавиш Ctrl + L (Win) / Command + L (Mac), чтобы открыть Уровни диалоговое окно:
С помощью диалога Уровни открытом окне, перетащите черную, а точку белого уровней входного слайдеры (как отмечено красным) в сторону центра, чтобы повысить контрастность канала. Не волнуйтесь о потере деталей в светах и ​​тенях, как если бы мы использовали уровни для тональной коррекции на изображении.Здесь все мы обеспокоены наращивает контраст.
Вот то, что мой канал выглядит теперь, после увеличения контраста с уровнями:
Мы закончите работу на канале и он готов для использования в качестве карты смещения, но использовать его, мы должны создать новый документ из него, и мы сделаем это в следующем.

Шаг 6: Продублируйте канала новый документ,

Мы применили наш фильтр Gaussian Blur к каналу, чтобы сгладить все из, и мы увеличили контраст с уровнями. Наш канал готов быть использован в качестве карты смещения, но для того, чтобы использовать карту смещения, это должно быть отдельный файл, и в настоящее время это просто канал в нашем исходном файле. Мы собираемся, чтобы сохранить его в виде нового файла, хотя, дублируя канал. Нажмите на маленькую стрелку вправо в верхнем правом углу палитры Channels для доступа к каналы палитры и выберите дублирующий канал из выпадающего списка, который появляется:
Это вызовет диалоговое окно дублирующий канал:
Для назначения , нажмите на стрелку вниз, указывающей и выберите Создать , чтобы дублировать канал как отдельный документ, а дать новый документ имя. Я назвал мой "вода-вытеснять". Нажмите кнопку ОК, когда вы сделали, и ваш канал будет отображаться в виде нового документа Photoshop на экране.

Шаг 7: Сохраните документ

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

Шаг 8: Создайте новый слой из выпадающего Shadow Layer Style

Обычно стили слоя, такие как отбрасывание теней просто эффекты, применяемые к другим слоям, но мы можем преобразовать стили слоя в свои слои, что это именно то, что нам нужно сделать с нашим эффект тени для того, чтобы иметь возможность использовать его с нашим перемещения отображение. С типом выбранного слоя, перейдите к меню Layer вверху экрана, выберите Layer Style , а затем вниз в нижней части списка, выберите Создать слой :
При выборе "Создать слой" из вариантов Layer Style, Photoshop занимает тень, растрирует его (преобразует его в пикселях), а затем помещает его на отдельном слое непосредственно под тип слоя:
У нас есть карты смещения, и у нас падение тень на отдельном слое. Мы готовы объединить два и создать более реалистичный эффект тени, и мы сделаем это в следующем.

Шаг 9: Нанесите смещение карты в Тень слоя с помощью Смещение фильтра

Мы готовы применить нашу карту смещения. Нажмите на тень слоя в палитре слоев, чтобы выделить его.Затем перейдите к меню Filter в верхней части экрана, выберите Distort и выберите Displace воспитывать диалоговое окно Смещение фильтра: Там две части в использовании Смещение фильтр в Photoshop. Во-первых, вы устанавливаете опции для Photoshop будет применить карту смещения, а затем выбрать карту смещения вы хотите использовать. Это первое диалоговое окно, которое появляется, когда вы установите параметры. Как я уже кружили над, установить как горизонтальная шкала и вертикальная шкала варианты 10 , если они уже не устанавливается на 10. Для карты смещения , выберите Stretch To Fit , а также для Неопределенные районах , выберите Wrap Around . Нажмите кнопку ОК, когда вы закончите.
Второе диалоговое окно впустит выбрать файл, который вы хотите использовать в качестве карты смещения.Перейдите туда, где вы сохранили вашу карту смещения от нескольких шагов назад и выберите его.Нажмите Open , чтобы использовать карту смещения, и ваш Тень мгновенно отображаются на фоне позади него!
Чтобы получить более полное представление о том, что происходит, я собираюсь кликнуть на иконку глазного яблока на дальнем левом моего типа слоя, чтобы временно скрыть мой тип из поля зрения, поэтому я могу видеть только тень и воду за ним. Вот то, что моя Тень посмотрел, как раньше применением карты смещения:
И вот мой точно такой же падающая тень после применения мою карту смещения:
не Благодаря карте смещения, падающая тень больше не сидит плотно прилегает к изображению позади него. В настоящее время она кривые и изгибы с водой, создавая более реалистичной эффект.
Я собираюсь кликнуть на иконку глазного яблока для моего типа слоя вновь довести свой текст обратно в вид на верхней части тени, и вот мой окончательный результат:
И у нас это есть! Вот как вы сможете создавать реалистичные теней в Photoshop путем сопоставления их в образ с картами смещения.