Эффект водной ряби в фотошопе: в общих чертах

В этом уроке по эффектам Photoshop мы узнаем, как легко добавить реалистично выглядящую водную рябь к изображению! Photoshop поставляется с фильтром, разработанным специально для создания эффекта водной ряби, но вы никогда не узнаете его по названию фильтра (нет, это не Ripple или Ocean Ripple, это было бы слишком просто).

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


В этом уроке я буду использовать Photoshop CS5, но любая последняя версия будет работать.

Вот изображение, с которого я начну:

Исходное изображение.  Изображение лицензировано от Shutterstock фотошопом Essentials.com.

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

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

Photoshop эффект водной ряби.

Окончательный водный эффект ряби.

Как создать эффект водной ряби

Шаг 1: выберите инструмент Elliptical Marquee

Первое, что нам нужно сделать, это нарисовать область вокруг области, где появится водная рябь. Так как водная рябь эллиптическая, мы будем использовать эллиптический инструмент выбора. Выберите инструмент Elliptical Marquee Tool от Photoshop на панели «Инструменты». По умолчанию он вложен за инструмент « Прямоугольная область», поэтому щелкните значок инструмента «Прямоугольная область» и удерживайте кнопку мыши нажатой в течение одной или двух секунд, пока не появится всплывающее меню, а затем выберите «Эллиптическое поле» из меню:

Photoshop Elliptical Marquee Tool.

Выберите инструмент Elliptical Marquee.

Шаг 2. Вытяните эллиптическое выделение


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

Рисование эллиптического выделения на изображении.

Нарисуйте свой первый эллиптический выбор.

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

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

Панель «Слои» в Photoshop CS5.

Две копии выделенной области появляются над фоновым слоем.

Шаг 4: временно отключить верхний слой


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

Значок видимости слоя на панели «Слои» в Photoshop.

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

Шаг 5: выбери слой ниже

Теперь, когда верхний слой скрыт, нажмите на слой под ним на панели «Слои», чтобы выбрать его:

Нажав на слой, чтобы выбрать его.

Нажмите на нижнюю часть двух слоев, чтобы выбрать его.

Шаг 6: загрузить выделение вокруг содержимого слоя


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

Миниатюра предварительного просмотра слоя на панели «Слои» в Photoshop.

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните значок предварительного просмотра слоя.

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

Рисование эллиптического выделения на изображении.

Схема выбора снова появляется в документе.

Шаг 7: примени фильтр зигзаг

Как я уже упоминал в начале урока, Photoshop на самом деле поставляется с фильтром, созданным специально для добавления к изображению ряби воды, но вы никогда не догадаетесь, какой из них, просто взглянув на названия фильтров. То, что мы хотим, это не Ripple или Ocean Ripple. Это называется ZigZag (да, все верно, ZigZag). Перейдите в меню « Фильтр» в строке меню в верхней части экрана, выберите « Искажение» , а затем выберите « Зигзаг» внизу списка:

Выбор фильтра ZigZag в Photoshop.

Перейдите в Filter> Distort> ZigZag.

Фильтр ZigZag работает, искажая изображение в форме водной ряби. В нижней части диалогового окна фильтра находится параметр « Стиль», который управляет тем, как Photoshop искажает изображение. Есть три варианта — вокруг центра , вне центра и ряби водоема (настройка по умолчанию). Каждый из них дает нам немного другой эффект водной ряби, и один обычно дает лучшие результаты, чем два других, в зависимости от области изображения, которую вы выбрали. Попробуйте каждый и оцените результаты в окне предварительного просмотра в верхнем левом углу диалогового окна. Я собираюсь придерживаться стандартной прудовой ряби, но другой вариант может подойти вам:

Стили фильтра ZigZag в диалоговом окне.

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

Ползунок « Количество» управляет интенсивностью эффекта водной ряби, а ползунок « Хребты» изменяет количество гребней. Следите за окном предварительного просмотра в диалоговом окне, чтобы просмотреть результаты при перетаскивании ползунков влево и вправо (эффект фактически не применяется к изображению, пока вы не нажмете ОК). Мы собираемся запустить фильтр ZigZag дважды, по одному на каждом из двух слоев, которые мы создали. Для этого начального волнового эффекта, добавьте много гребней. Они появятся вокруг внешнего края пульсации, когда мы закончим. Я собираюсь увеличить значение Ridges примерно до 12, и я увеличу интенсивность эффекта, установив значение Amount примерно до 70 :

Параметры Amount и Ridges в диалоговом окне фильтра ZigZag.

Измените вид водной ряби с помощью ползунков Amount и Ridges.

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

Начальный водный волновой эффект.

Начальный водный волновой эффект.

Шаг 8: выбери верхний слой и включи его снова


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

Выбор и включение верхнего слоя на панели «Слои».

Выберите и включите верхний слой.

Шаг 9: снова примени зигзагообразный фильтр

Нам нужно снова применить фильтр ZigZag, на этот раз к верхнему слою. Так как это был последний фильтр, который мы использовали, мы можем быстро получить доступ к его диалоговому окну, нажав Ctrl + Alt + F (Win) / Command + Option + F (Mac). Эффект, который мы применяем к этому верхнему слою, станет центральной областью водной ряби, и центр обычно имеет меньше гребней, чем внешний край, что означает, что на этот раз нам понадобится более тонкий эффект. Я собираюсь изменить свой стиль на Out Out Center, и я уменьшу значение Ridges до 4 . Стиль Out From Center, как правило, дает менее интенсивный результат, чем два других стиля, поэтому для компенсации я увеличу значение Amount до 100:

Использование различных настроек в диалоговом окне фильтра ZigZag.

Измените вид водной ряби с помощью ползунков Amount и Ridges.

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

Второй, более тонкий эффект водной ряби.

Второй, более тонкий эффект водной ряби.

Шаг 10: сделай набросок выделения меньше с преобразованием выделения


Поднимитесь в меню Select вверху экрана и выберите Transform Selection :

Перейти к Select> Transform Selection.» class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейти к Select> Transform Selection.</div>
<p>Команда «Преобразование выделения» работает очень похоже на команду «Свободное преобразование» в Photoshop, за исключением того, что она влияет на сам контур выделения, а не на пиксели внутри контура выделения. Удерживая <strong>нажатой клавишу «Shift» + «Alt»</strong> (победа) / « <strong>Shift» + «Option»</strong> (Mac), нажмите на маркер (маленький квадрат) в верхнем левом углу ограничительного поля «Преобразование выделения», затем перетащите маркер в направлении центра выделения, пока контур выделения составляет около 50-60% от его первоначального размера. Удерживание клавиши Shift при перетаскивании ограничивает форму контура выделения, в то время как клавиша Alt / Option позволяет изменить размер контура выделения из его центра. Нажмите <strong>Enter</strong> (Win) / <strong>Return</strong> (Mac), когда вы закончите, чтобы принять преобразование:</p>
<p>   <img src=

Уменьшите контур выделения до 50-60% от его первоначального размера.

Шаг 11: инвертируй и удаляй выделение

Поднимитесь в меню « Выбрать» в верхней части экрана и выберите « Инвертировать» или нажмите Shift + Ctrl + I (Победа) / Shift + Command + I (Mac), чтобы получить доступ к той же команде с помощью сочетания клавиш:

Перейти к Select> Inverse.» class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейти к Select> Inverse.</div>
<p>Это меняет наш выбор , так что площадь в центре воды ряби теперь отменяется , а все вокруг него на слое <em>будет</em> выбрано. Нажмите <strong>Backspace</strong> (Победа) / <strong>Удалить</strong> (Mac) на клавиатуре, чтобы удалить все вокруг центра водной ряби, что показывает более сжатые гребни около внешнего края в слое ниже. Нажмите <strong>Ctrl + D</strong> (Победа) / <strong>Command + D</strong> (Mac), чтобы удалить схему выделения из документа:</p>
<p>   <img src=

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

Шаг 12: объединить два слоя вместе


С верхним слоем , выбранным в панели слоев, перейдите к Layer меню в верхней части экрана и выберите Merge Down , или нажмите Ctrl + E (Win) / Command + E (Mac) , чтобы получить доступ к тем же командам с тем быстрее Сочетание клавиш:

Перейдите в Layer> Merge Down.» class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейдите в Layer> Merge Down.</div>
<p>Это объединяет два слоя водной ряби в один слой:</p>
<p>   <img src=

Два слоя были объединены в один слой.

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

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

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

Нам нужно очень небольшое количество размытия.

Нажмите OK, чтобы выйти из диалогового окна Gaussian Blur, и наша первая водная рябь была добавлена ​​к изображению:

Водная рябь была добавлена ​​к изображению в Photoshop.

Водная рябь после смягчения любых резких областей с Gaussian Blur.

Шаг 14: Повторите шаги, чтобы добавить больше воды рябь по мере необходимости

Чтобы добавить больше водяных волн к изображению, начните с нажатия на фоновый слой на панели «Слои», чтобы выбрать исходное изображение, а затем просто повторите шаги 2–13 для каждой водной ряби, которую нужно добавить. После того, как вы создали пару из них, и шаги стали более знакомыми, добавление дополнительных сведений займет совсем немного времени. Обязательно поэкспериментируйте с различными параметрами стиля в диалоговом окне ZigZag, чтобы увидеть, какой из них дает вам лучшие результаты каждый раз.

Здесь, после разбрасывания еще нескольких ряби по поверхности воды, мой окончательный результат:

Photoshop эффект водной ряби.

Окончательный водный эффект ряби.

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



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

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

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

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

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