Добавить реалистичные капли воды на фото с фотошопом (видео)

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

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


Вот исходное изображение, с которым я буду работать:

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

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

А вот как будет выглядеть изображение после добавления капель воды:

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

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

Этот урок из нашей серии фотоэффектов . Давайте начнем!

Шаг 1: дублируем фоновый слой

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

Палитра «Слои» в Photoshop показывает исходное изображение на фоновом слое.

Палитра «Слои» в Photoshop показывает изображение на фоновом слое.

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

Палитра «Слои» теперь показывает фоновый слой и копию фонового слоя над ним.

Нажмите «Ctrl + J» (Победа) / «Command + J» (Mac), чтобы дублировать фоновый слой.

Шаг 2: добавь новый пустой слой выше дублирующего слоя

Далее нам нужно добавить новый пустой слой над нашим вновь созданным дублирующим слоем. Для этого также воспользуемся сочетанием клавиш: Shift + Ctrl + Alt + N (Win) / Shift + Command + Option + N (Mac). Добавив туда клавишу Alt / Option, это говорит Фотошопу не беспокоиться о появлении диалогового окна с просьбой назвать слой и просто добавить его, назначив вместо него имя по умолчанию «Слой 2» и разместив его в верхней части палитры слоев:

Добавляем новый пустой слой.

Нажмите «Shift + Ctrl + Alt + N» (Win) / «Shift + Command + Option + N» (Mac), чтобы добавить новый пустой слой.

Шаг 3: залейте новый слой белым

Мы собираемся заполнить наш новый слой белым цветом, поэтому нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона, если это необходимо, чтобы белый цвет стал вашим цветом фона. Затем, выбрав «Слой 2» в палитре «Слои» (выделенный в данный момент слой выделен), нажмите Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы заполнить новый слой цветом фона, который в нашем чехол белый. Ваше изображение теперь будет полностью заполнено белым:

Изображение теперь заполнено белым.

Нажмите «Ctrl + Backspace» (Win) / «Command + Delete» (Mac), чтобы заполнить новый слой белым цветом, который также заполнит ваше изображение белым.

Шаг 4: примени фильтр «Добавить шум»

Теперь, когда наш слой заполнен белым, нам нужно добавить к нему немного шума. Перейдите в меню « Фильтр» в верхней части экрана, выберите « Шум» , а затем выберите « Добавить шум» , после чего откроется диалоговое окно «Добавить шум» в Photoshop. Перетащите ползунок Amount до упора вправо и убедитесь, что выбраны оба параметра: Гауссовский и Монохроматический внизу:

Фильтр «Добавить шум» в Photoshop.

Перейдите в Filter> Noise> Add Noise, чтобы открыть диалоговое окно Photoshop «Add Noise».

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

Изображение теперь заполнено шумом.

Изображение после добавления шума.

Шаг 5: примени фильтр «Gaussian Blur»

Вернитесь в меню « Фильтр» и выберите « Размытие», а затем « Размытие по Гауссу» , которое вызывает диалоговое окно фильтра «Размытие по Гауссу». Перетащите ползунок « Радиус» вправо, чтобы увеличить степень размытия, применяемого к шуму, пока все, что вы видите, — это большие комки темного и светло-серого цвета. Я использую изображение с низким разрешением для этого урока, и мне кажется, что значение около 6 пикселей работает хорошо. Для изображений с высоким разрешением вам нужно установить значение радиуса выше, чтобы добиться того же эффекта:

Фильтр Gaussian Blur в Photoshop.

Перейдите в Filter> Blur> Gaussian Blur, чтобы открыть диалоговое окно Photoshop «Gaussian Blur».

Вот эффект, который вы пытаетесь достичь:

Изображение после применения фильтра Gaussian Blur к шуму.

Изображение после применения фильтра Gaussian Blur к шуму.

Нажмите OK, чтобы выйти из диалогового окна Gaussian Blur.

Шаг 6: применить «пороговую» настройку изображения

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

Диалоговое окно настройки порога в Photoshop.

Перейдите в Изображение> Настройки> Порог.

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

Изображение после применения настройки Порог.

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

Шаг 7: примени небольшое размытие по Гауссу, чтобы сгладить края черных областей

Единственная проблема с настройкой порога состоит в том, что она имеет тенденцию оставлять нас с очень резкими, неровными краями, и, конечно, у воды нет резких, неровных краев. У него гладкие края, поэтому нам нужно это исправить, и мы можем легко это исправить, просто повторно применив фильтр Gaussian Blur. Поскольку Gaussian Blur был последним фильтром, который мы использовали, мы можем быстро получить к нему доступ с помощью сочетания клавиш Ctrl + Alt + F (Win) / Command + Option + F (Mac), который вызывает диалоговое окно фильтра без применения, давая нам возможность изменить настройки в первую очередь. Мы не хотим использовать такое же количество размытия, как мы применяли изначально, так какперебор. Все, что мы хотим здесь сделать, это сгладить любые неровности, и для этого нам нужен только намек на размытие. На этот раз я собираюсь установить значение радиуса на 0,8 пикселя :

Применение Gaussian Blur снова.

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

Нажмите OK, чтобы снова выйти из диалогового окна Gaussian Blur.

Шаг 8: выбери все черные области волшебной палочкой

Теперь, когда у нас есть формы, которые станут нашими каплями воды (черные области), мы можем удалить все области, которые нам больше не нужны (белые области). Сначала давайте выберем черные области. Для этого мы будем использовать Волшебную палочку . Выберите его из палитры Инструменты или нажмите W на клавиатуре, чтобы быстро выбрать его:

Выбор Волшебной палочки из палитры Инструменты в Photoshop.

Выберите волшебную палочку.

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

Выделение всех черных областей с помощью волшебной палочки.

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

Шаг 9: инвертируй выделение и удаляй белые области

В настоящее время у нас выделены все черные области, но мы действительно хотим, чтобы были выделены все белые области, чтобы мы могли их удалить. Все, что нам нужно сделать, это инвертировать наш выбор, который выберет все, что в данный момент не выбрано, и отменит выбор всего, что выделено. Другими словами, белые области будут выделены, а черные будут отменены. Чтобы сделать это, используйте сочетание клавиш Ctrl + Shift + I (Win) / Command + Shift + I (Mac). Все белые области теперь будут выделены.

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

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

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

Шаг 10: понизь «заливку» слоя черных фигур до 0%

В верхнем левом углу палитры слоев вы найдете два параметра — «Непрозрачность» и «Заливка». Обе эти опции управляют видимостью слоя с одним важным отличием. Если бы вы снизили «Непрозрачность» слоя до 0%, вы бы скрыли не только содержимое слоя, но и любые стили слоя, которые были применены к нему. Опция «Fill», с другой стороны, скрывает только содержимое слоя. Любые стили слоя, примененные к слою, останутся видимыми, и это именно то, что мы хотим, чтобы создать эффект капли воды. Мы хотим скрыть сами черные фигуры, но хотим, чтобы стили слоев, которые мы будем применять дальше, оставались видимыми. Чтобы сделать это, перейдите к параметру «Заливка» в правом верхнем углу палитры «Слои» и опустите его до 0%:

Понижение опции Fill до 0%.

Уменьшите непрозрачность слоя с черными фигурами до 0%.

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

Шаг 11: добавь стиль слоя Drop Shadow

Нажмите на иконку Layer Styles в нижней части палитры Layers:

Щелкнув по значку «Стили слоев» в нижней части палитры «Слои».

Щелкните значок «Стили слоя».

Выберите Drop Shadow из появившегося списка стилей слоя:

Выбор стиля слоя Drop Shadow.

Выберите «Drop Shadow» из списка.

Откроется диалоговое окно «Стиль слоя» с настройками «Тень» в среднем столбце. Опустите непрозрачность в отбрасываемой тени вплоть до примерно 40% и установите угол до 120 ° :

Варианты Drop Shadow.

Установите параметры для тени, обведенной красным.

Пока не нажимайте ОК. У нас есть еще пара стилей слоя для добавления в первую очередь.

Шаг 12: добавь стиль слоя «Внутренняя тень»

Нажмите непосредственно на слова Inner Shadow слева от диалогового окна Layer Style:

Нажав на слова «Внутренняя тень».

Нажмите непосредственно на слова «Внутренняя тень» в левой части диалогового окна «Стиль слоя».

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

Изменение режима наложения Внутренней тени на «Наложение».

Измените «Режим смешивания» стиля слоя «Внутренняя тень» на «Наложение».

Опять же, пока не нажимайте ОК. У нас есть еще один стиль слоя для добавления.

Шаг 13: добавь стиль слоя «Bevel and Emboss»

Наконец, нажмите непосредственно на слова Bevel and Emboss слева от диалогового окна Layer Style:

Нажав на слова «Скос и тиснение».

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

Это вызывает параметры «Наклон и тиснение» в средней колонке диалогового окна «Стили слоя». Начиная сверху и продвигаясь вниз, измените Technique на Chisel Hard, а затем увеличьте глубину примерно до 600% (если вы обнаружите, что это слишком высоко, закончите вносить оставшиеся изменения здесь, а затем вернитесь и отрегулируйте величину Depth , следя за своим изображением при перетаскивании ползунка). Увеличьте количество смягчения до 12 пикселей, чтобы вода выглядела гладко. Затем, в нижней части опций, увеличьте непрозрачность режима подсветки до 100% . ИзменитьРежим Shadow Mode на Color Dodge , и, наконец, измените цвет Shadow Mode с черного на белый , щелкнув образец цвета и выбрав белый цвет в палитре Photoshop:

Варианты Bevel и Emboss.

Измените параметры стиля слоя Bevel and Emboss, обведенные красным.

Когда вы закончите вносить изменения в параметры Bevel и Emboss, нажмите OK, чтобы выйти из диалогового окна Layer Style. Ваше изображение теперь будет выглядеть примерно так, с хорошо видимыми каплями воды:

Изображение после применения стилей слоя.

Изображение после создания эффекта основных капель воды со стилями слоя.

Шаг 14: сотри любые капли воды, которые тебе не нужны

Теперь, когда я создал свои капли воды, я заметил, что некоторые из них блокируют вид основного объекта моего изображения (парень на доске для серфинга). Я хочу удалить эти капли воды, и я могу легко это сделать, стерев их с помощью Eraser Tool . Возьмите инструмент Eraser Tool из палитры Инструменты или нажмите E, чтобы быстро выбрать его:

Выбор инструмента «Ластик» из палитры «Инструменты».

Выберите инструмент «Ластик».

Затем, выбрав инструмент «Ластик», просто нажмите и перетащите мышью по любым каплям воды, которые вы хотите стереть. Я собираюсь стереть те, что перед серфером:

Стирание капель воды перед серфером с помощью Eraser Tool.

Используйте инструмент Eraser Tool, чтобы удалить любые нежелательные капли воды.

Шаг 15: Создайте карту смещения

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

Во-первых, выберите все капли воды одновременно, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и нажимая на миниатюру слоя капли воды в палитре слоев:

Нажав на значок слоя капли воды в палитре слоев.

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на миниатюру слоя капли воды в палитре слоев.

Это позволит выделить все капли воды. Поднимитесь в меню Select в верхней части экрана, выберите Modify , а затем выберите Border . Когда появится диалоговое окно «Выбор границы», введите значение около 10 пикселей и нажмите кнопку «ОК»:

Диалоговое окно «Выбор границ» в Photoshop.

Добавьте 10-пиксельную границу к выделению.

Затем вернитесь в меню Select и на этот раз выберите Feather . Введите значение радиуса пера около 4 пикселей и нажмите «ОК»:

Диалоговое окно Photoshop «Перо».

Введите перо в 4 пикселя к выделению.

Когда вы закончите, вернитесь в меню Select еще раз и выберите Save Selection . Когда появится диалоговое окно «Сохранить выделение», просто нажмите «ОК», чтобы принять параметры по умолчанию и выйти из него. Также нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор вокруг капель воды.

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

Палитра Photoshop's Channels показывает сохраненный выбор как «Альфа 1».

Нажмите на канал «Альфа 1», который является вашим сохраненным выбором, чтобы выбрать его.

Затем нажмите на маленькую стрелку, указывающую вправо, в верхнем правом углу палитры «Каналы» и выберите « Дублировать канал» в списке параметров:

Выбор опции «Дублировать канал».

Нажмите на стрелку вправо в правом верхнем углу палитры каналов и выберите «Дублировать канал».

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

Создание нового документа из канала.

Нажмите на стрелку вниз для опции «Документ» и выберите «Новый», затем нажмите «ОК».

Новый документ появится на вашем экране. Это документ, который мы собираемся использовать для нашей карты смещения. Единственное, что нам осталось сделать, — это сохранить его, поэтому зайдите в меню « Файл» в верхней части экрана и выберите « Сохранить как» или используйте сочетание клавиш Shift + Ctrl + S (Win) / Shift + Command + S ( Mac). В любом случае открывается диалоговое окно «Сохранить как». Назовите документ как хотите. Я назову мои «капли воды» и сохраню документ на рабочем столе, чтобы вы могли легко получить к нему доступ, поскольку он нам понадобится в ближайшее время.

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

Шаг 16: примени фильтр «Смещение» к дублирующему фоновому слою («слой 1»)

Вернитесь к палитре слоев сейчас и нажмите на дубликат фонового слоя («Слой 1»), чтобы выбрать его. Мы собираемся применить фильтр «Смещение» к этому слою, используя карту смещения, которую мы только что создали и сохранили на рабочем столе, что даст нам эффект искажения воды. Перейдите в меню « Фильтр» , выберите « Искажение» , а затем выберите « Сместить» , в результате чего откроется диалоговое окно «Сместить». Опустите параметры « Горизонтальная шкала» и « Вертикальная шкала» примерно до 8 , затем убедитесь, что для карты смещения установлено значение « Растянуть по размеру», а для « Неопределенных областей» — « Повторить пиксели края».:

Фильтр «Смещение» в фотошопе.

Перейдите в Filter> Distort> Displace, чтобы открыть диалоговое окно Displace filter.

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

Шаг 17: Удалить области на слое, которые не находятся под каплями воды

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

Выбор капель воды.

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), нажмите на миниатюру слоя с каплями воды, чтобы выбрать все капли воды.

Обратите внимание, что даже если мы нажимаем на миниатюру слоя с каплями воды, у нас по-прежнему выбран «Слой 1» в палитре слоев, а не слой с каплями воды.

Капли воды теперь выбраны:

Изображение, показывающее выбранные капли воды.

Все капли воды теперь выделены на изображении.

Затем, выделив капли воды, нажмите Ctrl + Shift + I (Победа) / Command + Shift + I (Mac), чтобы инвертировать выделение, чтобы все области вокруг капель воды были выделены, а сами капли воды отменены. Наконец, нажмите клавишу Delete на клавиатуре, чтобы удалить все ненужные области на «Слой 1», оставив только области под каплями воды, создавая эффект искажения воды, а также наш конечный результат:

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

Финальный эффект «капли воды».

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



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

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

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

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

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