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

Обновлено: 03.07.2024

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

Имитация отражения в воде

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

Подготовка

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

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

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

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

Создадим новый документ большого размера с равными сторонами (квадратный).

Значение эффекта выставляем в 65%

Радиус выставляем в 5%.

Значение детализации и смещения выставляем в 2, свет – снизу.

Смещение должно быть 35 пикселей, угол – 0 градусов.

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

Не отпуская кнопку мыши, ждем открытия документа и помещаем текстуру на холст.

В блоке «Назначение» выбираем «Новый» и даем название документу.

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

После нажатия кнопки ОК вся прозрачная область в верхней части холста будет обрезана.

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

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

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

Это будет сохраненный на предыдущем этапе файл.

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

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

Делаем имитацию отражения на воде в Photoshop

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

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

Этап 1: Подготовительный

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

На этом подготовительный этап завершен. Дальше будем накладывать фильтры и текстуры.

Этап 2: Создание текстуры

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

Специально для текстуры создайте новый документ. Чтобы вызвать интерфейс создания и настройки нового документа, нажмите в верхнем меню на кнопку «Файл» и выберите из контекстного меню пункт «Новый». Также можно воспользоваться сочетанием горячих клавиш – Ctrl+N.
Появится окошко создания нового документа со всеми настройками. Что-то менять здесь не нужно. Единственное, вам потребуется сделать новый документ квадратного вида с большим разрешением. В поля «Ширина» и «Высота» установите значения примерно 2000 или больше пикселей. Нажмите «Ок» для создания нового документа.

Этап 3: Наложение созданной текстуры

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

В левой панели с инструментами выберите инструмент «Перемещение». С его помощью перетащите слой с текстурой прямо во вкладку с основным изображением. Фотошоп позволяет это делать.
Расположите текстуру в нижней части изображения, где планируете сделать воду. Скорее всего она получилась сильно большая и поэтому слишком выходит за пределы рабочего холста. Для исправления этого включите свободное трансформирование с помощью сочетания клавиш Ctrl+T.
С помощью появившихся манипуляторов по краям изображения отрегулируйте размер текстуры так, чтобы она более-менее ровно вписывалась в рабочую область.
Также нам потребуется немного подредактировать перспективу для текстуры. Кликните по ней правой кнопкой мыши и выберите из контекстного меню вариант «Перспектива».
Сжимаем верхний край изображения до ширины холста. Нижний край так же сжимаем, но меньше. Затем снова включаем свободное трансформирование и подгоняем размер под отражение (по вертикали). Нажмите Enter для выхода из режима свободного трансформирования.
В данный момент мы находимся на верхнем слое, который трансформировали. С зажатой клавишей Ctrl кликните по слою, расположенным под ним. Это нужно, чтобы создать выделение.

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

Этап 4: Создание отражения

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

Привет, всем! Рад вас видеть на моих уроках. Сегодня тема супер интересная: мы разберем как в фотошопе сделать отражение. Столько всего классного можно придумать и сделать с фотографией! Экспериментируя и добавляя зеркальные отражения в свои работы, можно добиться очень крутых результатов. Здесь вы найдете ссылку на крутой курс фотошопа с 0.

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

На поверхности

Отражать мы с вами будем веселого Губку Боба. Для того, чтобы было легко работать, наша картинка скачана в формате PNG с прозрачным фоном. Так нам не придется удалять и вырезать лишние части.

Для начала выбираем слой с Губкой Бобом и сочетанием клавиш Ctrl+J делаем копию. Теперь создаем его отражение с помощью функции «Отразить по вертикали».

Мы будем зеркалить нашего весельчака от пола, то есть отражение будет находиться снизу, если вам нужно будет отразить объекты, находящиеся сбоку от поверхности (стены, зеркала или др.), то можно использовать функцию «Отразить по горизонтали».

Для этого переходим в верхнем меню по пункту «Редактирование», далее «Трансформирование» и «Отразить по вертикали».

Теперь отраженный слой перетаскиваем под оригинальный и совмещаем картинки. Уже похоже на отражение, правда?

Для большей правдоподобности можно уменьшить непрозрачность слоя.

Как мы знаем, зеркальные поверхности бывают разные, и объекты могут находиться под разными углами к ним. Для того, чтобы это показать можно использовать инструмент «Искажение» (он находится там же, где и «Отразить по вертикали»). После его активации просто тянем за нужный нам угол объекта, и изображение изменится.

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

Работаем со слой-маской

Если мы хотим, чтобы на поверхности отражалась только часть объекта, можно использовать слой-маску. Маска работает таким образом, что рисуя на ней черным цветом, мы скрываем часть изображения.

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

Напротив нашего слоя появилась маска, нажимаем на нее. В левом меню инструментов выбираем «Градиент» и выбираем «Линейный градиент» сверху в настройках. Основной цвет выставляем черный, дополнительный – белый, как показано на скрине.

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

Для этого протянем линию градиента от отражения головы до ног. После того, как мы отпустим кнопку мыши, часть отражения Губки Боба уже не будет видна. Мы получили плавное рассеивание отражения вдаль.

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

Делаем отражение в воде

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

Для этого мы так же, как в предыдущем примере, отражаем нашу картинку по вертикали и уменьшаем её непрозрачность до 50%.

Чтобы сделать наше отражение больше похожим на поверхность воды можно использовать несколько способов.

Создаем эффект волны

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

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

Вот что получилось. Теперь Губка Боб действительно отражается от воды.

Еще один фильтр фотошопа, который также можно использовать для создания эффекта волны – «Зигзаг». Он находится там же, где и фильтр «Волна».

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

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

А теперь посмотрим на конечный результат. По-моему, вышло очень здорово!

Делаем отражение в очках

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

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

Сразу уменьшаем нашу картинку, поворачиваем и перемещаем на место очков. Инструментом «Лассо» (гор. клавиша англ. «L») выделяем часть города для одной из линз.

Кликаем по выделению правой кнопкой мыши и выбираем «Вырезать на новый слой». Часть города обрежется и станет отдельным слоем.

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

Теперь инструментом «Прямоугольная область» (горячая клавиша англ. «M») полностью выделяем наш правый кусочек. В верхнем меню выбираем «Фильтр» – «Искажение» – «Сферизация».

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

Вот такая штука получилась. Теперь уменьшаем её, подгоняя формой и размером под линзу.

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

Вот что у нас вышло. Объединим слои с частями города в один. Для этого кликнем по первому слою правой кнопкой мыши и выберем «Объединить с предыдущим».

Теперь нам нужно создать маску для наших линз. Чтобы это сделать выбираем инструмент «Кисть» (или используем англ. клавишу «B»).

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

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

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

Теперь выделена только необходимая нам часть!

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

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

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

В заключении

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

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

А еще всегда здорово изучать новое вместе, поэтому делитесь этим уроком в социальных сетях со своими друзьями! На этом у меня все, до новых встреч, друзья!

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

Открываем её в Photoshop . Двумя кликами по замочку разблокируем Основной слой (Background). Теперь нам нужно добавить пространства, которое будет заполнено водой. Заходим Изображение - Размер холста (Image-Canvas Size) и увеличиваем высоту в два раза :

Дублируем слой с фотографией . Отразим его по вертикали : Редактирование-Трансформирование-Отразить по вертикали и расположим дубликат ниже оригинала. Получили зеркальное отражение.

Ниже слоя Отражение создайте новый слой и назовите его Вода, залейте его синим цветом ( это в моём случае , настройки цвета конечно же индивидуальные. К слою Отражение добавляем маску, нажатием соответствующей иконки внизу панели слоёв . Заливаем её прямым градиентом от черного к белому, таким образом наше отражение "растворяется в воде"

Нажимаем Ctrl+клик по пиктограмме маски, появится выделение видимой части.

Переключимся с маски к самому отражению , далее жмем Фильтр - Размытие - Размытие в движении (Filter-Blur-Motion Blur), ставим Угол (Angle)-90, Смещение (Distance)-10 pix.

Не надолго отодвинем изображение замка и займёмся созданием водной ряби .

Для этого создаем новый документ размером 1000 x 2000px в RGB . Заходим в Фильтр - Шум - Добавить шум (Filter-Noise-Add Noise), ставим Эффект (Amount) на максимум и включаем флажок Монохромный (Monochromatic)

Следующим шагом будет Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur) ,устанавливаем значение Радиуса -2 px :

Переключимся на панель Каналы (Channels). Выбираем красный канал, жмем Фильтр-Стилизация-Тиснение (Filter-Stylise-Emboss), и устанавливаем значения: Угол (Angle)-180, Высота (Height)-1 и Эффект (Amount) выкручиваем на максимум :

Тот же фильтр применяем к зеленому каналу, но Угол (Angle) ставим 90

Включаем все каналы, активным делаем RGB и переходим к панели Слои (Layers). Разблокируем Фон (Background) :

Теперь нам нужно растянуть нижнюю часть, для создания перспективы. Заходим Редактирование-Трансформирование-Перспектива (Edit-Transform-Perspective) и тянем нижние углы в стороны как показано ниже:

Дальше заходим в Изображение-Размер изображения (Image-Image Size), уменьшаем высоту до 1000 px (не сохраняем пропорции) т.е. получаем квадратное изображение :

Должно получиться что то подобное:

Сохраняем этот файл в PSD формате и закройте .

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

Заходим Фильтр-Искажение-Смещение (Filter-Distrort-Displace), ставим Масштаб по горизонтали (Horizontal Scale)-30 , Масштаб по вертикали (Vertical scale)-60. Так же ставим метки Растянуть (Stretch to Fit) и Повторить граничные пикселы (Repeat Edge Pixels):

После нажатия кнопки OK появится диалоговое окно открытия файла, выбираем PSD, сохраненный во втором шаге. После этого картинка принимает такой вид:

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

Осталось доработать некоторые мелочи. Во-первых затемним те области, где вода соприкасается с землей. Создайте новый слой, при помощи инструмента Прямоугольное выделение создайте в нем узкое выделение в этом месте и залейте его черным Редактировать - Выполнить заливку (Edit- Fill).

Снимите выделение CTRL+D и примените Фильтр-Размытие-Размытие по Гауссу(Filter-Blur-Gaussian blur) с радиусом - 20px.

Меняем режим смешивания слоя на Мягкий свет (Soft Light), а также снижаем Opacity до 80%.

Добавляем корректирующий слой Слой -Новый корректирующий слой -цветовой тон/насыщенность (Layer -New Adjustment Layer-Hue/Saturation) и ставим Насыщенность (Saturation)-30:

Добавляем ещё один корректирующий слой - Черно - белое (Add a Black and White), используйте из Набора (пресет) Зелёный фильтр (Green filter preset). Меняем режим слоя на Перекрытие (Overlay), непрозрачность (Opacity) - 30%.

И последний корректирующий слой - Слои - Новый слой заливка - Градиент (Gradient) от прозрачного к черному, стиль - Радиальный (Radial), Масштаб (Scale) - 150%. Режим смешивания слоя меняем на Мягкий свет (Soft Light), Непрозрачность (Opacity) ставим 30%.

Вот и результат :

Автор: Aaron Chua

Автор: NON. Дата публикации: 05 февраля 2014 . Категория: Обработка фотографий в фотошопе.

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

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

Урок сделан в версии фотошопа CS3 , но может быть легко выполнен в любой версии фотошопа.

Посмотреть другие приёмы работы с каналами Вы можете здесь

Откроем исходное изображение.

Сделаем активным инструмент " Быстрое выделение " ( W ) и выделим воду, на которой будем делать отражение. Вы можете использовать любой удобный для Вас инструмент выделения. Так как с первого раза обычно точного выделения создать не удаётся, то используйте две кнопки на панели параметров инструмента " Быстрое выделение " со значком плюса и со значком минуса. А ещё лучше использовать горячие клавиши Shift (для добавления) и Alt (для вычитания) выделенной области.

Перейдём в палитру " Каналы " и сохраним созданное выделение в виде отдельного альфа-канала. Для чего достаточно нажать на второй слева иконке в палитре " Каналы ".

Снимаем выделение - Ctrl+D .

Теперь опять активизируем инструмент " Быстрое выделение " ( W ) и выделим небо. Копируем выделение в буфер обмена - нажимаем горячие клавиши Ctrl+C .

Снимаем выделение - Ctrl+D .

Загружаем выделение из альфа-канала - нажимаем сочетание клавиш Ctrl+Alt+4 .

Переходим в " Выделение - Модификация - Растушевка ".

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

Переходим в " Редактирование - Вклеить в ".

Получаем вот такой промежуточный результат.

Вызываем " Свободное трансформирование " ( Ctrl+T ), правой кнопкой щёлкаем внутри рамки трансформации и в раскрывшемся списке выбираем пункт " Отразить по вертикали ".

Перемещаем небо так, как нам надо и применяем трансформирование - Enter .

Меняем режим наложения верхнего слоя на " Мягкий свет " (попробуйте и другие режимы наложения).

Получаем вот такой красивый эффект.

Выбираем инструмент "Кисть" ( В ) со стандартными установками, за исключением непрозрачности, которую ставим примерно на 15-20%, На переднем плане чёрный цвет.

Чтобы вода не была такой слишком синей, "проходимся" по ней кистью. Вот так выглядит маска слоя.

Мы с Вами получили простой и красивый эффект отражения на воде.

Посмотреть другие приёмы работы с каналами Вы можете здесь

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Читайте также: