Как сделать реалистичное отражение в воде

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

 

 

  1. Вначале нужно создать текстуру воды. Создаем новый документ с настройками 1000 x 2000 пикселей, 72 dpi, цвет фона — белый, режим RGB.
    содать новый документ в фотошопе
  2. Выберите Фильтр -> Шум -> Добавить шум с настройками 400%, по Гауссу, поставьте галочку напротив «Монохромный». если у вас англоязычный фотошоп, то ваши действия: Filter > Noise > Add noise (400%, Gaussian, Monochromatic).
  3. Команда Фильтр -> Размытие -> Размытие по Гауссу в 2,0 px. Filter > Blur > Gaussian Blur — 2.0 pixels
    действия по созданию текстуры воды
  4. В панели слоев откройте вкладку «каналы», сделайте активным красный канал примените к нему фильтр  Filter > Stylize > Emboss… — 180 degrees, 1 pixel, 500%, в русском фотошопе это соответствует команде Фильтр -> Стилизация -> Тиснение (угол 180°, высота 1 пиксель, эффект 500% .
    тиснение фотошоп
  5. К зеленому каналу применяем тот же фильтр Тиснение с настройками: угол 90º, высота 1 пиксель и эффект 500%. Filter > Stylize > Emboss… — 90 degrees, 1 pixel, 500%
    тиснение в фотошопе к зеленому каналу
  6. Синий канал оставляем без изменений. Включите все каналы.
  7. Возвращаемся в панель «Слои» LAYERS.
  8. Переведите из заднего слоя в обычный слой (клик правой кнопкой мыши по слою и выбор соответствующего пункта).
  9. Выберите команду Редактирование -> Трансформирование -> Перспектива. Тяните нижний правый угол рамки право (или нижний левый влево) до тех пор, пока ширина изображения не будет равна 600%. Смотри скриншот ниже. Edit > Transform > Perspective Pull.
    перспектива фотошоп
  10. Выделите все изображение. Выделение -> Все (горячие клавиши CTRL + A), или Select > All
  11. Снова повторите пункты 9 и 10.
  12. Команды Трансформирование -> Масштабирование, установите значение высоты на уровне 50%. Edit > Transform > Scale (height 50%)
    масштабирование фотошоп
  13. Не снимая выделение, кадрируйте изображение при помощи команд Изображение -> Кадрирование, или Image > Trim
  14. Откройте снова вкладку «Каналы» (CHANNELS), выберите красный канал и нажмите на клавишу Q, чтобы добавить быструю маску.
  15. Возьмите градиент от белого к черному и проведите им вертикально сверху вниз так, чтобы он проходил через все изображение.
  16. Снова нажмите на клавишу Q, чтобы отключить быструю маску.
  17. Залейте полученное выделение 50% серым цветом.
  18. Снимите выделение (клавиши CTRL + D) и выберите зеленый канал. Добавьте быструю маску (клавиша Q),
  19. Возьмите градиент от белого к черному и проведите сверху вниз на протяжении 15-20% высоты изображения:
    градиент быстрой маски
  20. Снова нажмите клавишу Q для отключения быстрой маски.
  21. Залейте выделение 50% серым цветом.
  22. Включите все каналы (выберите RGB).
  23. Вернитесь в панель слои и примените размытие по Гауссу радиусом 1,5.
    У вас должно получиться такое изображение
    текстура воды
  24. Сохраните изображение в формате PSD, включив максимальную совместимость.

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

  1. Откройте исходное изображение в фотошоп, откадрируйте его при необходимости,
    добавить отражение воды в фотошопе
  2. Дублируйте слой (горячие клавиши CTRL + J),
  3. Изображение -> Размер холста (Image>Canvas Size), переведите единицы измерения в проценты и увеличьте высоту в 2 раза (200%). Не забудьте поместить изображение в верхнюю часть холста. Смотри скриншот ниже.
    м
  4. Дубликат слоя отразите по вертикали (Редактирование -> Трансформирование -> Отразить по вертикали) и переместите отражение ниже каринки:
    отражение в фотошоп
  5. Переведите фоновый слой в обычный. Возьмите инструмент «волшебная палочка» и выделите белый фон на нижнем слое, нажмите Delete на клавиатуре. Так мы получим прозрачность.
    прозрачность
  6. Измените порядок слоев: верхний слой — исходное изображение, отражение — на нижнем слое.
  7. Добавьте новый слой и расположите его под всеми слоями. Залейте нижнюю половину слоя голубым цветом.
    слой вода в фотошопе
  8. Снимите выделение и добавьте маску слоя к слою «Отражение». Свяжите слои «Отражение в нижележащим слоем «вода». Выберите инструмент «Градиент» от белого к черному и проведите им сверху вниз от центральной части изображения вниз (активна — маска слоя «Отражение»):
    градиент по маске слоя фотошоп
  9. Кликните по иконке маски слоя «Отражение» с зажатой клавишей CTRL — загрузится выделение:
    выделение маски слоя photoshop
  10. Теперь сделайте активным иконку слоя «Отражение» (просто кликните по ней) и примените фильтр Размытие -> Размытие в движении (Filter>Blur>Motion Blur,) с настройками 90º и смещение 10 px.
    размытие в движении
  11. Снимите выделение. Кликните по иконке слоя «Отражение» с зажатой клавишей CTRL — выделиться нижняя половина изображения. Команды Фильтр -> Искажение -> Стекло Filter — Distort — Glass. Здесь нужно нажать на иконку, как показано на скриншоте и через кнопку «загрузить текстуру» выбрать тот сохраненный файл «вода», который мы делали в первом шаге. Выставьте значения фильтра: искажение — 16, смещение — 2.
    загрузить текстуру в фильтр стекло
  12. Последний штрих, добавляющий реалистичности эффекту «Отражение в воде». Создайте новый слой поверх всех, сделайте узкую полоску выделения в середине иображения и залейте зеркальным градиентом от черного к прозрачному (проведите от центра выделения вверх):
    отражение в воде в фотошопе
    Снимите выделение и примените фильтр Размытие по Гауссу с радиусом 20px. Примените к верхнему слою режим наложения Мягкий свет (Soft Light) и уменьшите непрозрачность слоя до 80%:
    отражение в воде

 

2 комментария

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!