Как сделать рябь в фотошопе: Красивый эффект водной ряби в Adobe Photoshop — Главная

Содержание

Красивый эффект водной ряби в Adobe Photoshop

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

Шаг 1

Откройте Photoshop и создайте документ размером 2880×1800 px. Залейте фон черным цветом.

Шаг 2

Нам понадобится хорошее фото воды и волны. В примере использована фотография An image of a beautiful water background, но вы можете взять любую другую похожую. Вставьте фото в документ и снизьте opacity / непрозрачность слоя до 60%.

Шаг 3

Зайдите в Layer>New Adjustment Layer>Hue and Saturation / Слой > Новый корректирующий слой > Цветовой тон и насыщенность. Укажите для параметра Hue / Цветовой тон значение в 0, для Saturation / Насыщенности значение в

-71, и для Lightness / Свет значение 0.

Шаг 4

Зайдите в Layer>New Adjustment Layer>Levels / Слой > Новый корректирующий слой > Уровни. Укажите значения 0, 0.5 и 255.

Шаг 5

В меню выберите Layer>New Adjustment Layer>Brightness and Contrast / Слой >Новый корректирующий слой > Яркость и контраст. Укажите Укажите 0 для Brightness / Яркости и -35 для Contrast / Контраста.

Шаг 6

Создайте новый слой поверх остальных. Залейте слой черным цветом и смените Blend Mode / Режим наложения на Multiply / Умножение. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью белого цвета рисуйте в центре изображения. Наша цель — сделать виньетку. Сохраните документ как копию, назвав его Displace.psd.

Шаг 7

Вставьте в документ ваш логотип, или то, к чему вы хотите применить эффект.

Шаг 8

Не снимая выделения с нового слоя, выберите FIlter>Distort>Displace / Фильтр > Искажение >Смещение. Укажите параметры как на картинке ниже. После чего используйте файл Displace.psd, который вы сохранили в шестом шаге.

Шаг 9

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

Шаг 10

Выберите в меню Filter>Blur>Gaussian Blur / Фильтр >Размытие > Размытие по Гауссу. Укажите радиус в 3 px. Также после этого можете применить Tilt-Shift blur, чтобы размыть края…

Шаг 11

Добавьте маску слою с логотипом. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью черного цвета рисуйте по краям логотипа сверху и снизу. Нам нужно сделать эти части темнее — ведь они под водой.

Завершение

Последнее что нам нужно сделать — это дублировать оригинальный слой с водой и поместить копию поверх всех остальных слоев. Для этого слоя смените Blend Mode / Режим наложения на Overlay / Перекрытие. Вот и всё!

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:

Эффект водной ряби — Уроки фотошоп и все о фотошоп

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

Так будет выглядеть снимок после добавления ряби к воде. Как будто капли дождя падают на поверхность:

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

Шаг 1: Выберите инструмент Овальная область.
Первое,что мы должны сделать, выделить область, где появится водная рябь. Так как водная рябь круглой формы, мы будем использовать инструмент Овальная область. Выберите инструмент Овальная область (Elliptical Marquee Tool).

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

Шаг 3: Сделайте две копии.
Сделайте две копии выделенной области, нажав Ctrl+J. Каждая копия будет добавлена на отдельный слой в панели Слои.

Шаг 4: Выключите верхний слой.
Мы должны скрыть верхний слой нажав на значок глаза слева от слоя в панели

Слои.

Шаг 5: Выберите слой ниже.
Активизируйте слой ниже, щёлкнув по нему мышкой.

Шаг 6: Загрузите выделенную область.
Удерживая клавишу Ctrl, нажмите непосредственно по эскизу предварительного просмотра слоя в панели Слои:

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

Шаг 7: Примените фильтр Зигзаг.
Выберите Фильтр — Искажение — Зигзаг (Filter — Distort — ZigZag).

Зигзагообразный фильтр работает, искажая изображение в форму водной ряби. Внизу диалогового окна фильтра — опция Стиль, которая влияет, как Фотошоп искажает изображение. Есть три варианта —

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

Маркер Степень управляет интенсивностью водного волнового эффекта, в то время как маркер Складки изменяет число волн. Следите за окном предварительного просмотра в диалоговом окне, чтобы анализировать результаты, перетаскивая маркеры. Мы применим Зигзагообразный фильтр дважды, по одному на каждом из двух созданных нами слоёв. Для первого волнового эффекта, добавьте много волн. Я установил значения Степень — 70, Складки — 12.

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

Шаг 8: Выберите верхний слой.
Нажмите на верхний слой в панели Слои, чтобы выбрать его, затем нажмите на значок глаза слева, чтобы сделать слой видимым:

Шаг 9: Примените фильтр снова.
Мы должны применить Зигзагообразный фильтр снова, на сей раз к верхнему слою. Так как это был последний фильтр, который мы использовали, мы можем быстро обратиться к его диалоговому окну, нажимая Ctrl+Alt+F. Эффект верхнего слоя, станет областью центра водной ряби, и центр обычно имеет меньше волн, чем внешний край, это означает, что мы будем нуждаться в более тонком эффекте на сей раз. Я собираюсь изменить опцию Стиль на От центра, и понизить значение Складки к 4. Стиль От центра имеет тенденцию давать менее интенсивный результат, чем другие два стиля, чтобы компенсировать это, я увеличу значение Степень к 100.

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

Шаг 10: Сделайте контур выделения меньше.
Выберите Выделение — Трансформировать выделение (Select — Transform Selection).

Команда Трансформировать выделение (Transform Selection) работает подобно команде Свободное трансформирование (Free Transform) за исключением того, что затрагивает контур выделения непосредственно. Удерживая клавиши Shift+Alt, нажмите маркер в верхнем левом углу и перетащите его к центру, пока контур выделения не уменьшится приблизительно до 50−60 % от оригинального размера. Нажмите ENTER, чтобы применить преобразование:

Шаг 11: Инверсия и удаление.
Выберите Выделение — Инверсия выделения (Select — Inverse), или нажмите Shift+Ctrl+I

, чтобы обратиться к той же самой команде быстрее.

Это полностью изменит Вашу выделенную область, то есть выделится всё, кроме области водной ряби в центре. Нажмите Backspace на вашей клавиатуре, чтобы удалить всё вокруг центра водной ряби, тем самым делая видимой водную рябь нижнего слоя. Нажмите Ctrl+D, чтобы снять выделение.

Шаг 12: Объедините два слоя.
С активным верхним слоем в панели Слои, выберите Слои — Объединить с предыдущим (Layer — Merge Down), или нажмите Ctrl+E, чтобы обратиться к той же самой команде с помощью сочетания клавиш.

Это объединит два слоя с рябью в один.

Шаг 13: Примените фильтр Размытие по Гауссу.
Фильтр Зигзаг может иногда производить резкие, зубчатые области в водной ряби, поэтому давайте смягчим их немного, применяя тонкий эффект размытия. Выберите Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur)

В появившемся диалоговом окне фильтра установите значение Радиус (Radius) приблизительно 0.4 пикселей.

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

Шаг 14: Добавьте больше ряби.
Чтобы добавлять больше водной ряби к изображению, начните с начала, нажимая на Фоновый слой в панели Слои, чтобы выбрать первоначальное изображение, затем просто повторите шаги 2−13 для каждой новой водной ряби. Экспериментируйте с различными опциями Стиль в диалоговом окне Зигзаг, чтобы видеть, что даёт Вам лучший результат.
Вот заключительный результат после нескольких добавлений ряби:

Перевод: Владимир Нестеров

Ссылка на источник

Создаём Простое Отражение Ряби в программе Adobe Photoshop

Один из способов добавления эффекта к интересному ландшафту — это воссоздание цифрового озера! Это создаёт не только эстетическую симметрию, но и использует один из классических приёмов манипуляции с фотографией, создание отражения. В этом уроке мы создадим эффект отражения на водной поверхности, включая искажение ряби.

1. Создаём Простое Отражение

Создание отражения из исходной сцены — это отличный способ овладеть некоторыми базовыми техниками фотоманипуляции. Техника достаточно простая: необходимо создать копию исходной сцены, которая должна отражаться на водной поверхности, а затем перевернуть её. Далее, корректируем перспективу, чтобы отражение стало частью горизонтальной поверхности воды.

Шаг 1

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

Самая важная деталь при выборе изображения — это чёткая горизонтальная линия, которую мы используем в качестве водной кромки. Например, в данной фотографии храма Chau Say от фотографа Donyanedomam, нижняя ступенька храма создаёт отличную точку отражения.

Шаг 2

Откройте исходное изображение в программе Photoshop. Выберите инструмент Рамка (Crop Tool (C). Потяните за верхний центральный узелок вниз, чтобы обрезать изображение прямо над большим деревом слева от храма. Далее, потяните за нижний центральный узелок вниз, чтобы добавить пустое пространство ниже изображения.

Шаг 3

Активируйте линейки на экране, для этого идём Просмотр — Линейки (View > Rulers) или нажмите клавиши (Ctrl+R). Далее, щёлкните по верхней линейке, а затем зажав её кнопкой мыши, потяните вниз, чтобы создать горизонтальную направляющую линию. Сместите эту направляющую линию вниз до нижней ступеньки храма. Это будет горизонт воды нашего цифрового озера.

Шаг 4

С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте выделение от верхнего края изображения. Т.к. линия выделенной области будет подведена очень близко к направляющей линии, то она привяжется к ней, создав точное выделение в нужном месте.

Шаг 5

Далее, идём Слой- Новый — Скопировать на новый слой (Layer > New > Layer Via Copy) или нажмите клавиши (Ctrl+J), чтобы продублировать выделенную область на новый слой. В панели слоёв, вы можете увидеть этот слой под названием Слой 1 (Layer 1). Дважды щёлкните по названию слоя, чтобы переименовать его, назовите этот слой Отражение (Reflection).

Шаг 6

Данный слой будет подвержен небольшому искажению. Каждый раз подвергая деформации пиксели, будет разумно вначале преобразовать данный слой в смарт-объект — это сохранит пиксели при деформации. Для этого идём Слой- Смарт-объект — Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object). На миниатюре слоя, вы увидите появившийся маленький квадратик в нижней правом углу, означающий, что это Смарт-объект.

Шаг 7

Далее, идём Редактирование — Трансформация — Свободная трансформация (Edit > Transform > Free Transform) или нажмите клавиши (Ctrl+T), чтобы активировать область трансформации слоя. Выберите верхний центральный узелок, а затем потяните его вниз мимо нижней части основной сцены, таким образом, вы полностью перевернёте изображение. Потяните узелок трансформации до самого нижнего контура рабочего холста.

Шаг 8

Не выходя из режима Свободной трансформации (Free Transform), щёлкните правой кнопкой мыши по области трансформации и в появившемся окне, выберите опцию Перспектива (Perspective). Выберите нижний левый узелок, чтобы потянуть его влево. Обратите внимание, что правый узелок также смещается, придавая изображению эффект перспективы. Нажмите клавишу (Enter) или нажмите по значку с галочкой в верхней панели управления, чтобы выйти из режима трансформации.

2. Создаёт Рябь на Водной Поверхности.

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

Шаг 1

Создайте новый слой поверх слоя с отражением, для этого идём Слой- Новый слой (Layer > New Layer) или нажмите клавиши (Shift+Ctrl+N).

В появившемся окне Новый слой (New Layer), укажите название слоя Градиент воды (Water Gradient), поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку ‘OK‘. Вы не увидите каких-либо заметных изменений на рабочем холсте, но в панели слоёв, вы увидите новый слой со смещённой миниатюрой слоя. Это означает, что слой закреплён в качестве обтравочной маски или видимость его ограничена слоем Отражение (Reflection).

Шаг 2

Выберите инструмент Градиент (Gradient Tool (G), а затем в панели управления данного инструмента, установите чёрно-белый градиент, тип градиента Линейный (Linear). Теперь потяните градиент сверху вниз, чтобы создать градиентную заливку. Отпустите кнопку мыши у нижнего края рабочего холста, таким образом, чёрная часть градиента будет в верхней части холста, а белая часть градиента в нижней части холста.

Шаг 3

Градиент полностью захватывает область отражения. Режим наложения для данного слоя по умолчанию Нормальный (Normal).

Поменяйте режим наложения для слоя с градиентом на Умножение (Multiply). Данный режим показывает только тёмные тона, поэтому, белые тона станут невидимыми.

Далее, уменьшите Непрозрачность (Opacity) слоя с градиентом до 47%, таким образом, градиент будет менее видимым.

Шаг 4

Теперь нам нужен новый документ, чтобы создать текстуру ряби. Идём Файл — Новый (File > New) или нажмите клавиши (Ctrl+N), чтобы появилось диалоговое окно Новый документ (New Document). Установите значение Ширины (Width) на 2000 px, значение Высоты (Height) на 2000 px, Содержимое фона (Background Contents) Белый (White), а затем нажмите кнопку Создать (Create) (или кнопку ‘OK‘ в ранних версиях программы до версии CC 2017).

Шаг 5

Нажмите клавишу ‘D‘, чтобы убедиться, что цвета переднего и заднего плана установлены по умолчанию на чёрный и белый цвет. Далее, идём Фильтр — Рендеринг — Волокна (Filter > Render > Fibers). Установите Интенсивность (Strength) на 16, а Несовпадения (Variance) на 4. Таким образом, мы создадим узор из рваных вертикальных полосок.

Шаг 6

С помощью инструмента Перемещение (Move (V), переместите текстуру Волокна на наш рабочий документ, для этого, зажмите кнопкой мыши текстуру, а затем наведите курсор на вкладку нашего рабочего документа. Пока ещё не отпускайте кнопку мыши! Как только Photoshop переключится на наш рабочий документ, отпустите кнопку мыши, чтобы добавить текстуру на рабочую область. Обратите внимание, что в панели слоёв, появился новый слой. Назовите слой с текстурой Волокна (Fibers). На данном этапе, документ, который вы создали для создания текстуры, можно закрыть без сохранения, т.к. он нам больше не понадобится.

Шаг 7

Преобразуйте слой с волокнами в смарт-объект, для этого идём Слой- Смарт-объект- Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object). Далее, ещё раз с помощью Свободной трансформации (Free Transform), поверните текстуру. Во время поворота. удерживайте клавишу (Shift) для фиксированного поворота под углом на 45-градусов. Поверните текстуру на 90 градусов, а затем примените Масштабирование (Scale), чтобы полностью охватить область отражения.

Шаг 8

Идём Редактирование — Трансформация — Перспектива (Edit > Transform > Perspective). Откорректируйте перспективу текстуры Волокна точно так же, как мы редактировали перспективу слоя с отражением. Нажмите клавишу (Enter), чтобы применить изменения трансформации.

Шаг 9

Далее, идём Фильтр — Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия 1.5 px. Ещё одно преимущество применения смарт-объекта- это то, что фильтры применяются в качестве смарт-фильтров, это означает, что настройки активны и могут быть изменены в любой момент.

3. Применяем Эффект Смещения к Отражению

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

Шаг 1

В нижней части панели слоёв есть значок с загнутым уголком бумаги. Это значок Новый слой (New Layer). Удерживая клавишу (Ctrl), нажмите на этот значок, чтобы добавить новый слой ниже текущего слоя. Таким образом, мы создадим новый слой ниже слоя с текстурой Волокна.

Шаг 2

Идём Редактирование — Выполнить заливку (Edit > Fill). Поменяйте Содержимое (Contents) на 50% серого (50% Gray), а затем нажмите кнопку ‘OK‘, чтобы залить новый слой серым цветом средних тонов.

Шаг 3

Далее, идём Изображение — Создать дубликат (Image > Duplicate) и в появившемся окне Создать дубликат изображения (Duplicate Image), укажите название документа Смещение_Водной_Ряби (Water_Ripples_Displacement), а также поставьте галочку в окошке Создать дубликат только для сведённого изображения (Duplicate Merged Layers Only). Нажмите кнопку ‘OK‘ и программа Photoshop создаст новый документ, где слой с серым задним фоном и слой с текстурой волокон будут совмещены вместе.

Теперь идём Сохранить как (Save As) и сохраняем этот документ, как Смещение_Водной_Ряби.psd (Water_Ripples_Displacement.psd). Очень важно, чтобы документ был сохранён, как psd файл — это формат файлов Photoshop. Как только вы сохранили документ, его можно закрыть — позже, мы используем его в качестве карты смещения.

Шаг 4

Возвращаемся на наш рабочий документ и удаляем слой с серой заливкой, для этого идём Слой- Удалить — Слой (Layer > Delete > Layer). Далее, щёлкните по слою с текстурой Волокна в панели слоёв, чтобы убедиться, что он активный. Поменяйте режим наложения для данного слоя с текстурой на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) до 25%.

Шаг 5

Щёлкните по слою Отражение (Reflection), чтобы он стал активным. Далее, идём Фильтр — Искажение- Смещение (Filter > Distort > Displacement). Установите Масштаб по горизонтали (Horizontal Scale) на 25, а Масштаб по вертикали (Vertical Scale) на 10. Для параметра Неопределённые области (Undefined Areas), установите на Повторить граничные пикселы (Repeat Edge Pixels), а затем нажмите кнопку ‘OK‘. Программа Photoshop запросит вас выбрать карту смещения. В появившемся окне навигации, выберите файл Смещение_Водной_Ряби.psd (Water_Ripples_Displacement.psd), который мы создали ранее.

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

Шаг 6

Отражение водной поверхности должно иметь слегка иной цветовой тон и яркость, чем реальные объекты, которые отражаются — это создаёт едва уловимый зрительный ориентир, что делает отражение более реалистичным. Идём Изображение — Коррекция — Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Установите значение Насыщенности (Saturation) на +28, а значение Яркости (Lightness) на -21.

Шаг 7

Изображение, отображённое на водной поверхности, также необходимо немного размыть в сравнении с исходным храмом. Идём Фильтр — Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия 1.5 px.

Обратите внимание, что фильтры расположены под миниатюрой слоя Отражение (Reflection) в качестве Смарт-фильтров. Если вам в какой-то момент понадобится отредактировать настройки фильтра, то просто дважды щелкните по названию фильтра, чтобы открыть окно настроек данного фильтра.

Шаг 8

В панели слоёв, вы можете увидеть небольшой белый прямоугольник рядом с надписью Смарт Фильтры (Smart Filters). Это миниатюра маски, которая используется для применения фильтров к слою Отражение (Reflection). Щёлкните по ней, чтобы она стала активной. Белый контур вокруг миниатюры слоя подскажет вам, что маска активна.

Далее, ещё раз выберите инструмент Градиент (Gradient Tool (G), настройки должны быть те же самые, которые вы использовали последний раз, градиент чёрно-белый, тип градиента Линейный (Linear). Потяните ещё раз градиент вниз, чтобы создать заливку градиента на маске. Это поможет затенить эффект фильтров, т.к. отражение находится ближе к храму и дальше от нашей точки наблюдения.

Если вам не понравился, как лёг градиент с первого раза, то попробуйте создать ещё один градиент! Продолжайте создавать градиенты, пока вас не устроит результат.

Поздравляю, мы создали цифровую рябь!

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

Как сделать отражения воды в Photoshop CC CS6

Узнайте, как создать эффект отражения воды в Photoshop с реалистичной водной рябью. Пошаговое руководство для Photoshop CC и CS6.

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

Оттуда мы создадим карту смещения , специальный тип документа в Фотошопе, который мы можем использовать для изгибания, деформации и изменения формы нашего изображения. И, наконец, мы возьмем нашу карту смещения и применим ее к отражению воды, чтобы создать реалистично выглядящие волны и рябь! Мы даже добавим тень вдоль береговой линии, чтобы она выглядела так, будто она спускается в воду. Есть много шагов, но, как всегда, я проведу вас через каждый, чтобы вы могли легко следовать, даже если вы новичок.

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

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

Давайте начнем!

Как создать отражение воды в фотошопе

Шаг 1: Откройте ваше изображение

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

Шаг 8: перетащи слой «Отражение» ниже слоя «Фото»

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

Перетащите слой «Отражение» под слой «Фото».

Шаг 9: добавь размытие в отражении

Добавьте размытие движения к отражению воды, используя фильтр Motion Blur в Photoshop. С выделенным слоем «Отражение» перейдите в меню « Фильтр» в строке меню, выберите « Размытие» , а затем выберите « Размытие в движении» :

Собираюсь Filter> Blur> Motion Blur.

В диалоговом окне «Размытие в движении» установите « Угол наклона» на 90 ° , а затем установите расстояние в диапазоне от 10 до 20 пикселей в зависимости от размера изображения (для изображений большего размера потребуется больше размытия). Я пойду с 20 пикселей. Нажмите OK, чтобы закрыть диалоговое окно:

Добавление размытия движения в отражение воды.

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

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

На панели «Слои» фильтр «Размытие в движении» отображается как « Умный фильтр» под слоем «Отражение». Если вы хотите изменить степень размытия, дважды щелкните слова «Размытие в движении», чтобы снова открыть диалоговое окно фильтра и отрегулировать значение «Расстояние» при необходимости:

Панель «Слои», на которой отображается смарт-фильтр Motion Blur.

Шаг 10: добавь синий сплошной цвет заливки

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

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

Выберите Сплошной цвет в верхней части списка:

Добавление сплошного цвета заливки.

В палитре цветов выберите приглушенный синий, установив значение R на 40 , значение G на 110 и значение B на 185 , а затем нажмите кнопку «ОК», чтобы закрыть палитру цветов:

Выбор синего цвета для воды в палитре цветов.

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

Отражение воды скрыто голубым заливочным слоем.

Шаг 11: перетащите слой заполнения под слой «Отражение»

Причина, по которой он закрашен синим цветом, заключается в том, что Photoshop добавил слой заливки с именем «Цвет заливки 1» между слоями «Фото» и «Отражение». Нажмите на слой заливки и перетащите его вниз под слой «Отражение». Это скроет синий заливочный слой, позволяя отражению воды вновь появиться. Мы вернем синий цвет через минуту:

Перетаскивание слоя заливки под слой «Отражение».

Шаг 12: выберите маску слоя интеллектуального фильтра

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

Нажав на миниатюру маски слоя «Умные фильтры».

Шаг 13: нарисуйте градиент от черного к белому на маске слоя

Выберите инструмент «Градиент» на панели инструментов:

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

На панели параметров нажмите на маленькую стрелку справа от образца цвета градиента , а затем выберите градиент от черного к белому , дважды щелкнув его эскиз (третий слева, верхний ряд). Это выбирает градиент и закрывает Gradient Picker:

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

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

Выбор Linear для стиля градиента.

Нажмите внизу документа, чтобы установить начальную точку для градиента. Удерживайте кнопку мыши нажатой и тяните вверх к середине (к верхней части отраженного изображения воды). Удерживайте клавишу Shift при перетаскивании, чтобы упростить перетаскивание вертикально вверх:

Рисование вертикального градиента через отражение воды.

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

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

Шаг 14: загрузи маску слоя как выделение

Теперь, когда мы прекратили эффект размытия в движении, давайте ослабим само отражение воды, чтобы оно сливалось с нашим синим заливочным слоем. Мы сделаем это, добавив точную копию маски нашего слоя в слой «Отражение». Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажмите на миниатюру слоя со смарт-фильтрами . Это загружает маску слоя как выделение (схема выделения появится в документе):

Удерживая Ctrl (Win) / Command (Mac) и нажимая миниатюру маски слоя.

Шаг 15: добавь маску слоя к слою «Отражение»

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

Нажав значок «Добавить маску слоя».

Photoshop преобразует контур выделения в новую маску слоя, давая нам идентичную маску с тем же градиентом от черного к белому на слое «Отражение»:

Маска слоя «Отражение» показывает тот же градиент, что и маска «Умные фильтры».

С добавленной маской слоя отражение воды теперь постепенно исчезает сверху вниз до синего цвета из нашего слоя заливки сплошным цветом:

Отражение воды теперь становится синим.

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

Если синий выглядит слишком сильным, вы можете потушить его на панели свойств Photoshop . Убедитесь, что на слое «Отражение» выбран эскиз маски слоя. Затем на панели «Свойства» уменьшите значение плотности , перетащив ползунок влево. Чем больше вы его опускаете, тем сильнее исчезает синий цвет. Я опущу шахту до 50%:

Понижение Плотности маски слоя, чтобы исчезнуть синий цвет.

А теперь синий цвет в воде стал более тонким:

Цвет воды теперь выглядит более естественным.

Шаг 17: объединить «отражение» и заполнить слой в смарт-объект

Нам нужно объединить слой «Отражение» и слой заливки под ним в один смарт-объект. Выбрав слой «Отражение», нажмите и удерживайте клавишу Shift и нажмите на слой заливки. Это выбирает оба слоя одновременно:

Выберите «Отражение» и заполните слои на панели «Слои».

Нажмите значок меню в правом верхнем углу панели «Слои»:

Снова нажмите на значок меню панели «Слои».

Выберите Преобразовать в смарт-объект :

Выбрав «Преобразовать в смарт-объект».

Оба слоя теперь отображаются на панели «Слои» как один смарт-объект с именем «Отражение»:

Два слоя были объединены в один смарт-объект.

Шаг 18: создай новый документ такого же размера

Чтобы отражение было больше похоже на воду, мы добавим к нему рябь, используя карту смещения. Карта смещения должна быть отдельным документом Photoshop, и она должна быть того же размера, что и наш текущий документ . Убедитесь, что на панели «Слои» выбран смарт-объект «Отражение», а затем перейдите в меню « Выбор» и выберите « Все» . Это размещает контур выделения вокруг всего изображения:

Собираюсь Выбрать> Все.

Перейдите в меню « Правка» и выберите « Копировать», чтобы скопировать изображение в буфер обмена:

Собираюсь Правка> Копировать.

Чтобы создать новый документ, перейдите в меню « Файл» и выберите « Новый» :

Идем в Файл> Новый.

Откроется диалоговое окно « Новый документ ». Поскольку мы скопировали наше изображение в буфер обмена, Photoshop автоматически устанавливает для ширины , высоты и разрешения нового документа те же значения, что и для исходного документа. Нажмите «Создать» (Photoshop CC) или «ОК» (CS6), чтобы создать документ:

Photoshop соответствует ширине, высоте и разрешению основного документа.

Шаг 19: добавь шум

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

Идем в Фильтр> Шум> Добавить шум.

В диалоговом окне Add Noise, установите Amount на 400% , а затем выберите Gaussian и Monochromatic в нижней части. Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп заполняет документ шумом (маленькие чёрно-белые точки):

Настройки фильтра «Добавить шум».

Шаг 20: добавь размытие, чтобы смягчить шум

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

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне Размытие по Гауссу установите значение радиуса 2 пикселя и нажмите кнопку «ОК»:

Смягчение шума с помощью Gaussian Blur.

Шаг 21: нанесите «тиснение» на красный канал

Откройте панель « Каналы », щелкнув ее вкладку рядом с панелью «Слои»:

Переключение с панели «Слои» на панель «Каналы».

Нажмите на красный канал, чтобы выбрать его:

Выбор красного канала.

Перейдите в меню Filter , выберите Stylize , а затем выберите Emboss :

Собираюсь Filter> Stylize> Emboss.

В диалоговом окне «Тиснение» установите угол на 90 ° , высоту на 1 пиксель и сумму на 500% . Нажмите ОК:

Настройки фильтра Emboss для Красного канала.

Шаг 22: нанеси «тиснение» на зеленый канал

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

Выбор зеленого канала.

Вернитесь в меню Filter , выберите Stylize и еще раз выберите Emboss . Оставьте значение «Высота» равным 1 пикселю, а значение «Сумма» — 500%, но измените угол на 180 ° . Нажмите ОК:

Изменение угла на 180 ° для канала Грина.

Шаг 23: выбери канал RGB и заново открой панель слоев

Нажмите на канал RGB вверху, чтобы выбрать его. Это снова включает все три цветовых канала (красный, зеленый и синий):

Выбор канала RGB.

Затем переключитесь обратно на панель «Слои », щелкнув ее вкладку:

Повторное открытие панели слоев.

Шаг 24: разблокируйте фоновый слой

Нам нужно разблокировать фоновый слой, чтобы мы могли изменить его. В Photoshop CC просто нажмите на значок замка . В Photoshop CS6 нажмите и удерживайте нажатой клавишу Alt (Победа) / Option (Mac) и дважды щелкните на фоновом слое. Это переименовывает слой в «Слой 0», и значок замка исчезает:

Разблокировка фонового слоя.

Шаг 25: уменьши масштаб документа

Через мгновение мы собираемся изменить изображение, но для этого нам понадобится много места. Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажимайте клавишу минус ( — ), чтобы несколько раз увеличить масштаб документа, пока изображение не станет очень маленьким в центре:

Уменьшить масштаб документа, прежде чем изменить его размер.

Шаг 26: трансформируй перспективу изображения

Перейдите в меню « Правка» , выберите « Преобразование» , а затем выберите « Перспектива» :

Собираемся Правка> Преобразовать> Перспектива.

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

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

Конкретного значения использовать не нужно, но если мы посмотрим на мою панель параметров, то увидим, что я перетащил значение ширины ( W ) примерно до 3000% . Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование:

Значение ширины (W) после перетаскивания ручки.

Шаг 27: увеличьте масштаб документа

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

Водная рябь приобретает форму.

Шаг 28: обрежь изображение

Чтобы сохранить небольшой размер файла и избежать каких-либо проблем при сохранении его в виде карты смещения, обрежьте скрытые пиксели по бокам. Поднимитесь в меню Select и выберите All . Вокруг изображения появляется контур выделения:

Собираюсь Выбрать> Все.

Подойдите к меню Image и выберите Crop . Похоже, ничего не произошло, но все скрытые области по бокам теперь обрезаны:

Идем в Image> Crop.

Чтобы удалить контур выделения, вернитесь в меню « Выбор» и выберите « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Похожие страницы: Как обрезать изображения в Photoshop CC

Шаг 29: масштабируй высоту изображения

Наконец, поскольку карта смещения должна влиять только на отражение воды в нижней половине документа, давайте масштабируем высоту изображения. Это также усилит эффект перспективы еще больше. Поднимитесь в меню Edit и выберите Free Transform :

Собираемся Правка> Свободное Преобразование.

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

Перетаскивая верхнюю ручку трансформации в центр.

Шаг 30: сохраняем карту смещения в виде файла PSD в Photoshop

Мы создали карту смещения и готовы ее сохранить. Перейдите в меню « Файл» и выберите « Сохранить как» :

Идем в Файл> Сохранить как.

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

Наименование и сохранение карты смещения в виде файла Photoshop .PSD.

Шаг 31: Переключитесь на ваш основной документ

Вернитесь к своему отражающему воду документу, нажав на его вкладку:

Переключение с карты смещения на документ отражения воды.

Если вы все еще видите контур выделения вокруг изображения с момента, когда мы его скопировали, перейдите в меню « Выбор» и выберите « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Шаг 32: примени фильтр смещения

Примените карту смещения к отражению воды. С выделенным смарт-объектом «Отражение» на панели «Слои» перейдите в меню « Фильтр» , выберите « Искажение» и затем выберите « Смещение» :

Собираюсь Filter> Distort> Displace.

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

В моем случае я установлю для горизонтальной шкалы значение 10, а для вертикальной шкалы — 80. Оставьте для карты смещения значение « Растянуть по размеру», а для неопределенных областей — « Повторить крайние пиксели» , а затем нажмите «ОК».

Диалоговое окно «Смещение».

Выберите карту смещения, из которой вы ее сохранили, и нажмите «Открыть»:

Выбор карты смещения.

Фотошоп применяет карту смещения к отражению воды, и с этим изображением выбранные настройки создают приятный, тонкий эффект ряби:

Отражение воды с приложенной картой смещения.

Шаг 33: Экспериментируйте с настройками смещения

На панели «Слои» фильтр «Смещение» отображается как смарт-фильтр под смарт-объектом «Отражение». Чтобы попробовать разные значения горизонтальной и вертикальной шкалы, дважды щелкните слово «Смещение», чтобы снова открыть диалоговое окно:

Дважды щелкните «Сместить», чтобы снова открыть смарт-фильтр.

На этот раз я оставлю горизонтальную шкалу равной 10, но увеличу вертикальную шкалу до 120. Обратите внимание, что я работаю с довольно большим изображением. Меньшие изображения обычно требуют меньших значений, чтобы получить те же результаты:

Экспериментируя с настройками Displace.

Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп попросит вас повторно выбрать карту смещения. И здесь мы видим, что на этот раз более высокое значение вертикальной шкалы создает более сильные, более очевидные колебания воды:

Различные настройки Displace дают разные результаты.

Шаг 34: растяни смарт-объект «Отражение» вверх

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

Фильтр Displace создал артефакты вдоль верхней части отражения воды.

Чтобы очистить их, убедитесь, что на панели «Слои» выбран смарт-объект «Отражение», а затем перейдите в меню « Правка» и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

Photoshop предупредит вас, что все примененные вами смарт-фильтры будут отключены, когда вы находитесь в режиме трансформации. Нажмите ОК:

Нажмите кнопку ОК, чтобы принять сообщение.

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

Растяжение отраженного изображения, чтобы скрыть артефакты за основной фотографией.

Шаг 35: обрежь изображение

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

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

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

Обрезка воды по дну.

Шаг 36: добавь тень вдоль береговой линии

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

Выбор слоя «Фото».

Добавьте новый слой над ним, щелкнув значок « Новый слой» :

Нажав на иконку «Новый слой».

Выберите инструмент Rectangular Marquee Tool на панели инструментов:

Выбор Прямоугольного Marquee Tool.

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

Рисование выделения, которое простирается выше и ниже береговой линии.

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

Собираюсь Правка> Заполнить.

В диалоговом окне «Заливка» установите « Содержимое» на « Черный» и нажмите кнопку «ОК»:

Установите для параметра Содержание значение Черный.

Выбор теперь заполнен черным:

Выбор после заполнения его черным.

Удалите схему выделения, зайдя в меню « Выбор» и выбрав « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

Going to Filter > Blur > Gaussian Blur.

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. For a larger image, a value of between 30-40 pixels works well. For smaller images, try 15-20 pixels. Click OK to close the dialog box:

Dragging the Radius slider to soften the edges.

Here’s the result after softening the edges:

The black area looks more like a shadow after softening the edges.

Finally, lower the opacity of the shadow to blend it in with the image. The Opacity option is found in the upper right of the Layers panel. I’ll lower mine down to 50%:

Lowering the layer opacity to fade the shadow into the image.

And with that, we’re done! Here, after fading the shadow into the shoreline, is my final water reflection effect:

The final water reflection effect.

And there we have it! That’s how to add a realistic water reflection to an image with Photoshop! To take the effect even further, try adding rain to your image and then adding a rainbow! Visit our Photo Effects section for more Photoshop effects tutorials!

Water Ripples Effect — Учебник по Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перейти к Select> Transform Selection.

Команда «Преобразование выделения» работает очень похоже на команду «Свободное преобразование» в Photoshop, за исключением того, что она влияет на сам контур выделения, а не на пиксели внутри контура выделения. Удерживая нажатой клавишу «Shift» + «Alt» (победа) / « Shift» + «Option» (Mac), нажмите на маркер (маленький квадрат) в верхнем левом углу ограничительной рамки «Преобразование выделения», затем перетащите маркер в направлении центра выделения, пока Контур выделения составляет около 50-60% от его первоначального размера. Удерживание клавиши Shift при перетаскивании ограничивает форму контура выделения, в то время как клавиша Alt / Option позволяет изменить размер контура выделения из его центра. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование:

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

Шаг 11: инвертировать и удалить выбор

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

Перейти к Select> Inverse.

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

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

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

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

Перейдите в Layer> Merge Down.

Это объединяет два слоя водной ряби в один слой:

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

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

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

Перейдите в Filter> Blur> Gaussian Blur.

Это вызывает диалоговое окно Photoshop Gaussian Blur. Нам нужно только небольшое количество размытия, чтобы смягчить края. Значение радиуса около 0, 4 пикселей, как правило, это все, что требуется:

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

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

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

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

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

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

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

Как сделать ткань в фотошопе. Красивый эффект водной ряби в Adobe Photoshop

По умолчанию, этот инструмент находится за «Прямоугольной областью» (Rectangular Marquee Tool), поэтому по нему следует кликнуть правой клавишей мыши (либо левой нажать и удерживать пару секунд), после чего выпадет меню, где мы и выберем нужную нам «Овальную область».

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

После создания выделения, нажмите два раза комбинацию клавиш Ctrl+J, чтобы сделать две копии этй выделенной области. При этом каждая копия будет создана на отдельном слое, а верхний слой будет активным (подсвечен синим цветом):

Шаг 4: Включите верхний слой временно
В данный момент нам необходимо скрыть верхний слой, поэтому нажмите на значок видимости слоя (глаз) с левого слоя в панели слоёв, это действие временно скроет слой из поля зрения в окне документа:

После клика по значку иконка глаза исчезнет на значке, давая понять, что слой в настоящее время скрыт. Теперь выберите слой под ним, для этого просто кликните по нему:

Теперь создадим выделение вокруг этого слоя. Зажмите и удерживайте нажатой клавишу Ctrl и нажмите на саму миниатюру слоя. При этом курсор примет характерную форму руки с рамкой на ней:

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

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

Шаг 2: Применяем фильтр «Зигзаг» (ZigZag)

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

Как теперь Вы можете убедится, фильтр «Зигзаг» работает, искажая овал в форме круговой ряби.
В самой нижней части диалогового окна фильтра имеется выбор вариантов, с помощью которых можно выбрать стиль искажения. Там есть три варианта — «Вокруг центра» (Around Center) , «От центра» (Out From Center) и «Круги на воде» (Pond Ripples), он выбран по умолчанию. Каждый из них дает нам несколько иной эффект водной ряби, и один, как правило, предоставляет лучшие результаты, чем два других, в зависимости от области изображения. Попробуйте применить каждый из них, о результатах можно судить в окне предварительного просмотра в верхней левой части диалогового окна фильтра. В этот раз я использую стиль «Вокруг центра» (Around Center), но для Вас может лучше подойти другой стиль.

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

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

Шаг 1

Откройте Photoshop и создайте документ размером 2880×1800 px. Залейте фон черным цветом.

Шаг 2

Нам понадобится хорошее фото воды и волны. В примере использована фотография An image of a beautiful water background , но вы можете взять любую другую похожую. Вставьте фото в документ и снизьте opacity / непрозрачность слоя до 60%.

Шаг 3

Зайдите в Layer>New Adjustment Layer>Hue and Saturation / Слой > Новый корректирующий слой > Цветовой тон и насыщенность. Укажите для параметра Hue / Цветовой тон значение в 0 , для Saturation / Насыщенности значение в -71 , и для Lightness / Свет значение 0 .

Шаг 4

Зайдите в Layer>New Adjustment Layer>Levels / Слой > Новый корректирующий слой > Уровни. Укажите значения 0, 0.5 и 255.

Шаг 5

Шаг 6

Шаг 7

Вставьте в документ ваш логотип, или то, к чему вы хотите применить эффект.

Шаг 8

Не снимая выделения с нового слоя, выберите FIlter>Distort>Displace / Фильтр > Искажение >Смещение . Укажите параметры как на картинке ниже. После чего используйте файл Displace.psd, который вы сохранили в шестом шаге.

Шаг 9

Шаг 10

Выберите в меню Filter>Blur>Gaussian Blur / Фильтр >Размытие > Размытие по Гауссу . Укажите радиус в 3 px . Также после этого можете применить Tilt-Shift blur, чтобы размыть края…

Шаг 11

Завершение

Перевод — Дежурка

Реалистичная капля воды

Рисуем воду фильтрами

Отражение в воде с помощью карты смещения

Эффект отражения

Отражение объектов на водной глади

Создание волн в фотошопе

Круги на воде

Рябь на воде

Водопад

Создание сетки для анимации волн

Анимация воды с помощью маски

Фотомонтаж коллаж Водная нимфа

Анимация воды

Несколько способов анимации воды в ФШ

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Несколько способов анимации воды в ФШ

Откройте в ФШ любую картинку с водой. Снимите со слоя замочек, просто мышкой перенесите его в корзинку.
Сделайте два дубликата слоя, нажав два раза Ctrl + J
Откройте окно анимации, нажав сверху Окно — Анимация
Сразу выставьте время задержки анимации 0,1 сек и постоянную анимация, нажав на соответствующие черные треугольники

Теперь стоим на верхнем слое и выделим воду любым инструментом выделения. Я воспользовалась пером.

Образовалось выделение воды.
А теперь будем ее анимировать разными фильтрами.

1. Анимация воды фильтром ШТРИХИ — РАЗБРЫЗГИВАНИЕ.

2. Анимация воды фильтром ШУМ — ДОБАВИТЬ ШУМ

Делаем с картинкой все тоже самое, что и в первом случае. Сделали три слоя, выделили воду, встали на верхний слой. В последующих способах анимации воды — все так же. Я больше не буду об этом повторять..))
Применяем фильтр

Настройки подбирайте сами, я взяла такие:

Дальше, все точно так же, как и в первом случае. Создаем второй кадр, делаем активным второй слой (глазок открыт и слой синий) и применяем к нему тот же фильтр Ctrl + F
Добавили третий кадр анимации, активный нижний слой — глазок открыт на нем, он синий.
Применили фильтр — Ctrl + F

Сохранили для Веб-устройств и любуемся анимацией:

3. Анимация воды фильтром ИСКАЖЕНИЕ — ОКЕАНСКИЕ ВОЛНЫ

У нас три слоя с картинкой и сделано выделение воды. Активный — верхний слой.
Идем в фильтр.

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

4. Анимация фильтром ИСКАЖЕНИЕ _ РАССЕЯННОЕ СВЕЧЕНИЕ

Не забыли? Сделали две копии картинки и выделили воду. Применили к каждому слою фильтр с такими настройками:

А вот и наша анимация.

Создайте новый документ и залейте его черным цветом. Размер может быть любой, главное, чтобы документ был квадратным. Затем примените фильтр Filter > Texture > Stained glass .

Теперь примените фильтр Filter > Pixelate > Crystallize с параметром Cell Size равным 22.

Наконец, выберите фильтр Distort > Polar Coordinates с активным параметром Polar to Rectangular . Должно получиться следующее:

Согласитесь, уже похоже. Примените фильтр Brush strokes > Splatter (у каждого параметра значение 3).

Осталось только добавить цвет на изображении. Для этого нажмите Ctrl+B и примените следующие значения.

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

Нарисованная волна

Также создайте квадратный документ, но уже с белым фоном. Нажмите Ctrl+J , чтобы создать дубликат слоя. Затем установите основной цвет белый, а фоновый голубой (#447cc8 ) и примените фильтр облака (Filter > Render > Clouds ). Должно получиться так:

Примените фильтр Filter > Distor > Twirl с значением Angle 200:

Ну и наконец, фильтр Filter > Distort > Polar Coordinates с таким же параметром, как и раньше.

Теперь примените стиль к этому слою Layer > Layer Style > Blending Options > Gradient overlay . Настройки оставьте по умолчанию, только уменьшите непрозрачность градиента (Opacity ) до 30%. В итоге получится так.

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

Нарисованная рябь на воде

Создайте новый квадратный документ с любым фоном. Установите основной цвет белый, а фоновый голубой (#6299d1 ) и примените фильтр Filter > Render > Clouds . Затем нажмите Ctrl+F , чтобы еще раз применить данный фильтр. Получится следующее изображение:

Теперь примените фильтр Filter > Render > Fibers с параметрами Variance 13.0 и Strenght 8.0. После этого переверните изображение Image > Image rotation > 90CW .

Создайте дубликат слоя Ctrl+J и установите для дубликата режим наложения Blend mode на Multiply .

Затем создайте новый заполняющий слой с градиентом Layer > New Fill Layer > Gradient .

Измените режим наложения данного наполняющего слоя на Pen light .

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

P. S.

Как Вы уже заметили, в этом уроке очень часто использовался фильтр Polar Coordinates. Фильтр не так прост, как кажется на первый взгляд. С его помощью можно добиваться превосходных результатов, но это уже в следующем уроке.

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

Давайте нарисуем кусочек синей ткани и придадим ему некоторый объем. Я попытаюсь воссоздать отрез шелка глубокого синего цвета.

Создаем новый документ размеров 1000 на 1000 пикселей и находим инструмент градиент, который располагается на панели инструментов.

Настройки градиента следующие:

Я выбрала цвета: #0132d3 #042db4 #001491 #010c2e .Вы можете воспользоваться своими настройками. Но помните, что максимально реалистичного эффекта вы добьетесь, делая переход от светлого к темному.

Работать на отдельных слоях совсем не обязательно. Чтобы создать ткань в фотошопе в первую очередь нам следует позаботиться о ее текстуре. Для этого нам не потребуются какие-то загруженные текстуры. Достаточно воспользоваться стандартным фильтром текстуризатором.

Я пытаюсь воссоздать текстуру шелка. Если вам требуется другой, более грубый материал, поиграйте с настройками.

Как видите, структура ткани у нас-таки получилась. Давайте же добавим чуть-чуть складок. Для этого на боковой панели инструментов найдите затемнитель. И установите настройки: экспонирование – 37, диапазон – подстветка. Советую использовать мягкую кисть размером около 60 пикселей. Но тут уж как вам удобно. Я планирую создать крупные складки. Если вы хотите сделать их больше и меньше, кисть, соответственно, уменьшайте.

Теперь воспользуйтесь осветлителем. Настройки не меняем. Размеры кисти тоже.

Теперь, уменьшаем размеры кисти и экспонирование. Я уменьшаю до 26%.

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

У нас получился синий шелк.

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

Как сделать отражение в воде в «Фотошопе». Инструменты, эффекты в Photoshop. Создание воды в фотошопе, отражение, круги, рябь, волны Фотошоп с эффектом водной поверхности

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

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

Законченное изображение

Шаг 1
Откройте в фотошопе стоковое изображение с замком. Оно довольно большое, поэтому, давайте слегка уменьшим его размер. Нажмите Ctrl + Alt + I, чтобы открыть окно Размер изображения (Image Size), и задайте следующие установки:

Шаг 2
Выберите инструмент Рамка (Crop Tool) и переместите манипуляторы так, чтобы удалить имеющийся внизу логотип, а так же излишние области по бокам и сверху.

Шаг 3
Продублируйте фоновый слой нажатием Ctrl + J, и переименуйте копию в “Отражение”.

Шаг 4
Теперь давайте увеличим размер холста, ведь нам нужно где-то расположить наше отражение. Нажмите Ctrl + Alt + C, чтобы открыть диалоговое окно Размер холста (Ctrl + Alt + C), и задайте установки, приведенные ниже.

Кликните по слою с отражением на палитре слоев, чтобы активировать его, после чего, нажатием Ctrl + T включите режим Свободной трансформации. Кликните по холсту ПКМ и выберите пункт Отразить вертикально (Flip Vertical). Завершите трансформацию нажатием Enter.

Шаг 5
Выберите инструмент Перемещение (Move tool) и, при активном слое с отражением, удерживая Shift, перетащите этот слой вниз, расположив в точности так, как показано на изображении ниже.
В результате у нас уже получилось нечто похожее на отражение, но выглядит оно крайне неестественно. Это потому, что мнимая поверхность воды абсолютно спокойна, и на ней нет ни малейшей ряби. На следующих шагах мы и займемся исправлением этого недостатка.

Шаг 6
Итак, нам нужно создать рябь. Для этой цели нам понадобится специальная текстура, напоминающая рябь, которую мы могли бы применить к слою с отражением. Начнем работу над текстурой с создания нового документа (Ctrl + N), размером 4000×4000.

Добавим шума. Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise), и задайте параметры, приведенные ниже.

Чтобы у нас получилась реалистичная рябь, нам нужно крупная зернистость. Здесь есть одна хитрость: мы размоем слой с шумом, после чего увеличим контраст. Примените 5-пиксельное гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur).

Теперь пройдите в меню Изображение > Коррекция > Кривые (Image > Adjustments > Curves), и, расположив слайдеры, как показано ниже, измените форму кривой следующим образом:

Пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery), и в разделе Эскиз (Sketch) выберите фильтр Рельеф (Bass Relief). Задайте величину Детализации (Detail) и Смягчения (Smoothness) – 2. Наша текстура начинает выглядеть как рябь. Но погодите, это еще не все.

Примените 35-пиксельное динамическое размытие: Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Это для того, чтобы получить более мягкие и продолговатые волны.

Шаг 7
Теперь применим нашу текстуру с рябью на наш слой с отражением. Для этого временно переместим текстуру на наш основной холст (с замком). При активном документе с текстурой нажатием Ctrl + A выделите все его содержимое, затем, нажав Ctrl + C, скопируйте все в буфер обмена. Переключитесь на свой основной документ, и, нажав Ctrl + V, вставьте на него то, что скопировали.

Далее нам предстоит трансформировать текстуру таким образом, чтобы она получила ту же перспективу, что и элементы на нашем холсте с замком. Активируйте Свободную трансформацию (Ctrl+T).
Уменьшите высоту текстуры, так, чтобы она занимала нижнюю половину изображения.
Кликните внутри границ трансформируемой области ПКМ, и выберите пункт Перспектива. Переместите верхние и нижние манипуляторы трансформации так, как показано на изображении ниже.
Убедитесь, что верхняя граница слоя с текстурой не выходит за верхние границы слоя с отражением. Чтобы легче выровнять эти слои, просто включите привязку: Обзор > Привязка (View > Snap). Нажатием Enter, завершите деформацию.

Шаг 8
Кликните на палитре слоев по только что трансформированному слою с текстурой. Теперь, удерживая Ctrl, кликните иконке слоя с отражением, чтобы выделить его пиксели. Далее, нажатием Ctrl + J, продублируйте выделенную область (при активном слое с текстурой). Назовите этот слой “Текстура”, и удалите предыдущий (Слой 1).
Чтобы убедиться, что вы все выполнили правильно, кликните, удерживая Ctrl, на палитре слоев по слою с отражением, затем, так же удерживая Ctrl, кликните по слою с текстурой. Выделенная область должна остаться без изменений. Если она окажется большей, то значит вы допустили ошибку и этот шаг нужно проделать заново.

Кликните на палитре слоев ПКМ по слою с текстурой и в контекстном меню выберите пункт Создать дубликат слоя (Duplicate Layer). В открывшемся диалоговом окне, в разделе Назначение (Destination) укажите Документ: Новый (New document). Присвойте какое-нибудь осмысленное название и нажмите OK.

Шаг 9
В верхней чести текстуры можно заметить прозрачную область. Нужно от нее избавиться, для чего воспользуемся меню Изображение > Тримминг… (Image > Trim). В диалоговом окне укажите Прозрачные пиксели (Transparent Pixels), и нажмите OK. Сохраните текстуру (Ctrl + S) где-нибудь на своем компьютере (только запомните где именно).

Шаг 10
Закройте документ с текстурой, и переключитесь на свой основной документ. Отключите видимость слоя с текстурой, кликнув для этого по пиктограмме с глазом рядом с названием слоя на палитре слоев.

Шаг 11
Кликните ПКМ по слою с отражением на палитре слоев, и в открывшемся контекстном меню выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

При выделенном слое с отражением пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery). В разделе Искажение (Distort) выберите фильтр Стекло (Glass). Обратите внимание на иконку в разделе Текстура. Кликните по ней и нажмите “Загрузить текстуру” (Load Texture). Укажите ранее сохраненную текстуру (на шаге 9).

Чтобы получить более выраженный эффект, увеличьте величину Искажения (Distort). А чтобы получить менее заметный – задайте значение поменьше (6-7). Выгода от использования смарт-объектов заключается в том, что вы в любой момент можете изменять настройки примененных к ним фильтров. Наш эффект практически завершен. Но несмотря на этом, мы можем еще кое-что улучшить.

Шаг 12
В реальности вода имеет определенную степень отражения, что до сих пор не было учтено в нашей работе. Помните слой с текстурой, видимость которого мы отключили ранее? Снова включите его видимость, кликнув для этого по пиктограмме с глазом (вернее там, где она должна быть). Измените Режим наложения (Blend mode) этого слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 18%. Теперь вы можете заметить, что степень отражения нашей водной поверхности больше соответствует реальной.

Шаг 13
Вода имеет оттенок неба. Давайте воспроизведем этот эффект на нашем изображении. Выберите инструмент Кисть (Brush tool), и, удерживая Alt, кликните где-нибудь по области неба над замком, взяв образец. Цвет, который в этот момент окажется под курсором, и будет установлен в качестве Основного.
Теперь создайте новый слой (Ctrl + Shift + Alt + N) и залейте его Основным цветом (Foreground color): Alt + Backspace. Назовите этот слой “Цвет”.

Переместите этот слой под слой с текстурой (кликнув по нему, и перетащив при помощи указателя мыши). Далее, вытравите слой с цветом на слое с отражением: удерживая Alt, кликните по разделительной линии между этими слоями.
Вытравливание одного слоя на другом означает, что верхний слой будет виден только поверх пиксели расположенного под ним слоя.

Нажатием D сбросьте цвета в стандартные, затем, нажав X, переключитесь между ними.
Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску. Выберите инструмент Градиент (Gradient tool) и на панели опций в верхней части окна программы укажите градиент От Основного к Фоновому (Foreground to Background).

Шаг 14
Кликните по слою-маске при активном инструменте Градиент, удерживая Shift, протащите указатель мыши в направлении, указанном ниже. Этот шаг исключит вероятность того, цвет не будет виден в верхней части изображения, а по принципу градиента будет постепенно проявлен к нижней части.

В этом уроке мы научимся создавать реалистичное отражение объекта в воде. Шагов в уроке будет много, но на деле спецэффект простой. С его помощью можно обработать любую фотографию (хотя лучше для этого подходят те снимки, где воды изначально не было). Мы добавим рябь на воде с помощью пары фильтров Photoshop, в том числе фильтра Displace, где для искривления и искажения изображения предстоит создать и применить специальную карту смещения. Также в этой версии урока задействована возможность фотошопа создавать смарт-фильтры, которые позволят нам в самый последний момент подправить действие фильтра.

Этот снимок мы берем за основу:

А вот какое отражение мы получим в итоге:

Шаг 1: Создаем копию слоя

Background L ayer

Первый шаг — сделать копию оригинала. Он находится в слое Background Layer , в настоящий момент он у нас в панели слоев единственный:

Панель слоев с оригинальным снимком Background L ayer

Мы создадим его копию, открыв Layer в меню, расположенном в верхней части экрана, и нажав New , а затем Layer via Copy . Еще можно нажать Ctrl + J (Win) / Command + J (Mac) на клавиатуре, так будет быстрее:

Открываем Layer > New > Layer Via Copy

Photoshop создает копию слоя с названием Layer 1 , мы видим ее в панели слоев над слоем Background L ayer:

Панель слоев с новым слоем Layer 1

Шаг 2: Добавляем снизу дополнительное пространство

Теперь давайте увеличим холст, добавив внизу место для нашего отражения. Открываем в верхнем меню Image и выбираем Canvas Size :

Открываем Image > Canvas Size

Canvas Size . В первую очередь ставим галочку перед опцией Relative . Потом задаем ширину Width 0 Percent и высоту Height 100 Percent (убедитесь, что у вас выставлено именно Percent, а не Pixels, Inches или что-либо другое).

Под опцией Relative находится поле Anchor 3 × 3 клетки. Выберите среднюю клетку в верхнем ряду. Photoshop добавит дополнительное пространство в низу фотографии. И хотя это не критично, но для того, чтобы знать, что мы все делаем одинаково, в опции Canvas extension color , которая находится в нижней части диалогового окна, выберите White:

Закончив, закройте диалоговое окно, нажав OK . Теперь наш холст стал вдвое больше, снизу добавился кусок белого цвета:

Шаг 3: Перевернем вертикально фотографию в слое

Layer 1

Теперь надо перевернуть фотографию в слое Layer 1 , расположив ее вверх ногами под оригиналом, что даст нам эффект зеркального отражения. Для этого откройте Select в верхней части экрана и выберите All или же нажмите Ctrl + A (Win) / Command + A (Mac) на клавиатуре. Таким образом мы выбираем весь слой Layer 1 , по его краям вы увидите контур:

Выбираем Select > All

После этого открываем меню Edit , затем Transform , затем Flip Vertical :

Открываем Edit > Transform > Flip Vertical

Фотография переворачивается вверх ногами по отношению к оригиналу, как нам и требовалось. Прежде чем двигаться дальше, давайте уберем контур выделения. Для этого мы заходим в меню Select и выбираем Deselect либо нажимаем Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Выбираем Select > Deselect

Теперь у нас под оригинальной фотографией появилось ее зеркальное отражение:

Мы перевернули слой Layer 1 вертикально

Шаг 4: Объединим два этих слоя в один

Теперь нам нужно объединить оригинал и отражение в одном слое. Самый простой способ — сделать это с клавиатуры. Нажмите Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Как будто бы ничего не изменилось, но в панели слоев появился новый слой Layer 2 , а на его миниатюре слева от названия мы видим, что он объединил в себе оба слоя, которые находятся под ним:

Слои Background L ayer и Layer 1 теперь объединены в новом слое Layer 2

Шаг 5: Добавим чистый слой

Blank Layer

Нам нужно создать еще один слой, на этот раз чистый. Для этого нажимаем на иконку New Layer в нижней части панели слоев:

Нажимаем на иконку New Layer

С изображением ничего не происходит, но в панели слоев в самом верху добавляется новый слой Layer 3:

Панель слоев с новым чистым слоем Layer 3

Шаг 6: Заливка нового слоя белым цветом

Новый слой необходимо залить белым. Для этого откройте Edit в верхней части экрана и выберите команду Fill:

Открываем Edit > Fill

Photoshop откроет диалоговое окно Fill . В опции Use , которая находится сверху, выберите White и убедитесь, что в опции Mode , которая находится ниже, установлено Normal , а значение Opacity — 100 %:

Опции Fill

Нажмите OK , окно закроется, и Photoshop зальет слой Layer 3 белым. На время он скроет из вида все остальное:

Так выглядит наше изображение после того, как слой Layer 3 залили белым

Шаг 7: С помощью фильтра

Halftone Pattern создаем черные и белые горизонтальные линии

Теперь с помощью одного из фильтров Photoshop — Halftone Pattern — расчертим белый слой Layer 3 черными и белыми горизонтальными линиями. Но предварительно следует убедиться, что цвета переднего и заднего планов выставлены по умолчанию (черный передний план и белый задний план). Это необходимо потому, что фильтр Halftone Pattern зависит от цветов переднего и заднего плана, а для целей данного урока нам необходимо, чтобы это были черный и белый цвета.

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

Убедившись, что с цветами все нормально, выберем фильтр Photoshop CS6 Halftone Pattern . Он находится в галерее фильтров Filter Gallery . Открываем в верхнем меню Filter и выбираем Filter Gallery:

Открываем Filter > Filter Gallery

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

В правом столбце галереи фильтров появляются опции для настройки фильтра Halftone Pattern . Сначала выбираем Line в качестве Pattern Type . Затем, наблюдая за изменениями в зоне предварительного просмотра, сдвигаем ползунок Size , регулируя число черных и белых горизонтальных линий. Это наша будущая рябь на воде. Установим значение 10. Ниже находится ползунок Contrast, регулирующий четкость границ этих линий. Чем меньше значение, тем мягче эта граница. Нам понадобятся довольно мягкие линии, так что выставим Contrast 4:

Правый столбец с настройками фильтра Halftone Pattern

Нажмите OK , галерея Filter Gallery закроется, применив фильтр к слою Layer 3 . Теперь у вас должно получиться нечто в таком роде:

Изображение после применения фильтра Halftone Pattern

Шаг 8: Выделяем нижнюю половину изображения

Убедитесь, что у вас все еще выбран слой Layer 3 (он должен быть выделен синим цветом в панели слоев), после чего, удерживая клавишу Ctrl (Win) / Command слоя Layer 1 :

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Выделится нижняя половина слоя Layer 3 (возможно, на скриншоте это не очень хорошо видно):

Выбрана нижняя половина слоя Layer 3

Шаг 9: Применяем команду

Perspective Transform

В верхней части экрана выберите Edit , затем Transform , затем Perspective:

Открываем Edit > Transform > Perspective

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

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

Закончив, нажмите Enter (Win) / Return (Mac), потом Ctrl + D (Win) / Command + D (Mac), чтобы убрать контур выделения (также можно открыть меню Select в верхней части экрана и выбрать Deselect , как мы уже делали раньше). Теперь у вас должно получиться нечто подобное:

Слой после применения команды Perspective Transform

Шаг 10: Создаем копию слоя в новом документе

Из этого слоя мы сделаем карту смещений, но для начала нам нужно сохранить его в отдельном документе. Перейдите в меню Layer и выберите Duplicate Layer:

Открываем Layer > Duplicate Layer

Photoshop откроет диалоговое окно Duplicate Layer . В опции Document , которая находится в нижней половине окна, выберите New :

В опции Document устанавливаем New

Нажав OK , закройте диалоговое окно. Новый документ Photoshop откроется в новой вкладке. В верхней части экрана справа от первого документа появится вкладка с новым документом. Поскольку мы еще не задали его название (сделаем это сейчас), он называется Untitled-1:

Шаг 11: Сохраним и закроем новый документ

Все, что нам нужно сделать с новым документом, это сохранить его и закрыть. Перейдите в меню Layer и выберите Save As:

Нажимаем File > Save As

Откроется диалоговое окно Save As . Назовем свой документ water-ripples . Под названием файла находится опция Format , мы установим Photoshop.PSD , поскольку для создания карты смещений нам надо сохранить его как документ Photoshop. Не забудьте, куда вы сохраняете файл, чтобы потом его было просто найти. Сохраним файл в папке на рабочем столе. Закончив, нажмите Save , файл будет сохранен, а диалоговое окно закроется:

Дайте своему файлу название и сохраните его как Photoshop.PSD

Примечание: в зависимости от настроек Photoshop может открыться еще одно окно с опцией Maximize Compatibility . В таком случае просто нажмите OK и закройте окно.

Мы сохранили новый документ, так что теперь можно закрыть его, нажав на крестик рядом с его названием на вкладке. Вы заметите, что теперь у него новое название вместо Untitled-1 (в моем случае — water-ripples.psd ). А оригинальный документ остается открытым:

Шаг 12: Удаляем слой

Layer 3 в оригинальном документе

В оригинальном документе слой Layer 3 с линиями нам больше не нужен, так что выделите его в панели слоев и нажмите Backspace (Win) / Delete (Mac) на клавиатуре. Теперь у вас должно остаться три слоя, выделен верхний слой Layer 2:

Панель слоев после удаления слоя Layer 3

Шаг 13: Преобразуем слой

Layer 2 в смарт-объект

Теперь мы готовы перейти к редактированию отражения с помощью фильтров, но сначала давайте преобразуем этот слой в смарт-объект. Таким образом и фильтры станут смарт-фильтрами, а это значит, что мы сохраним полный контроль над настройками этих фильтров до самого конца. Активировав слой Layer 2 , нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:

Открывается меню с опциями, управляющими слоями. Выбираем из списка вариант Convert to Smart Object:

Выбираем из списка вариант Convert to Smart Object

На первый взгляд как будто ничего и не произошло, но в правом нижнем углу миниатюры слоя Layer 2 появится значок Smart Object , а это значит, что операция выполнена успешно:

На миниатюре появился значок смарт-объект

Шаг 14: Применяем фильтр

Motion Blur

Давайте для начала немного размоем этот слой. В верхней части экрана выберите Filter , затем Blur , затем Motion Blur:

Открываем Filter > Blur > Motion Blur

В диалоговом окне Motion Blur установим значение Angle 90°, чтобы задать вертикальное направление размытия, после чего сдвинем ползунок Distance , который находится в нижней части окна, немного вправо, добавив небольшое размытие (передвигая ползунок, следите за изображением). Установим Distance 6 пикселей, но в данном случае фотография с небольшим разрешением. Если разрешение выше, то и число должно быть больше:

Открывается диалоговое окно с опциями фильтра Motion Blur

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

Motion Blur

Шаг 15: Применяем фильтр

Displace

Теперь давайте создадим рябь на воде при помощи недавно созданной карты смещения. Вернитесь в меню Filter , выберите Distort , затем Displace:

Открываем Filter > Distort > Displace

Наложение фильтра Displace состоит из двух этапов. Сначала мы с помощью нескольких опций зададим степень воздействия карты смещения на пиксели изображения, а затем выберем файл, который будет служить картой смещения. Основные опции мы зададим в появившемся диалоговом окне Displace . Нам понадобится горизонтальное искажение, похожее на расходящиеся в стороны круги на воде, для этого мы воспользуемся опцией Horizontal Scale , которая находится в верхней части окна. Зададим значение 4, но поскольку мы работаем со смарт-фильтром, в любой момент можно будет вернуться и изменить его.

Вертикальное движение нам не нужно, поэтому в опции Vertical Scale остается 0. Наконец, в опции Displacement Map выберите Stretch To Fit , а в опции Undefined Areas — Repeat Edge Pixels , если это не задано по умолчанию:

Задаем основные опции Displace

Нажав OK , закройте диалоговое окно. Появится второе окно, где мы выберем карту смещения. Откройте папку, в которую вы в 11-ом шаге сохранили файл water-ripples.psd . Выберите его и откройте при помощи кнопки Open:

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

Фотография после применения фильтра Displace

На панели слоев под слоем Layer 2 мы видим два смарт-фильтра (Motion Blur и Displace ). Хотя мы уже наложили оба этих фильтра, мы еще можем отрегулировать их. Если вы хотите попробовать изменить настройки, например, поменять значение Distance для фильтра Motion Blur или значение Horizontal Scale фильтра Displace , откройте любой из них двойным щелчком из панели слоев, и снова появится соответствующее диалоговое окно. В конце этого урока вы увидите, что настройки фильтра, которые дают превосходный результат на одной фотографии, не обязательно будут так же хорошо смотреться на другой. Всегда остается поле для экспериментов, поэтому наличие смарт-фильтров крайне полезно:

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Вокруг нижней части фотографии появится контур выделения:

В нижней части панели слоев выбираем Layer Mask:

Нажимаем Layer Mask

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

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

Шаг 17: Раскрасим воду, создав новый слой для регулирования

Hue/Saturation

Завершим работу над спецэффектом, немного изменив оттенок воды. Для этого нам понадобится новый корректирующий слой , но поскольку мы хотим отредактировать только нижнюю часть изображения, не забудьте нажать Alt (Win) / Option (Mac) на клавиатуре и мышью выбрать иконку New Adjustment Layer в нижней части панели слоев:

Удерживая Alt (Win) / Option (Mac), нажмите на иконку New Adjustment Layer

Из появившегося списка корректирующих слоев выберите Hue/Saturation:

Добавим слой для корректировки Hue/Saturation

Когда мы удерживаем Alt (Win) / Option (Mac), Photoshop открывает диалоговое окно для создания нового слоя, прежде чем его добавить. Выберите опцию Use Previous Layer to Create Clipping Mask . Photoshop «обрежет» корректирующий слой по слою, который находится ниже, то есть изменения будут затрагивать только нижнюю половину изображения (чтобы понять, как это работает, см. урок «Основы работы с Clipping Masks в Photoshop»):

Выбираем опцию Use Previous Layer To Create Clipping Mask

Нажмите OK , и диалоговое окно закроется, а Photoshop добавит новый слой для работы с Hue/Saturation непосредственно над слоем Layer 2 (с маской):

Корректирующий слой Hue/Saturation , ограничивающийся слоем Layer 2

Управлять новым слоем будем через панель Properties panel . Сначала отмечаем опцию Colorize . Потом передвигаем ползунок Hue вправо примерно до 210, чтобы получить красивый голубой оттенок:

Опции Hue/Saturation в панели Properties

Вот что получилось, когда мы раскрасили нижнюю половину голубым:

Шаг 18: Понижаем непрозрачность корректирующего слоя

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

Значение Opacity снижено до 25 %

И все, готово! Вот окончательный вариант спецэффекта отражения в воде после снижения непрозрачности корректирующего слоя:

Очень хорошо этот эффект смотрится и на пейзажах. Покажем его на примере одного снимка:

Фотография после создания спецэффекта. В этот раз мы задали значение опции фильтра Motion Blur Distance 4 пикселя вместо 6 (шаг 14), в фильтре Displace (шаг 15) использовали значение Horizontal Scale всего 1 вместо 4, сделав всего лишь едва заметную рябь, а в последнем шаге (шаг 18) снизили Opacity корректирующего слоя Hue/Saturation до 10 % вместо 25 %. Как видите, конкретные показатели зависят от фотографии, так что экспериментируйте и оценивайте результат каждый раз заново:

Еще один пример применения того же спецэффекта.

В Photoshop имеется множество инструментов для вырезки объектов из изображения — от «Пера» (Pen Tool) до инструментов для сложного выделения, типа «Уточнить край» (Refine Edge).

Пример использования инструмента «Уточнить край» .

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

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

Создаём выделение с помощью RGB канала

Открываем файл в Photoshop, открываем панель каналов (она расположена в одной вкладке с панелью слоёв , если это не так, то сбросьте основную рабочую среду, как рассказано ). Зажимаем клавишу Ctrl и в панели каналов кликаем по миниатюре канала RGB. В документе появится выделение:

Но на данный момент выделено окружающее пространство, а не сами капли, поэтому надо инвертировать выделение, нажав Ctrl+Shift+I. Теперь вырежем выделенную область в новый слой, нажав Ctrl+J.

Теперь слой-копия отделён от исходника сплошным белым слоем и очевидно, что плотность цвета на слое-копии недостаточна:

Давайте это исправим. Кликаем по слою-копии и несколько раз нажимаем клавиши Ctrl+J для многократного копирования:

Цвет усилился. Чтобы сравнить с оригиналом, отключите видимость группы (Для этого мы и создавали группу — чтобы сравнить с оригиналом одним кликом).

Если плотность цвета сильнее, удалите копии, если слабее — добавьте ещё.

Удаление бахромы с краёв

После тоо, какк Вы установите нужную плотность цвета, выделите все слои-копии спомощью клика на нижнем и последующего клика на верхнем с зажатой Shift и нажмите Ctrl+E для объединения всех копий в один слой.

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

Если бахрома всё-таки есть, пройдите по вкладке Слои —> Обработка краёв —> Убрать кайму (Layer —> Matting —> Defringe), в диалоговом окне выберите значение, соответствующее размеру фотографии, для моего фото размером 5237 на 3661 подошло значение 4 пикселя.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

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

Реалистичная капля воды

Рисуем воду фильтрами

Отражение в воде с помощью карты смещения

Эффект отражения

Отражение объектов на водной глади

Создание волн в фотошопе

Круги на воде

Рябь на воде

Водопад

Создание сетки для анимации волн

Анимация воды с помощью маски

Фотомонтаж коллаж Водная нимфа

Анимация воды

Несколько способов анимации воды в ФШ

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Несколько способов анимации воды в ФШ

Теперь стоим на верхнем слое и выделим воду любым инструментом выделения. Я воспользовалась пером.

Образовалось выделение воды.
А теперь будем ее анимировать разными фильтрами.

1. Анимация воды фильтром ШТРИХИ — РАЗБРЫЗГИВАНИЕ.

2. Анимация воды фильтром ШУМ — ДОБАВИТЬ ШУМ

Настройки подбирайте сами, я взяла такие:

Сохранили для Веб-устройств и любуемся анимацией:

3. Анимация воды фильтром ИСКАЖЕНИЕ — ОКЕАНСКИЕ ВОЛНЫ

У нас три слоя с картинкой и сделано выделение воды. Активный — верхний слой.
Идем в фильтр.

4. Анимация фильтром ИСКАЖЕНИЕ _ РАССЕЯННОЕ СВЕЧЕНИЕ

Не забыли? Сделали две копии картинки и выделили воду. Применили к каждому слою фильтр с такими настройками:

А вот и наша анимация.

Т.к. мы будем добавлять изображение с отражением, ему потребуется дополнительное место, для этого в два раза увеличим холст изображения по вертикали. Идём по вкладке главного меню Изображение —> Размер холста (Image —> Canvas Size), переключаем единицы измерения на проценты, изменяем значение высоты на 200%, с помощью стрелок перемещаем переключатель расположения в положение показанное на рисунке и нажимаем ОК:

Развернём по вертикали на 180° наш верхний слой, для этого идём по вкладке Редактирование —> Трансформация —> Отразить по вертикали (Edit —> Transform —> Flip Vertical), после чего инструментом «Перемещение» (Move Tool) перетаскиваем слой вниз:

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

Заливаем его белым. Для этого задаём в цветовой палитре цвета по умолчанию и нажимаем клавиши Ctrl+Delete для заливки слоя фоновым цветом, в нашем случае, белым.

А теперь займёмся подготовкой Карты смещения.
Для начала идём в Фильтр —> Галерея фильтров (Filter —> Gallery), где выбираем Эскиз —> Полутоновый узор (Sketch —> Halftone Pattern).
В версиях ниже CS6 этот путь немного другой: Фильтр —> Эскиз —> Полутоновый узор или Filter —> Sketch —> Halftone Pattern.

Задаём следующие параметры узора, но параметр «Размер» (Size) следует корректировать в зависимости от размера изображения

Размер (Size)- 7
Контрастность (Contrast) — 50
Тип узора (Pattern Typpe) — Линия (Line)

В результате на новом слое получится вот такая матроска (или зебра):

Прежде чем мы сможем использовать наши черные и белые линии как водную рябь, мы должны их сгладить и создать равномерные, плавные переходы между ними. Для этого воспользуемся размытием по Гауссу. Перейдите по вкладке Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Смотрите на окно рабочего документа и увеличивайте значение радиуса в диалоговом окне фильтра пока переходы между линиями не станут плавными. В этом примере я использую маленькое изображение, поэтому мне подходит значение 4, но чем выше разрешение изображения, тем значение будет больше:

Теперь необходимо создать создать новый документ из нашего слоя с линиями, этот документ мы будем использовать как карту смещения для ряби воды. На данный момент у нас активен слой с линиями. Откройте вкладку главного меню «Слой» (Layer) и выберите пункт «Дубликат слоя» (Duplicate Layer), после чего откроется диалоговое окно. В окне, в разделе Назначение» (Destination), нажмите на стрелку вниз справа от опции «Документ» и выберите «Новый» (New), с этой опцией из слоя будет создан новый документ PSD:

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

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

Теперь слой с полосками следует удалить из основного документа, он нам больше не нужен:

Нажмите комбинацию клавиш Shift+Ctrl+Alt+E для того, чтобы два имеющихся в панели слоя слились в новом слое:

Применение фильтра Карты смещения (Displacement Maps)

Пройдите по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), откроется диалоговое окно, где задайте следующие параметры:

Масштаб по горизонтали (Horizontal Scale) — 4
Масштаб по вертикали (Vertical Scale) 0
Растянуть (Stretch To Fit) — установить галку
Повторить граничные пиксели (Repeat Edge Pixels) — установить галку

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

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

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

Во-первых, зажимаем клавишу Ctrl и кликаем непосредственно на для слоя над фоновым в панели слоёв:

Вы увидите, как в рабочем документе появится выделение вокруг нижней половины изображения. Затем нажмите на иконку создания маски (активным должен быть верхний слой!) и в увидите, как у верхнего слоя появилась чёрно-белая маска, закрывающая верхнюю часть изображения верхнего слоя:

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

Теперь, думаю, следует размыть разделительную линию между нижней и верхней половиной в маске. Для этого (а сейчас у нас активна маска, в панели слоёв вокруг неё имеется белая рамка, если рамки нет, то кликните по миниатюре маски) примените фильтр «Размытие по Гауссу» со значением радиуса 4.

И давайте сделаем хотя бы намёк на цвет отражения. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), примените к нему обтравочную маску, чтобы он применялся только к верхнему слою, поставьте галку у пункта «Тонирование» (Colorize), сдвиньте ползунок «Цветовой тон» (Hue) на значение примерно 218 и задайте значение непрозрачности около 25% :

Ну вот, в принципе и всё, смотрим на готовое изображение:

Эффект водной ряби — Photoshop Tutorial

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Щелкните в нижней части двух слоев, чтобы выбрать его.

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

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

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

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

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

Шаг 7. Применение фильтра ZigZag

Как я упоминал в начале урока, Photoshop поставляется с фильтром, созданным специально для добавления водной ряби на изображение, но вы никогда не догадаетесь, какой именно, просто взглянув на названия фильтров.Нам нужен не Ripple или Ocean Ripple. Он называется ZigZag (да, правильно, ZigZag). Перейдите к меню Filter в строке меню в верхней части экрана, выберите Distort , а затем выберите ZigZag внизу списка:

Выберите «Фильтр» > «Искажение» > «Зигзаг».

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

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

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

Измените внешний вид водной ряби с помощью ползунков «Количество» и «Хребты».

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

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

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

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

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

Шаг 9. Повторное применение фильтра ZigZag

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

Измените внешний вид ряби на воде с помощью ползунков «Количество» и «Хребты».

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

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

Шаг 10. Уменьшите контур выделения с помощью преобразования выделения

Перейдите в меню Выберите в верхней части экрана и выберите Преобразовать выделение :

Перейдите в меню «Выделение» > «Преобразовать выделение».

Команда «Трансформировать выделение» очень похожа на команду «Свободное преобразование» в Photoshop, за исключением того, что она влияет на сам контур выделения, а не на пиксели внутри контура выделения. Удерживая нажатой Shift+Alt (Win) / Shift+Option (Mac), нажмите на маркер (маленький квадрат) в верхнем левом углу ограничительной рамки выделения, затем перетащите маркер к центру выделение до тех пор, пока контур выделения не составит около 50-60% от его исходного размера.Удерживание клавиши Shift при перетаскивании ограничивает форму контура выделения, а клавиша Alt/Option позволяет нам изменять размер контура выделения от его центра. Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование:

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

Шаг 11: инвертировать и удалить выделение

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

Выберите «Выбор» > «Инвертировать».

Это инвертирует наше выделение, так что область в центре водной ряби теперь невыделена, а все вокруг нее на слое выделено . Нажмите Backspace (Win) / Удалить (Mac) на клавиатуре, чтобы удалить все вокруг центра водной ряби, которая показывает более уплотненные гребни возле внешнего края на слое ниже. Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы удалить контур выделения из документа:

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

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

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

Перейдите в меню «Слой» > «Объединить вниз».

Это объединяет два слоя водной ряби в один слой:

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

Шаг 13. Примените фильтр размытия по Гауссу

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

Выберите Фильтр > Размытие > Размытие по Гауссу.

Это вызывает диалоговое окно Gaussian Blur в Photoshop. Нам нужно лишь небольшое размытие, чтобы смягчить края. Радиус значение около 0,4 пикселя обычно все, что требуется:

Очень небольшое размытие — это все, что нам нужно.

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

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

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

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

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

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

Создание эффекта воды в Photoshop — Medialoot

Добавление ряби к любому изображению

Существуют различные способы добавления ряби к изображению в Photoshop.Вы можете использовать карты смещения, сделать их вручную или просто использовать некоторые из собственных фильтров Photoshop (спойлер, а не фильтры Ripple или Wave). Но что, если вы хотите добавить эффект ряби в определенном месте изображения? Как вы контролируете, сколько гребней имеет эта рябь? Сегодня вы узнаете, как добавить эффект ряби к изображению именно в том месте, где вы хотите, при этом контролируя точное количество гребней, которые имеет этот эффект.

Метод, который я вам здесь покажу, можно использовать для любого изображения с любой перспективой, но если вы хотите точно следовать этому руководству, загрузите следующее изображение с Pexels: Download

Шаг 1

Откройте изображение ландшафта в Photoshop.

Шаг 2

Выберите инструмент Elliptical Marquee Tool (M) и нарисуйте круг вокруг области, к которой вы хотите применить эффект ряби.

Шаг 3

Выберите «Правка» > «Копировать», а затем «Правка» > «Специальная вставка» > «Вставить на место».

Шаг 4

Снова выберите «Правка» > «Специальная вставка» > «Вставить на место».

Шаг 5

Скройте верхний слой, щелкнув значок глаза рядом с названием слоя.

Шаг 6

Выберите нижний слой, чтобы сделать его активным.

Шаг 7

Удерживая клавишу Ctrl на клавиатуре, щелкните один раз миниатюру слоя на панели слоев.

Шаг 8

Выберите «Фильтр» > «Искажение» > «Зигзаг». Установите количество на 40, гребни на 10, стиль на рябь пруда и нажмите OK.
Примечание: в зависимости от размера вашего изображения и сделанного выбора вам может понадобиться немного изменить эти значения.

Шаг 9

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

Шаг 10

Снова перейдите в Фильтр > Искажение > Зигзаг. Установите количество на 100, ребра на 10, стиль на из центра и нажмите OK.
Примечание. В зависимости от размера вашего изображения и сделанного вами выбора вам может потребоваться немного изменить эти значения .

Шаг 11

Когда выделение все еще активно, выберите «Выделение» > «Преобразовать выделение». На верхней панели инструментов установите ширину и высоту на 70% и щелкните значок галочки, чтобы зафиксировать преобразование.

Шаг 12

Выберите «Выбор» > «Инвертировать».

Шаг 13

Нажмите клавишу Delete на клавиатуре, а затем выберите «Выделение» > «Отменить выбор».

Шаг 14

Перейдите в меню «Слой» > «Объединить вниз».

Шаг 15

Выберите Фильтр > Размытие > Размытие по Гауссу. Установите Радиус на 0,3 и нажмите OK.

Несколько заключительных заметок

Чтобы добавить больше ряби на изображение именно в тех местах, которые вы хотите, просто повторите процесс столько раз, сколько рябей вы хотите добавить.В следующем примере было сделано 5 дополнительных пульсаций с разными значениями.

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

В этом уроке вы освоите очень умную технику рисования эффекта водной ряби с нуля в Photoshop 2020. Этот урок идеально подходит для начинающих, попробуйте!

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

PSD-файл этого руководства можно купить в магазине PSD Vault или в личном кабинете PSD Vault VIP.

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

Почему важно научиться создавать эффект водной ряби

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

Предварительный просмотр окончательного результата

Это предварительный просмотр конечного результата (нажмите, чтобы увеличить):

Что вы будете создавать в этом уроке

Сначала мы создадим основу для отражения — текстуру. Для этого я буду использовать радиальный градиент. Чтобы сделать заготовку из градиента более реалистичной, воспользуемся фильтрами. Затем создайте поверхность и смоделируйте поведение, как в природе.

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

VIP-членство PSD Vault

Вы можете загрузить PSD-файл для этого урока через VIP-зону всего за 6,95 долларов США в месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 250 других PSD-файлов + дополнительные плюсы + эксклюзивные уроки по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив!

Учебные ресурсы

Шаг 1

Откройте изображение, для которого вы хотите добавить водную рябь в Photoshop.Перейдите в Файл > Открыть или используйте сочетание клавиш Cmd/Ctrl + O . Создайте новый слой (используйте значок в нижней части панели «Слои» или используйте сочетание клавиш Cmd/Ctrl + Opt/Alt + Shift + N ). Возьмите Gradient Tool и настройте его. Сначала измените предустановку, щелкнув предварительный просмотр градиента на верхней панели. Может быть любой пресет, модифицируем его для получения цветового шума.

В появившемся диалоговом окне установите Тип градиента: Шум . Нажимайте кнопку «Случайно» , пока не появится равномерный и интересный градиент с наименьшим количеством других цветов.Если другие цвета слишком сильно мешают, попробуйте переместить белый ползунок влево от любого канала, например, красного. Цвет не имеет значения, главное, чтобы полоски располагались интересно. Установите радиальную форму градиента.

Шаг 2

Нарисуйте градиент вокруг центра рабочего поля, чтобы полный круг был немного меньше, чем рабочая область, без обрезанных краев. Возьмите Elliptical Marquee Tool (M) и сделайте выделение чуть меньше самого круга, начиная с центра.Перейдите к . Выберите > Modify > Feather или используйте сочетание клавиш Shift + F6 .

Примените команду со значением Feather Radius 20px , чтобы сделать края более гладкими. Дублируйте содержимое на новый слой. Я использую ярлык команды дублирования (Cmd/Ctrl + J) или копирую/вставляю его в новый слой. У вас должен получиться круг с размытыми краями на прозрачном фоне.

Шаг 3

Теперь получившаяся основа должна превратиться в реалистичную круглую рябь, как после падения.Для этого воспользуемся фильтрами. Перейдите в Filter > Distort > ZigZag и в появившемся окне нужно изменить Style на Pond Ripples . Поэкспериментируйте с настройками, чтобы найти правильную текстуру и масштаб для вашего изображения. Использую настройки: Кол-во: 70, Риджей: 10 .

Затем примените еще один фильтр, чтобы создать имитацию блестящей поверхности. Перейдите к Filter> Filter Gallery> Plastic Wrap с подходящими настройками. Настройки, которые я использовал, на изображении ниже.

Шаг 4

Наша рябь готова. Теперь вам нужно разместить это или создать узор в том месте, где вы хотите его применить. Используйте Free Transform Tool (Cmd/Ctrl + T или Edit > Free Transform) или Edit > Transform > Distort/Skew, чтобы исказить текстуру так, чтобы она соответствовала перспективе изображения, к которому вы хотите ее применить. Я создам много капель, разбросаю их по всей поверхности и наложу слои, как это происходит в природе. Я использую небольшой трюк для более быстрого дублирования — перетащите, удерживая Opt/Alt в режиме Move Tool (V) .

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

Шаг 5

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

Сгруппируйте все слои (Cmd/Ctrl + G) и продублируйте (Cmd/Ctrl + J) .Теперь для каждого слоя примените настройку Black and White (Image > Adjustments > Black and White или Cmd/Ctrl + Opt/Alt + Shift + B) .

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

Шаг 6

Когда все на месте, объедините все слои с текстурой (выделите слои > Cmd/Ctrl + E) и продублируйте получившийся слой (Cmd/Ctrl + J) .Скройте (нажмите на значок глаза рядом со слоем) оставшиеся слои, чтобы фон стал прозрачным.

Сохраните его как новый документ .psd (Файл > Сохранить как или Cmd/Ctrl + Shift + S) . Это станет текстурой для фильтра. Покажите фоновый слой и продублируйте его (Cmd/Ctrl + J) , также скройте все остальные слои. Примените фильтр Displace (Filter > Distort > Displace) с настройками, указанными на изображении ниже.В диалоговом окне после нажатия ОК вас попросят указать текстуру. Выберите файл, который вы создали. На месте должно появиться небольшое искажение. Если вы хотите усилить эффект, повторите фильтр (Фильтр > Повторить последний фильтр/искажение или Cmd/Ctrl + Opt/Alt + F) .

Шаг 7

После применения фильтра края документа исказились. Чтобы удалить это, загрузите выделение ряби из верхнего слоя, удерживая Cmd/Ctrl и щелкнув миниатюру слоя.При активном выделении удерживайте Opt/Alt и щелкните значок «Добавить маску слоя» в нижней части панели «Слои» или перейдите к Слой > Маска слоя > Скрыть выделение .

Это очистит все, кроме образовавшейся ряби. Это все. Ваши ряби готовы. Вы можете улучшить их, используя режимы наложения исходного слоя. Например, я меняю режим наложения черно-белого слоя текстуры на «Осветление» и уменьшаю непрозрачность до 50% .Это создало красивые блики на ряби, имитирующие отражение света.

Резюме

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

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

Как создать отражения с помощью ряби в Photoshop

Как создать отражения с помощью ряби в Photoshop
Хорошее отражение может превратить хорошее изображение в великолепное изображение. Для идеального отражения все должно быть совершенно неподвижно. Ветра не может быть совсем, даже легкого.Любое движение искажает отражение. С другой стороны, если вы хотите создать отражение в воде, вам нужно скрыть, что это подделка. Вот где пригодится обучение тому, как создавать отражения с помощью ряби в Photoshop.
Я не говорю, что невозможно получить идеальное отражение. Однако это крайне маловероятно. Есть несколько захватывающих дух изображений с потрясающими отражениями. Много времени вы можете смотреть на них, задаваясь вопросом, реально ли это отражение, или задаваясь вопросом, почему вы не смогли поймать такие удивительные отражения.Иногда это просто невозможно. В других случаях есть учебник, и этот научит вас реалистично создавать отражения с помощью ряби.
Вот несколько изображений с https://pixabay.com/, которые, на мой взгляд, выделяются отражениями и придают изображениям настоящий вау-фактор. Но, также заставил меня задуматься, они настоящие или нет? Все они имеют размытие или рябь, а также большое количество деталей в отражении. Это хорошо, чтобы бросить вызов себе. Итак, почему бы не попробовать… используя эту технику, попробуйте создать правдоподобное отражение.
Введите свой адрес электронной почты ниже и присоединитесь к нашему сообществу из более чем 100 000 фотографов, которые получают регулярные учебные пособия, а также имеют наше БЕСПЛАТНОЕ руководство по маскам Luminosity E-Book
Наш обзор
Использование карт смещения таким образом действительно очень умно и дает действительно естественное ощущение ряби на воде.
Это видео состоит из трех частей:-
Первая часть начинается с начала видео примерно до 2:30. В этом разделе основное внимание уделяется выбору отражения, его преобразованию и расположению.
Во втором разделе показано, как создать карту Displacement. Это с 2:30 до 5:02 на видео.
Последний раздел, начиная с 5:02, посвящен применению карты Displacement к отражению и добавлению некоторых завершающих штрихов.

Быстрые шаги по созданию отражений с помощью ряби в Photoshop

Часть 1. Выделение, преобразование и позиционирование отражения.

1. Сделайте свой выбор и скопируйте его, нажав Ctrl+J на ПК или Cmd+J на Mac.

2. Отразите выделение по вертикали, нажав Crtl+T на ПК или Cmd+T на Mac. Щелкните правой кнопкой мыши и выберите «Отразить по вертикали», затем нажмите клавишу ввода.

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

4. Щелкните правой кнопкой мыши слой отражения и выберите Преобразовать в смарт-объект. Затем перейдите в «Фильтр»> «Размытие»> «Размытие в движении», установите угол 90 градусов и переменную дистанцию, вы всегда можете изменить это позже.

Часть 2. Создание карты смещения отражения.

1.Откройте новое окно с размером холста 600×1000. Нажмите Shift+Backspace, когда появится диалоговое окно заливки, выберите «Черный» в поле содержимого и нажмите «ОК».

2. Теперь выберите Фильтр>Шум>Добавить шум. Добавьте максимальное количество шума и поставьте галочку, чтобы сделать его монохромным.

3. Вернитесь к фильтр>Размытие>Размытие по Гауссу. Добавьте небольшое размытие около 1,2 – 1,5 и нажмите ОК.

4. Теперь в верхней части панели ларов нажмите «Канал».Выберите красный канал, затем перейдите в «Фильтр»> «Стилизация»> «Тиснение». Установите угол на 180, высоту на 1 и количество на 500% и нажмите OK.

5. Нет, выберите зеленый канал и сделайте то же самое. Только на этот раз установите угол на 90 градусов, высоту на 1 и количество на 500% и нажмите ОК.

6. Выберите канал RGB и нажмите Crtl+T на ПК или Cmd+T на Mac, чтобы выбрать инструмент преобразования. Щелкните правой кнопкой мыши и выберите «Перспектива».

7. Уменьшите масштаб примерно до 5%, затем возьмитесь за один из нижних углов и растяните его до края экрана, затем нажмите Enter.

8. Перейдите в меню «Файл» > «Сохранить как», сохраните изображение в формате PSD и назовите его как-нибудь, как вы помните, например, «карта рябь смещения».

Часть 3. Применение карты смещения для создания ряби.

1. Вернитесь к изображению, на котором вы создавали свои отражения с помощью ряби, и выберите слой, который является вашим отражением.

2. Перейдите в меню «Фильтры»> «Искажение»> «Смещение»… измените «Масштаб по горизонтали» на 10 и «Масштаб по вертикали» на 40 (это метод проб и ошибок).Выберите радиокнопки, чтобы растянуть, чтобы подогнать и повторить краевые пиксели, затем нажмите «ОК».

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

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

Думаю, тонкий комплимент образу.
Спасибо, что прочитали эту статью. Как создать отражения с помощью ряби в Photoshop. Вам также могут быть интересны следующие статьи. Обязательно подпишитесь на нашу рассылку, чтобы получать больше руководств и выгодных предложений.
Введите свой адрес электронной почты ниже и присоединитесь к нашему сообществу из более чем 100 000 фотографов, у которых есть , а также
Подписанные на нашу рассылку.

Скачал наш БЕСПЛАТНЫЙ курс Photoshop.
Получили БЕСПЛАТНУЮ панель Easy для Photoshop.
И получите нашу БЕСПЛАТНУЮ электронную книгу Essential Guide To Luminosity Masks.
Предложение скоро заканчивается — получите дополнительную скидку 25% сегодня
Дополнительные ресурсы
Я нашел великолепное минутное видео, которым я должен был поделиться, Как создать отражение.
13+ лучших эффектов ряби в Photoshop (Создайте рябь на воде в Photoshop)
Adobe Photoshop — фантастическое приложение, используемое известными фотографами и графическими дизайнерами для создания, ретуши и обработки изображений и цифровых произведений искусства.Если вы знаете, как максимально эффективно использовать Photoshop, единственным ограничением, которое у вас есть для создания потрясающих дизайнов, является ваше собственное воображение.
Тем не менее, тех, кто никогда не занимался профессиональным редактированием изображений, легко запугать огромным списком функций, которые предлагает Photoshop, и забыть о создании эффекта с нуля.
Это особенно верно для сложного эффекта водной ряби Photoshop. В то время как рябь воды захватывает дух, попытка создать такой же эффект в цифровом виде довольно сложна, особенно для новичков.
Это именно тот случай, когда на помощь приходят экшены и кисти Photoshop с эффектом водной ряби! Чтобы сделать вашу работу намного проще, многие рьяные дизайнеры создали великолепные экшены и кисти, которые можно мгновенно применять к вашим изображениям, создавая эффект водной ряби на переднем плане.
В этой статье мы составили список лучших эффектов водной ряби Photoshop, полученных как с премиальных, так и с бесплатных веб-сайтов.
Читайте дальше!
Получите все необходимое, чтобы ускорить рабочий процесс Photoshop.Всего за 16 долларов вы получите неограниченный доступ к тысячам экшенов Photoshop, пресетам Lightroom, шаблонам, графике, шрифтам и фотографиям.
Найти Экшены Photoshop
Ознакомьтесь с этой коллекцией из сорока пяти кистей Photoshop с эффектом водной ряби размером 2500×2500 пикселей, которые могут стать отличным дополнением к любому печатному или веб-проекту. Все кисти имеют высокое разрешение и совместимы практически с любой версией Photoshop. Это фантастический продукт, который многократно окупится, и мы искренне рекомендуем его.
Если вы не хотите прикладывать усилия, необходимые для того, чтобы закрасить объект кистью, чтобы добиться желаемого эффекта водной ряби в Photoshop, рассмотрите возможность использования этих фонов с волнистыми полосами, которые идеально подходят для широкого спектра творческих и профессиональных приложений. Самое приятное то, что эти фоны без проблем работают не только с Adobe Photoshop, но и с Adobe Illustrator, Figma, Sketch и Affinity Designer.
Помимо создания аквариума и погружения вашего объекта под воду, этот экшен Photoshop также впечатляющим образом привносит на страницу мягкую водную рябь.Экшен очень прост в использовании и предлагает десять цветовых пресетов и множество графических элементов.
Ищете вариант, который позволит вам добавить эффект водной ряби Photoshop к логотипу вашего бренда? Не ищите ничего, кроме этого макета логотипа с привлекательной неоновой эстетикой, благодаря которому ваш логотип действительно выделяется. С этой коллекцией за поясом вам больше никогда не придется беспокоиться о том, как создать волновой эффект в Photoshop.
Хотите знать, что пузырьковые кисти делают в нашем списке? Что, если бы мы сказали вам, что эта универсальная коллекция из пятидесяти кистей Photoshop поможет вам не только создавать пузыри, но и другие водные эффекты, включая брызги и рябь.Что в этом не нравится?
Бесплатные эффекты водной ряби для Photoshop
Конечно, ничто не сравнится с первоклассными эффектами водной ряби Photoshop. Тем не менее, мы понимаем, как новичок, который никогда раньше не использовал Photoshop, вы, возможно, не захотите тратить деньги, вместо этого сначала проверьте воду, поэкспериментируйте с эффектами, чтобы освоить программное обеспечение.
Хорошей новостью является то, что мы составили список лучших экшенов и кистей для фотошопа с эффектом водной ряби, которые вы можете получить, не тратя ни копейки.Спасибо позже!
Полюбуйтесь этой коллекцией экшенов Photoshop, позволяющих мгновенно создавать отражения в воде с реалистичными эффектами ряби. Он также поставляется с подробным пошаговым видеоуроком о том, как создать эффект ряби в Photoshop. Эта коллекция является золотым стандартом в мире бесплатных экшенов Photoshop с эффектом водной ряби.
Далее у нас есть набор из пятнадцати кистей водной ряби для Photoshop, которые вам будет трудно не рассмотреть.Кисти имеют размер более 2500 пикселей и могут использоваться практически для любого проекта, где требуется красивый эффект водной ряби.
Здесь у нас есть набор кистей Photoshop, которые помогают создать приятный эффект ряби на столе и придать вашим работам высокую оценку, которой они достойны. Доступен целый ряд различных стилей, так что присмотритесь к нему поближе.
Этот экшен Photoshop — отличный вариант, если вы хотите добавить отражение воды и рябь на изображение без необходимости создавать такой же эффект с нуля.Действие может быть полностью настроено в соответствии с вашими потребностями и предлагает удивительную гибкость и творческий контроль в ваших руках.
Следующим в нашем списке лучших бесплатных эффектов водной ряби Photoshop является этот набор из двадцати кистей с речной текстурой, которые помогут вам легко добавить эстетику тонкой ряби к вашим фотографиям. Отличный вариант, который вы должны проверить немедленно!
Здесь у нас есть еще одна коллекция бесплатных кистей Photoshop с водной рябью, которые помогут вам воспроизвести точную эстетику, необходимую для создания шедевра, который поразит ваших подписчиков в Instagram, коллег и клиентов.
Эта высококачественная коллекция кистей Photoshop с изображением водной поверхности предлагает широкий выбор стилей кистей. Представьте себе, что в одном наборе можно получить так много эстетики воды, и при этом не нужно вообще ничего платить. Супер круто и удобно!
Внутри вы найдете шведский стол с водной рябью Photoshop, а также кисти с брызгами. Вы можете использовать их по отдельности или комбинировать для создания уникального эффекта. Удивительный набор для начинающих, наличие этого ресурса в наборе инструментов вашего редактора гарантирует, что вам никогда не придется задаваться вопросом, как создать рябь в Photoshop.
Используйте эти эффекты для создания ряби на воде в Photoshop с легкостью
Вот и все — лучшие экшены Photoshop с эффектом водной ряби и кисти, которые помогут вам воплотить в жизнь ваш следующий дизайн-проект, не прибегая к какой-либо работе. Загрузите один или несколько этих ресурсов, и мы обещаем, что вопрос «как создать рябь в Photoshop» больше никогда не будет вас преследовать.
Как сделать очень глубокую рябь с помощью Photoshop | Малый бизнес
Камера может многое, но сделать ваши фотографии похожими на рифленые, капающие часы Сальвадора Дали она не может.Вот тут-то и приходит на помощь Photoshop со своими инструментами редактирования, которые позволяют применять волнообразный эффект для создания волн, капель и многого другого на ваших изображениях. С Photoshop у вас есть полный контроль над степенью, глубиной и количеством волн, не влияя на исходное изображение.
Запустите Photoshop и откройте изображение, чтобы применить эффект ряби.
Откройте меню «Фильтр», затем нажмите «Пластика». Откроется окно «Пластика» и панель управления. Вы видите свое изображение в основной части рабочей области.
Щелкните ползунок «Размер кисти» и сдвиньте его примерно до 500. Наведите курсор на область, чтобы разместить первую рябь. Обратите внимание на кружок, представляющий курсор, от которого зависит, насколько большой будет пульсация. При необходимости отрегулируйте ползунок Размер кисти. Остальные параметры в панели управления оставьте по умолчанию.
Нажмите и удерживайте левую кнопку мыши, затем перетащите курсор прямо вверх, создавая восходящую волну. Вы также можете перетащить вниз для нисходящей пульсации. Отпустите левую кнопку мыши, когда пульсация станет нужной.Вы также можете перетаскивать влево или вправо, чтобы создать эффект плавной ряби.
Переместите курсор в следующую область, чтобы применить рябь. Нажмите и удерживайте левую кнопку мыши и снова перетащите, отпустив, когда рябь появится на месте. Чем дальше от изображения, которое вы «тянете», тем глубже пульсация.
Повторите процесс, чтобы применить эффект пульсации. Вы можете наслаивать рябь, «разбивая» существующую рябь, создавая волнообразный эффект вверх и вниз или любой другой вариант в соответствии с вашими требованиями.
Нажмите кнопку «ОК», чтобы установить пульсацию и вернуться на холст.В зависимости от количества пульсаций и степени их серьезности это может занять несколько секунд, пока индикатор выполнения сообщает о ходе разжижения на экране.
Повторно сохраните изображение с новым именем файла, чтобы вы всегда могли получить доступ к оригиналу без волнистости.
Как создать реалистичные отражения в воде с помощью ряби в фотошопе
В этом видео я покажу вам, как сделать отражение воды с нуля, с реалистичными отражениями и рябью.
Для этого урока по фотошопу я выбрал фотографию сарая.
Шаг 1: Создание отражения в воде
Сначала выберите инструмент «Выделение» и щелкните и перетащите, чтобы сделать выделение на фотографии, чтобы создать отражение. скопируйте и вставьте его в новый слой.
перейти к редактированию, преобразованию и выбору масштаба. Отразите его по вертикали и поместите так, чтобы оно стало зеркальным отражением исходной фотографии.
Мне нужно переместить два слоя, чтобы они соответствовали высоте и ширине холста.
преобразовать слой отражения в смарт-объект, поэтому мы изменяем любые настройки без разрушения.
теперь мы добавляем размытие к отражению. перейдите к фильтру и выберите размытие в движении. сохраняйте угол 90 градусов и расстояние 11 пикселей. нажмите ОК.
Шаг 2: создайте водную рябь в фотошопе
Откройте новый документ Photoshop размером 600 x 1000 пикселей RGB. Размер не имеет значения, но убедитесь, что он вертикальный. сохранить фоновое содержимое черного цвета.
теперь добавьте шум к слою. Перейдите в «Фильтр»> «Шум»> «Добавить шум» и установите максимальное количество.нажмите ОК.
Затем перейдите в меню «Фильтр»> «Размытие»> «Размытие по Гауссу» и установите радиус на меньшие пиксели.
Теперь перейдите на панель слоев и переключитесь на каналы. Нажмите на красный слой, затем перейдите в Filter> Stylize> Emboss и установите угол на 180, высоту на 1 и количество на максимум.
Сделайте то же самое еще раз с выбранным зеленым слоем и углом, установленным на 90. с высотой 1 и максимальной суммой
Далее мы хотим растянуть нижнюю часть изображения наружу, чтобы придать ему правильную перспективу.
Перейдите в Edit>Transform>Perspective и вытяните нижние углы наружу, насколько это возможно.
Изображение выглядит как разноцветная рябь волн на воде. Вы можете сильнее растянуть нижнюю часть, чтобы получить плавный эффект волны.
Сохраните это как .psd с максимальной совместимостью и закройте его. Этот psd-файл работает как карта смещения, чтобы создать рябь для нашего урока, назовите файл карты смещения водной ряби для легкого доступа
Шаг 3. Нанесение ряби волн
Теперь вернитесь в исходный файл проекта, примените карту смещения Waves Ripples к слою отражения.
Перейдите в Filter>Distort>Displace, и появится диалоговое окно.установите масштаб по горизонтали на 10 и масштаб по вертикали на 40. Также выберите «Растянуть по размеру» и «Повторить пиксели края».
Когда вы нажмете «ОК», вам будет предложено найти карту смещения и выбрать изображение .psd карты смещения, которое вы сделали ранее.
, если вы хотите большего искажения, просто нажмите на фильтр еще раз и измените масштаб по вертикали.
мы успешно создали реалистичный эффект отражения воды.
Шаг 4. Последние штрихи для создания реалистичных отражений в воде
наконец В завершение мы внесем небольшие коррективы в изображение в целом.Сначала мы затемним область, где вода встречается с землей.
Добавьте новый слой, возьмите инструмент «Градиент» и выберите «Отраженный градиент».
оставьте передний план белым и перетащите туда, где вода встречается с землей.
инвертировать слой CTRL + I сочетание клавиш
Измените режим смешивания слоя на умножение и уменьшите его непрозрачность до меньшего значения. .
Аналогичным образом добавьте немного дымки в верхней части отражения. на этом изображении небо более белого цвета, поэтому добавьте белый градиент
, измените режим наложения слоя на экран и уменьшите непрозрачность
, наконец, добавьте корректирующий слой вибрации и увеличьте яркость.
добавить маску градиента, чтобы эффект применялся только к верхней части изображения, а не к отражению
вот фото до и после.
Как сделать рябь в фотошопе: Красивый эффект водной ряби в Adobe Photoshop