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

В этом уроке я расскажу, как создать отражение дерева в воде с помощью программы Photoshop. Мы будем использовать инструменты "Свободная трансформация" (Free Transform) и различные фильтры штатные фильтры Photoshop.

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

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

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

Итак, давайте приступим.

Переворачиваем изображение

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

2

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

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

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

4

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

3

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

5

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

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

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

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

6

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

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

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

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

7

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

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

8

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

9

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

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

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

10

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

11

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

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

12.png

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

13

Затем выберите Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur), задайте радиус 80 и нажмите кнопку ОК.

Создайте обтравочную маску для этого слоя.

Нажмите Ctrl+T для активации инструмента "Свободная трансформация". Кликните правой клавишей мыши в центре холста и выберите из контекстного меню "Искажение" (Distort).
Сделайте трансформацию слоя, как показано на рисунке:

14

Нажмите Enter. Вот как выглядит теперь документ и панель слоёв:

15

Измените режим наложения слоя на "Мягкий свет" (Soft Light) и уменьшите его непрозрачность но 65%:

16

В результате поверхность станет волнистой:

Вот, собственно, и всё.

Скачать исходное изображение для урока:

Теги:

Помощь сайту

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

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

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

Установить с Google Play.

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

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

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

Похожие материалы:

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