Имитируем отражение в воде в фотошопе. Как создать отражение с волнами в воде в фотошопе Фотошоп с эффектом водной поверхности

What You"ll Be Creating

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

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). Данный режим показывает только тёмные тона, поэтому, белые тона станут невидимыми.

Шаг 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). Потяните ещё раз градиент вниз, чтобы создать заливку градиента на маске. Это поможет затенить эффект фильтров, т.к. отражение находится ближе к храму и дальше от нашей точки наблюдения.

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

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

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

Создание отражения объектов от различных поверхностей – одна из самых сложных задач при обработке изображений, но, если Вы владеете Фотошопом хотя бы на среднем уровне, то это не станет проблемой.

Этот урок посвятим созданию отражения объекта на воде. Для достижения желаемого результата воспользуемся фильтром «Стекло» и создадим для него пользовательскую текстуру.

Изображение, которое мы будем обрабатывать:

Подготовка

Создание текстуры

Создадим новый документ большого размера с равными сторонами (квадратный).
Создадим копию фонового слоя и применим к ней фильтр «Добавить шум» , который находится в меню «Фильтр – Шум» .

Значение эффекта выставляем в 65%
Затем нужно данный слой размыть по Гауссу. Инструмент можно найти в меню «Фильтр – Размытие» .

Радиус выставляем в 5%.
Усилим контрастность слоя с текстурой. Нажимаем сочетание клавиш CTRL+M , вызывая кривые, и настраиваем так, как указано на скриншоте. Собственно, просто двигаем ползунки.
Следующий шаг очень важен. Нам необходимо сбросить цвета на дефолтные (основной – черный, фоновый – белый). Делается это нажатием на клавишу D .
Теперь идем в меню «Фильтр – Эскиз – Рельеф» .

Значение детализации и смещения выставляем в 2 , свет – снизу .
Применим еще один фильтр – «Фильтр – Размытие – Размытие в движении» .

Смещение должно быть 35 пикселей , угол – 0 градусов .
Заготовка для текстуры готова, далее нам нужно поместить ее на наш рабочий документ. Выбираем инструмент «Перемещение»

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

Не отпуская кнопку мыши, ждем открытия документа и помещаем текстуру на холст.
Поскольку текстура намного больше нашего холста, то для удобства редактирования придется изменить масштаб клавишами CTRL+ «-» (минус, без кавычек).
Применяем к слою с текстурой свободное трансформирование (CTRL+T ), нажимаем правую кнопку мыши и выбираем пункт .
Сжимаем верхний край изображения до ширины холста. Нижний край так же сжимаем, но меньше. Затем снова включаем свободное трансформирование и подгоняем размер под отражение (по вертикали).
Вот что в результате должно получиться:

Нажимаем клавишу ENTER и продолжаем создание текстуры.
В данный момент мы находимся на верхнем слое, который трансформировали. Оставаясь на нем, зажимаем CTRL и кликаем по миниатюре слоя с замком, который находится ниже. Появится выделение.
Нажимаем CTRL+J , выделение скопируется на новый слой. Это и будет слой с текстурой, старый можно удалить.
Далее кликаем правой кнопкой мыши по слою с текстурой и выбираем пункт «Создать дубликат слоя» .
В блоке «Назначение» выбираем «Новый» и даем название документу.

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

и выбираем обрезку на основании «Прозрачных пикселов»

После нажатия кнопки ОК вся прозрачная область в верхней части холста будет обрезана.
Осталось только сохранить текстуру в формате PSD («Файл – Сохранить как» ).

Создание отражения

Приступаем к созданию отражения. Переходим на документ с замком, на слой с отраженным изображением, с верхнего слоя с текстурой снимаем видимость.
Идем в меню «Фильтр – Искажение – Стекло» .

Ищем значок, как на скриншоте, и нажимаем «Загрузить текстуру» .

Это будет сохраненный на предыдущем этапе файл.
Все настройки подбирайте под свое изображение, только не трогайте масштаб. Для начала можно выбрать установки из урока.
После применения фильтра включаем видимость слоя с текстурой и переходим на него. Меняем режим наложения на «Мягкий свет» и снижаем непрозрачность.
Отражение, в общем-то, готово, но нужно понимать, что вода — не зеркало, к тому же, кроме замка и травы, в ней отражается и небо, которое находится вне зоны видимости. Создаем новый пустой слой и заливаем его синим цветом, можно взять образец с неба.
Перемещаем этот слой над слоем с замком, затем жмем ALT и кликаем левой кнопкой мыши по границе между слоем с цветом и слоем с перевернутым замком. При этом создастся так называемая «обтравочная маска» .
Теперь добавляем обычную белую маску.
Берем в руки инструмент «Градиент» .

В настройках выбираем «От черного к белому» .
Протягиваем градиент по маске сверху вниз.

Результат:
Снижаем непрозрачность слоя с цветом до 50-60% .

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

Великий обманщик Фотошоп в очередной раз доказал (с нашей помощью, конечно) свою состоятельность. Сегодня мы убили двух зайцев – научились создавать текстуру и имитировать с ее помощью отражение объекта на воде. Эти навыки пригодятся Вам в дальнейшем, ведь при обработке фото мокрые поверхности далеко не редкость.

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

Фильтр «Смещение» перемещает пиксели в изображении в соответствии со значением яркости карты смещения. Вы можете использовать любой PSD файл как карту смещения (если он был сохранён с «Максимальной совместимостью» («Maximize compatibility»)). Используйте первый и второй каналы этого PSD файла для горизонтального и вертикального смещения соответственно. Каждый канал - это чёрно-белое изображение. Тёмные значения изменят изображение в положительном направлении (в координатах Adobe). Яркие значения изменят в отрицательном направлении. Величиной смещения можно управлять отдельно. По шкале значений от 100, смещение измеренное в пикселах, равно 128 минус яркость карты смещения. Например, белый пиксел изменит изображение 128−255 =-127 пикселов в соответствующем пикселе.

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

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

Часть первая: создание карты смещения.

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

Создайте Новый документ (Ctrl + N) в RGB режиме 1000 пикселей в ширину и 2000 пикселей в высоту.
Перейдите в Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) Количество (Amount) : 400%; Распределение (Distribution) : по Гауссу (Gaussian); поставьте галочку Монохромный (Monochromatic) . Нажмите OK .
Затем выберите Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) . Установите радиус 2,0 пикселей и нажмите ОК .

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

Перейдите в палитру Каналы и выберите Красный (Red) канал.
Примените к нему Фильтр > Стилизация > Тиснение (Filter > Stylize > Emboss) . Введите следующие параметры: Угол (Angle) : 180 °; Высота (Height) : 1 пикс.; Эффект (Amount) : 500%. Нажмите ОК .
Выберите Зелёный (Green) канал.
Примените фильтр Тиснение (Emboss) снова, но на этот раз используйте значение Угол (Angle) 90 °, вместо 180 °.
В палитре Каналы щёлкните на RGB , чтобы изображение стало цветным.

Теперь изменим перспективу. Растяжение основания понижает горизонт. Мы должны были бы тянуть углы к бесконечности, чтобы расширить водную поверхность полностью на горизонт, но мы не будем этого делать. Растяжения около 3000% будет достаточно. Перспективное растяжение работает только между 0 и 700%, поэтому мы растянем до 600% два раза. Получится 3600%.

Перейдите в палитру Слои и разблокируйте фоновый слой (дважды кликните на нём и в появившемся диалоговом окне нажмите ОК ).
Выберите инструмент Масштаб (Z) и, удерживая нажатой клавишу (Alt) , щёлкните несколько раз на изображении, чтобы уменьшить его примерно, как на картинке ниже. Выберите команду Редактирование > Трансформирование > Перспектива (Edit > Transform > Perspective) .
Перетащите один из нижних углов в сторону на ширину 600% (значение ширины можно увидеть в панели настроек инструмента) и нажмите Enter .
Нажмите Ctrl + Shift + T , чтобы применить трансформирование ещё раз.
Кадрируйте область вне холста. Для этого выделите холст (Ctrl + A) , а затем примените команду Изображение > Кадрировать (Image > Crop) . Снимите выделение (Ctrl + D) .
Уменьшите высоту изображения, чтобы получился квадрат (Alt + Ctrl + I) (снимите галочку Сохранять пропорции и введите нужные значения). В нашем примере 1000 на 1000 пикселей.

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

Сначала настроим Красный (Red) канал:

В палитре Каналы выберите Красный (Red) канал.
Нажмите Q , чтобы перейти в режим .
Выберите инструмент Градиент (G) и чёрно-белым линейным градиентом проведите снизу вверх по изображению, чтобы создать маску градиента.
Нажмите Q , чтобы вернуться в стандартный режим. Мы получили выделение градиента.
Залейте (Alt + Backspace) средним серым (#dadada ) цветом и снимите выделение (Ctrl + D) .

Теперь настройте Зелёный (Green) канал подобным образом:

В палитре Каналы выберите Зелёный (Green) канал.
Нажмите Q , чтобы перейти в режим Быстрой маски (Quick Mask Mode) .
Выберите инструмент Градиент (G) и, на этот раз, проведите чёрно-белым линейным градиентом снизу вверх по изображению остановившись немного выше,чем в предыдущем шаге, чтобы выбрать узкую часть около горизонта.
Нажмите Q , чтобы превратить маску в выделение.
Залейте (Alt + Backspace) средним серым (#dadada ) цветом и снимите выделение (Ctrl + D) .

Вот как должна выглядеть готовая карта смещения со скрытым Синим (Blue) каналом. Заметьте, что в зелёном канале, яркие области смещают отражение вверх, что представляет угол наклона по отношению к Вам. Тёмные области создают угол наклона от Вас. Возможно это кажется немного запутанным, потому что мозг интерпретирует изменение яркости с точностью наоборот.

Сохраните карту смещения (не забудьте, что Синий (Blue) канал должен быть отключён) в формате PSD с «Максимальной совместимостью» («Maximize Compatibility») .

Чтобы Ваши PSD файлы всегда сохранялись с «Максимальной совместимостью» («Maximize Compatibility»), выберите команду Редактирование > Установки > Обработка файлов (Edit > Preferences > File Handling) и в выпадающем меню Максимизировать совместимость файла PSD (Maximize PSD File Compatibility) выберите Всегда (Always) .

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

Часть вторая: создание водной поверхности.

Мы создадим озеро в этой долине.

Во-первых, мы должны сделать «плоское» отражение, которое будем искажать позже фильтром «Смещение». В этом примере мы будем рассматривать пейзаж, как единственный фоновый объект.

Выберите инструмент Прямоугольная область (М) , определите, где должен быть горизонт и, начиная от выбранной линии горизонта, создайте инструментом выделенную область изображения, выше этой линии. Щёлкните правой кнопкой мышки и выберите команду Растушевка (Feather) . Укажите значение 1 пикс., и нажмите ОК . Скопируйте на новый слой (Ctrl + J) . Это будет слоем отражения.
Расширьте холст вниз (Alt + Ctrl + C) (в появившемся диалоговом окне укажите значение высоты и обязательно нажмите на средний верхний квадратик со стрелочкой, чтобы холст увеличивался только вниз), чтобы освободить место для отражения.
Выберите инструмент Свободное трансформирование (Ctrl + T) , щёлкните на изображении правой кнопкой мышки и выберите команду Отразить по вертикали (Flip Vertical) . Затем переместите изображение, чтобы совместить его с верхней частью изображения. Нажмите ОК .

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

Создайте новый слой (Shift + Ctrl + N) под слоем отражения.
Удерживая нажатой клавишу Ctrl , щёлкните на иконке слоя с отражением в палитре Слои , чтобы получить выделенную область. На созданном слое залейте область позади отражения желаемым цветом. (Вы можете изменить цвет позже с помощью команды Цветовой тон / Насыщенность (Hue / Saturation) ). Снимите выделение (Ctrl+D) .
Добавьте Маску слоя к слою отражения (в нижней части палитры Слои серый квадратик с белым кругом внутри). Выберите инструмент Градиент (G) и протяните чёрно-белый линейный градиент снизу вверх, немного не доходя до линии горизонта, чтобы показать нижнюю часть залитого цветом слоя.

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

Выберите слой отражения и удерживая клавишу Ctrl , кликните на маске слоя, чтобы получить выделение градиентом.
Заблокируйте прозрачные пиксели, нажав на иконку в виде шахматной доски в палитре Слои .
Примените к отражению Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur) . Угол (Angle) 90 °. Установите значение Смещения (Distance) сами (зависит от Вашего изображение и желаемого эффекта) и нажмите кнопку ОК .
Примените ещё раз размытие (Ctrl + F) .
Разблокируйте прозрачные пиксели и снимите выделение (Ctrl + D) .

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

Удерживая клавишу Ctrl , кликните на иконке слоя с отражением, чтобы получить выделенную область.
Перейти в Фильтр > Искажение > Смещение (Filter > Distort > Displace) . Введите величину смещения. Значение масштаба по горизонтали должно быть на 50% меньше,чем значение масштаба по вертикали (примерно 60 по горизонтали и 120 по вертикала. Значения зависят от Вашего изображения). Также выберите Растянуть (Stretch To Fit) и Повторить граничные пикселы (Repeat Edge Pixels) . Нажмите OK .
В появившемся диалоговом окне найдите сохранённую на Вашем компьютере карту смещения и нажмите кнопку Открыть (Open) , чтобы применить её.
Снимите выделение (Ctrl + D) .

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

Долее мы сделаем несколько заключительных корректировок.

Активируйте маску слоя, кликнув на её иконке в палитре Слои , затем выберите команду Уровни (Ctrl + L) и измените значение уровня белого до 240, чтобы сделать поверхность немного прозрачной около горизонта.

Как уже упоминалось выше, с помощью команды Цветовой тон / Насыщенность (Hue / Saturation), Вы можете подкорректировать цветовой тон, насыщенность и яркость слоя с цветом воды.
Если линия горизонта получилась слишком чёткой, слегка размойте её инструментом Размытие (R) .
И наконец, обрежьте края изображения, если повторные пиксели по краям слишком заметны.

Финальный результат:

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

Инструкция

Создайте новое в Adobe Photoshop. Воспользуйтесь сочетанием клавиш Ctrl+N, либо пунктами меню "File" и "New...". В диалоге настройки создаваемого введите его ширину и высоту в полях "Width" и "Height" соответственно. В списке "Color Mode" выберите "RGB Color", в следующем за ним списке - значение "8 bit". В "Background Contents" установите "Transparent". Нажмите кнопку "OK".

Установите белый цвет переднего и цвет заднего плана. Для этого кликните по элементу управления, отображающему соответствующий цвет (данные элементы управления расположены на панели инструментов), после чего появится диалог выбора цвета. Выберите нужный цвет. Нажмите кнопку "OK".

Залейте всю область изображения белым цветом. Активируйте инструмент "Paint Bucket Tool". Щелкните мышью по любому месту изображения.

Примените к изображению фильтр "Clouds". Выберите в меню пункты "Filter", "Render", "Clouds".

Примените к изображению фильтр "Glass". Выберите в меню пункты "Filter", "Distort", "Glass". Появится диалог настройки параметров фильтра. В полях "Distortion", "Smoothness", "Scaling" введите значения 20, 5, 70 соответственно. В списке "Texture" выберите пункт "Frosted". Нажмите кнопку "OK".

Придайте изображению естественный цвет. Откройте меню "Image", выделите пункт "Adjustments", кликните по пункту "Hue/Saturation...", либо просто нажмите Ctrl+U. В отображенном диалоге "Hue/Saturation" установите отметку в переключателе "Colorize". Изменяя значения поля "Hue" при помощи движения ползунка, расположенного под ним, либо путем ввода значений с , подберите желаемый оттенок цвета. Аналогичным способом подберите значения полей "Saturation" и "Lightness", выбрав насыщенность и яркость. Нажмите кнопку "OK".

Придайте перспективу изображению воды. При помощи инструмента "Zoom Tool" измените масштаб отображения так, чтобы все изображение занимало меньше трети относительно ширины и высоты окна документа. Выберите в меню пункты "Edit", "Transform", "Perspective". Нажмите и удерживайте клавишу Shift. Затем при помощи мыши захватите и растяните нижний край появившейся рамки так, чтобы ее форма стала трапециевидной. При растягивании наблюдайте за изображением. Изменяйте длину нижней части рамки до достижения необходимого эффекта перспективы. Щелкните по какой-либо кнопке на панели инструментов. В появившемся окне запроса нажмите кнопку "Apply".

Открываем исходное изображение дерева в Photoshop. Возьмите инструмент "Прямоугольная область" (Rectangular Marquee Tool) и выберите область с деревом, примерно такую, как показано на рисунке:

Затем нажмите Ctrl+J для копирования выделенной области на новый слой.

При активном новом слое, пройдите по вкладке главного меню Редактирование --> Трансформирование --> Отразить по вертикали (Edit --> Transform --> Flip Vertical), после чего вырезанная область отразится по вертикали.

Убедитесь, что у Вас активны опция "Привязки" во вкладке "Просмотр" (View --> Snap), если нет, то поставьте галку:

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

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

Уберите направляющую (Просмотр --> Удалить направляющую или View --> Clear Guides).

Создание карты смещения (Displacement Maps)

Создайте новый слой (Ctrl+Shift+N) и залейте его белым цветом (клавиша D, затем Ctrl+Delete).

Пройдите по вкладке Фильтр --> Галерея фильтров (Filter --> Filter Gallery), в диалоговом окне галереи откройте вкладку "Эскиз", где выберите "Полутоновый узор" (Sketch --> Halftone Pattern). Задайте следующие параметры:
Тип узора (Pattern Type) - Линия (Line)
Размер (Size) - 12
Контрастность (Contrast) - 5

Нажмите кнопку ОК.

Теперь сохраним этот файл как карту смещения (Displacement Maps). Нажмите комбинацию клавиш Ctrl+Shift+S, выберите место для хранения файла и задайте файлу имя, у меня это будет ReflectionMap.psd, нажмите ОК.

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

Отключите видимость последнего слоя, к которому был применён фильтр "Полутоновый узор", у меня это "Слой 2":

Придаём отражению волнистость

Кликните правой клавишей мыши по слою с отражением, у меня это "Слой 1", в раскрывшемся списке выберите "Преобразовать в смарт-объект" (Convert to Smart Object), в правом нижнем углу миниатюры слоя должен появиться соответствующий значок:

Пройдите по вкладке главного меню Фильтр --> Искажение --> Смещение (Filter --> Distort --> Displace), и затем установите значения "Масштаб по горизонтали" (Horizontal Scale) равным 5 и "Масштаб по вертикали" (Vertical Scale) равным 3. Остальные параметры оставьте по умолчанию:

Нажмите OK. Откроется диалоговое окно, где выберите файл ReflectionMap.psd и нажмите "Открыть".

Тонируем отражение

В панели слоёв нажмите на значок создания нового корректирующего слоя и выберите "Цвет..." (Solid Color):

В появившемся окне выбора цвета выберите тёмно-синий цвет #121db5 и нажмите ОК. Уменьшите непрозрачность слоя до 14% и измените режим наложения на "Цветность" (Color). После чего кликните правой клавишей мыши по корректирующем слою и в открывшемся контекстном меню нажмите на пункт "Создать обтравочную маску" (Create Clipping Mask) для того, чтобы корректирующий слой действовал только на слой, расположенный под ним (в нашем случае - слой с отражением):

Снижение контрастности и создание волнистости

Создайте ещё один корректирующий слой "Уровни" (Levels). В панели свойств слоя перетащите левый ползунок выходных значений на значение 29 и правый на 200. Также создайте обтравочную маску для этого слоя:

Создайте новый слой и пройдите по вкладке Фильтр --> Рендеринг --> Облака (Filter --> Render --> Clouds), документ заполнится дымчато-серым: