Эффект отражения в воде в Photoshop: пошаговая инструкция

100

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

В сегодняшней статье мы разберемся, каким образом можно создать отражение объекта в воде.

Выбор изображения для обработки

Для начала нужно выбрать изображение, которое мы будем обрабатывать. Так, как мы хотим создать отражение в воде, соответственно, на исходном изображении ее быть не должно.

Этап 1: подготавливаем изображение

  1. Начинаем с того, что создаем копию базового (фонового) слоя. Для этого нажимаем комбинацию клавиш Ctrl+J.Создание копии слоя в Фотошопе
  2. Для создания отражения потребуется дополнительное место на холсте. Поэтому переходим в меню “Изображение”, где щелкаем по строке “Размер холста”.Переход к настройке размера холста в Фотошопе
  3. В открывшемся окне в два раза увеличиваем значение высоты, а также, меняем положение исходной картинки, щелкнув по средней стрелке в верхней строке.Настройка размера холста в Photoshop
  4. В итоге внизу изображения добавится ровно столько же места (по высоте).Увеличение размера холста снизу в Photoshop
  5. Теперь нужно перевернуть изображение на верхнем слое. Для этого выделяем его нажатием клавиш Ctrl+T, затем правой кнопкой мыши щелкаем внутри выделенной области и в открывшемся списке жмем “Отразить по вертикали”.Отражение изображения по вертикали в Фотошопе
  6. Далее, зажав левую кнопку мыши, перетаскиваем перевернутое изображение в свободную часть холста.Перемещение выделенного изображения в Photoshop
  7. На этом подготовительная часть работы выполнена и переходим к следующему этапу.

Этап 2: создаем текстуру

  1. Заходим в меню файл и щелкаем по пункту “Создать”.Создание нового документа в Фотошопе
  2. Задаем одинаковые размеры ширины и длины (должны быть большие, например, 5000 пикселей) и нажимаем кнопку “Создать”.Создание нового документа в Photoshop
  3. Копируем фоновый слой нажатием клавиш Ctrl+J.Копирование слоя в Photoshop
  4. Переходим в меню “Фильтр”, где щелкаем по пункту “Добавить шум” (группа “Шум”).Фильтр Добавить шум в Фотошопе
  5. В качестве значения эффекта устанавливаем 65%, выбираем распределение по Гауссу, ставим флажок напротив опции “Монохромный”, после чего жмем OK.Настройка фильтра Добавить шум в Photoshop
  6. К этому же слою нужно применить фильтр “Размытие по Гауссу” (меню “Фильтр” – группа “Размытие”).Фильтр Размытие по Гауссу в Фотошопе
  7. В открывшемся окне настроек фильтра устанавливаем значение радиуса, равное 5 пикселям.Настройка фильтра Размытие по Гауссу в Photoshop
  8. Теперь нужно усилить контрастность слоя. Для этого жмем комбинацию Ctrl+M, чтобы открыть окно параметров “Кривые”. Двигая ползунки выставляем настройки примерно так, как показано на рисунке ниже. По готовности щелкаем OK.Настройка кривых в Фотошопе
  9. Сбрасываем цвета, т.е. черный – основной, белый – фоновый. Для этого нажимаем на клавиатуре клавишу D.Сброс цветов в Фотошопе
  10. Переходим в меню “Фильтр”, где щелкаем по пункту “Галерея фильтров”.Переход в Галерею фильтров в Photoshop
  11. Раскрываем группу “Эскиз”, где выбираем “Рельеф”. Для детализации и смещения выставляем значения, равные 2. Для параметра света выбираем вариант – “снизу”.Настройка фильтра Рельеф в Фотошопе
  12. Нам нужен еще один фильтр “Размытие в движении” (меню “Фильтр” – группа “Размытие”).Выбор фильтра Размытие в движении в Фотошопе
  13. Выставляем смещение, примерно, в диапазоне 35-40 пикселей. Угол должен быть нулевым.Настройка фильтра Размытие в движении в Photoshop
  14. Когда текстура готова, перемещаем ее на наше изображение с помощью зажатой левой кнопки мыши.Перемещение изображения на другую вкладку в ФотошопеДля этого нужно предварительно выбрать инструмент “Перемещение”, который доступен в боковом меню программы слева.Выбор инструмента Перемещение в Фотошопе
  15. Ждем, пока программа нас переключит на выбранную вкладку, наводим курсор на холст с изображением, после чего отпускаем левую кнопку мыши. В итоге Палитре слоев добавится слой с текстурой. А это значит, что мы все сделали верно.Новый слой с текстурой в Палитре слоев в Фотошопе
  16. Нажимаем клавиши Ctrl+T, чтобы выделить слой с текстурой. Т.к. его размеры значительно больше нашего холста, чтобы было удобнее работать с ним, меняем масштаб. Для этого можно одновременно нажать клавиши Ctrl и “-“, или ввести желаемое значение в соответствующем поле в нижнем левом углу окна программы.Изменение масштаба в Фотошопе
  17. Сжимаем слой следующим образом:
    • нижнюю границу – по нижней линии холста
    • верхнюю границу – по линии, разделяющей оригинальное изображение и его перевернутую версию.Изменение размеров слоя в Фотошопе
  18. Затем нажимаем правой кнопкой мыши по любой точке в области холста и в открывшемся контекстном меню кликаем по строке “Перспектива”.Выбор пункта Перспектива в контекстном меню в Photoshop
  19. Зажав левую кнопку мыши тянем края выделенной области, выровняв верхние точки по ширине холста. Нижние точки аналогичным образом сжимаем, но не так много, оставив их за холстом. Должен получиться примерно следующий результат. Когда все готово, жмем клавишу Enter.Изменение перспективы слоя в Photoshop
  20. Переходим в Палитру слоев. Находясь на самом верхнем слое с текстурой, зажав клавишу Ctrl на клавиатуре, щелкаем по миниатюре слоя ниже (отраженному по вертикали изображению). Обращаем Ваше внимание, что кликнуть нужно именно по миниатюре слоя, а не по его названию.Выделение слоя с миниатюрой другого слоя в Photoshop
  21. Теперь жмем сочетание клавиш Ctrl+J, чтобы скопировать выделение в новый слой. В редакторе слоев появится новый слой с текстурой.Копирование слоя в Photoshop
  22. После этого прежний слой с текстурой можно удалить, нажав на значок в виде корзины внизу.Удаление слоя в Фотошопе
  23. Щелкаем правой кнопкой мыши по новому слою с текстурой и в открывшемся контекстном меню кликаем по команде “Создать дубликат слоя”.Создание дубликата слоя в Фотошопе
  24. В группе параметров “Назначение” указываем значение “Новый” и задаем название документа.Создание дубликата слоя
  25. В окне программе в отдельной вкладке откроется только что созданный дубликат с текстурой.Открытый документ в Фотошопе
  26. Теперь приступаем к удалению к холста прозрачных пикселей. Для этого переходим в меню “Изображение”, в которой выбираем пункт “Тримминг”.Тримминг в Фотошопе
  27. Из предложенных вариантов останавливаемся на выполнении процедуры на основе “Прозрачных пикселов”, после чего жмем кнопку OK.Настройка Тримминга в Photoshop
  28. В результате нам удалось убрать прозрачную часть холста.Результат Тримминга в Фотошопе
  29. Сохраняем полученную текстуру в файл с расширением “psd” (Photoshop). Для этого переходим в меню “Файл”, выбираем пункт “Сохранить как”.Сохранение документа в Фотошопе
  30. В открывшемся окне выбираем папку для сохранения, проверяем формат файла и его имя (задавать повторно не нужно, так как мы это уже сделали ранее), после чего жмем кнопку “Сохранить”.Сохранение документа в Photoshop

Этап 3: создаем отражение

Теперь можно приступить, непосредственно, к долгожданному созданию самого отражения.

  1. Убираем видимость самого верхнего слоя с текстурой и переключаемся на слой с отраженным изображением.Отключение видимости и переключение между слоями в Фотошопе
  2. Переходим в Галерею фильтров, расположенную в меню “Фильтр”.Переход в Галерею фильтров в Photoshop
  3. Раскрываем группу “Искажение”, в которой выбираем фильтр “Стекло”. Щелкаем по значку в виде списка, и затем – по появившейся команде “Загрузить текстуру”.Выбор и настройка фильтра Стекло в Фотошопе
  4. Открываем ранее сохраненную текстуру в формате “psd”.Загрузка текстуры для фильтра Стекло в Фотошопе
  5. Настраиваем параметры искажения и смягчения на свое усмотрение (ориентироваться можно на наши значения). При этом, корректировать значение масштаба не нужно.Настройка фильтра Стекло в Photoshop
  6. Переключаемся на слой с текстурой и включаем его видимость обратно. В параметре “Режим наложения” выбираем вариант “Мягкий свет” и уменьшаем непрозрачность (ориентировочно, до 20-30%).Настройка режима наложения и непрозрачности слоя в Photoshop
  7. В целом, можно сказать, что все сделано. Однако есть небольшой нюанс. Дело в том, что в водной глади отражаются не только горы, трава и т.д. Нельзя забывать и про небо. Отражение объекта в воде в Фотошопе
  8. Поэтому, создаем новый пустой слой, нажав на специальный значок в палитре.Создание нового слоя в Фотошопе
  9. Берем за образец цвет нашего неба (с помощью инструмента “Пипетка”) и заливаем новый слой, используя “Заливку”, которую можно выбрать на боковой панели.Заливка слоя цветом в Фотошопе
  10. Размещаем этот слой над слоем с отраженным изображением, после чего зажав клавишу Alt на клавиатуре щелкаем по границе межу слоем с отраженным изображением и слоем с залитым цветом.Комбинация Alt+клик при работе со слоями в Фотошопе
  11. Создаем слой-маску, нажав на соответствующий значок в редакторе слоев.Создание слоя-маски в Фотошопе
  12. На боковой панели инструмента выбираем инструмент “Градиент”.Выбор инструмента Градиент в Photoshop
  13. Щелкнув по стрелке вниз рядом с текущим вариантом градиента, раскрываем список, в котором выбираем “От черного к белому”.Выбор градиента в Фотошопе
  14. Находясь на слое с маской, зажав левую кнопку мыши, тянем градиент от точки чуть выше верхней границы вниз, но не до конца, а примерно как показано на рисунке ниже.Заливка слоя градиентом в Фотошопе
  15. Должен получиться примерно такой результат.Создание отражения объекта в Photoshop
  16. Устанавливаем непрозрачность слоя с залитым цветом примерно на уровне 50-60%.Настройка непрозрачности слоя в Photoshop
  17. На этом можно сказать, что наша работа по созданию отражения гор в воде завершена.Отражение объекта в воде в Фотошопе

Заключение

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

ОСТАВЬТЕ ОТВЕТ

Введите свой комментарий
Пожалуйста, введите свое Имя