Эффект отражения в воде в Photoshop
В этом уроке я расскажу, как создать отражение дерева в воде с помощью программы Photoshop. Мы будем использовать инструменты «Свободная трансформация» (Free Transform) и различные фильтры штатные фильтры Photoshop.
Водная поверхность редко бывает зеркально гладкой, обычно она имеет рябь или волны. Как имитировать отражение предмета, в нашем случае, дерева, я расскажу в данном уроке.
Для выполнение данной работы Вам понадобится исходная фотография, её Вы сможете скачать по ссылкам внизу страницы.
Вот что получится у нас в результате. Чтобы посмотреть, как выглядит исходное фото, наведите мышку на картинку:
Итак, давайте приступим.
Переворачиваем изображение
Открываем исходное изображение дерева в 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), документ заполнится дымчато-серым:
Затем выберите Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur), задайте радиус 80 и нажмите кнопку ОК.
Создайте обтравочную маску для этого слоя.
Нажмите Ctrl+T для активации инструмента «Свободная трансформация». Кликните правой клавишей мыши в центре холста и выберите из контекстного меню «Искажение» (Distort).
Сделайте трансформацию слоя, как показано на рисунке:
Нажмите Enter. Вот как выглядит теперь документ и панель слоёв:
Измените режим наложения слоя на «Мягкий свет» (Soft Light) и уменьшите его непрозрачность но 65%:
В результате поверхность станет волнистой:
Вот, собственно, и всё.
Скачать исходное изображение для урока:
Эффект отражения на воде в Photoshop CS6
В этом уроке вы научитесь добавлять реалистичное отражение изображения на воде. Не смотря на то что, в этом уроке много шагов, на самом деле они достаточно просты. Прочитав, данный урок вы узнаете как с лёгкостью создать отражение для любго типа объектов фотографии.
Чтобы создать рябь на воде мы будем использовать фильтры, а так же режимы трансформирования, для сгибов и искажения изображение, придавая ему нужную форму.
В качестве исходного изображения я буду использовать это изображение:
Шаг 1. Откройте изображение с девушкой в Photoshop CS6. Посмотрите на панель слоёв, и вы увидите, что изображение с девушкой открылось в качестве фонового слоя.
Чтобы продублировать этот слой перейдите в меню Layer > New > Layer via Copy (Слои — Новый — Скопировать на новый слой) или нажмите Ctrl + J, чтобы выбрать ту же команду при помощи горячих клавиш.
В палитре слоёв появилась копия оригинального слоя, под названием Layer 1. Расположена она выше фонового слоя.
Шаг 2. Теперь добавим дополнительное пространство в нижней части изображения для создания воды. Для этого перейдите в меню Image > Canvas Size (Изображение — Размер холста).
В открывшемся диалоговом окне поставьте галочку возле опции Relative (Относительная), введите размеры ширины 0 процентов и высоты 100 процентов.
В параметре Anchor (расположение) выберите верхний центральный квадратик. Тем самым мы добавим дополнительное пространство только в нижней части изображения. В параметре Canvas extension color (Цвет расширения холста) установите белый.
Нажмите кнопку OK, чтобы закрыть диалоговое окно и применить все настройки. В нижней части изображения у вас должно появиться дополнительное пространство белого цвета.
Шаг 3. Далее нам нужно создать зеркальный эффект, используя изображение слоя Layer 1. Для этого перейдите во вкладку Select > All (Выделение — Все) или нажмите клавиши Ctrl + A в результате появится выделение.
Не снимая выделения, перейдите в меню Edit > Transform > Flip Vertical (Редактирование — Трансформирование — Отразить по вертикали).
Снимите выделение Select > Deselect (Выделение — Отменить выделение) или нажмите клавиши Ctrl + D.
Вот, что у вас должно получиться.
Шаг 4. Создайте копии всех слоёв на отдельном слое Ctrl + Shift + Alt + E. На рабочем холсте никаких изменений вы не увидите, но на панели слоёв вы заметите, что появился новый слой Layer 2.
Шаг 5. Выше всех слоёв создайте новый слой, для этого кликните по значку Create a New Layer (Создать новый слой) внизу панели слоёв.
На панели слоёв появится ещё один слой Layer 3.
Шаг 6. Залейте новый слой Layer 3 белым цветом. Для этого зайдите во вкладку Edit > Fill (Редактирование — Выполнить заливку) или нажмите Shift + F5 на клавиатуре.
В открывшемся диалоговом окне заливки установите Use (Использовать) — White (Белый), Mode (Режим) — Normal (Обычный), Opacity (Непрозрачность) 100%.
Нажмите кнопку OK, чтобы закрыть диалоговое окно. В результате слой Layer 3 заполнится белым цветом.
Шаг 7. Нам необходимо применить фильтр Halftone Pattern (Полутоновый узор), чтобы добавить горизонтальные линии на слое Layer 3. Но перед этим убедитесь, что цвет переднего плана установлен чёрный и заднего плана — белый.
Самый быстрый способ установить цвета по умолчанию — нажать клавишу D на клавиатуре.
Чтобы прменить данный фильтр, перейдите во вкладку Filter > Filter Gallery > (Фильтр — Галерея фильтров).
В результате откроется большая галерея фильтров. Перейдите в раздел Sketch (Эскиз) и выберите фильтр Halftone Pattern (Полутоновый узор).
Справа в окне настроек измените такие параметры: Pattern Type (Тип узора) — Line (Линия), Size (Размер) — 10, Contrast (Контрастность) — 4.
Нажмите кнопку OK, чтобы закрыть окно галерей фильтров. Вот, что у вас должно получиться в этом шаге.
Шаг 8. Убедитесь, что у вас выбран слой Layer 3. Нажмите Ctrl + клик по миниатюре слоя Layer 1.
В результате загрузится выделение только для нижней части всего изображения.
Шаг 9. Перейдите во вкладку Edit > Transform > Perspective (Редактирование — Трансформирование — Перспектива).
Выберите нижний правый или левый маркер и переместите его за пределы изображения. В результате второй маркер будет двигаться в противоположном направлении. При перетаскивании обратите внимание на линии: в нижней части они станут толще, а в верхней части тоньше. Такой манёвр делает рябь на воде более реалистичной.
Мы работаем только с нижней частью изображения, потому что воду и отражение на ней мы будем добавлять только в нижнюю часть изображения.
Когда вы закончите, то нажмите OK, чтобы применить все преобразования, а затем снимите выделение.
Шаг 10. Мы будем использовать этот слой для создания карты смещения, но для начала необходимо сохранить его в виде отдельного документа. Зайдите в меню Layer > Duplicate Layer (Слои — Создать дубликат слоя).
В открывшемся диалоговом окне в параметре Document (Документ) установите New (Новый).
Нажмите OK, чтобы закрыть диалоговое окно. Данный слой будет открыт как новый документ на отдельной вкладке под названием Untitled-1.
Шаг 11. Все, что нам необходимо сделать с новым документом — это сохранить его и закрыть. Для этого зайдите во вкладку File > Save As (Файл — Сохранить как).
В открывшемся окне измените название документа на water-ripples, убедитесь, что формат документа PSD. Данный файл должен быть сохранён, как документ Photoshop, он будет работать в качестве карты смещения. Для удобства сохраните данный файл на рабочем столе вашего компьютера. Нажмите кнопку Save (Сохранить), чтобы сохранить файл и закрыть его.
При сохранении, возможно, у вас откроется дополнительное окно о выборе максимальной совместимости, просто нажмите OK.
Теперь, когда мы сохранили документ, можете закрыть его.
Шаг 12. Возвращаемся к исходному документу. Слой Layer 3 с полосками нам больше не нужен, поэтому вы можете его удалить. После удаления в палитре слоёв должно остаться три слоя.
Шаг 13. Теперь мы можем начать применять фильтры к изображению, чтобы создать эффект отражения на воде. Но прежде чем начать, преобразуйте слой Layer 2 в смарт-объект. Таким образом, фильтры будут применяться к этому слою, как смарт-фильтры. Это означает, что они всегда будут доступны для редактирования. Выберите слой Layer 2 и нажмите на значок меню в верхнем правом углу на панели слоёв.
В результате откроется меню с различными командами, среди них выберите команду Convert to Smart Object (Преобразовать в смарт-объект).
Вы не увидите никаких изменений на рабочем хосте, а в панели слоёв в правом нижнем углу на миниатюре слоя Layer 2 появится значок смарт-объекта.
Шаг 14. Для начала применим фильтр размытия. Для этого перейдите в меню Filter > Blur > Motion Blur (Фильтр — Размытие — Размытие в движении).
В открывшемся окне размытия измените значение угла на 90 градусов, ползунок смещения я переместил на 6 пикселей, так как моё изображение с низким разрешением. Если у вашего изображения высокое разрешение, то значение для смещения установите выше.
Нажмите кнопку OK, чтобы закрыть диалоговое окно. Вот, что у вас должно получиться:
Шаг 15. Далее приступим к созданию ряби на воде, с помощью карты смещения, которую мы только что создали. Зайдите в меню Filter > Distort > Displace (Фильтр — Искажение — Смещение).
На самом деле данный фильтр состоит из двух частей: во-первых, необходимо изменить настройки в диалоговом окне применяемого фильтра; а затем мы будем использовать файл с горизонтальными полосами. В диалоговом окне измените Horizontal Scale (Масштаб по горизонтали) 4, Vertical Scale (Масштаб по вертикали) 0, Displacement Map (Схема искривления) — Stretch To Fit (Растянуть), Undefined Areas (Неопределённые области) — Repeat Edge Pixels (Повторить граничные пиксели).
Нажмите кнопку OK, чтобы закрыть первое диалоговое окно. После этого откроется второе диалоговое окно, в котором нужно будет выбрать файл для карты смещения. Выберите файл water-ripples.psd и нажмите Open (Открыть).
Как только мы откроем файл, Photoshop автоматически применит карту смещения ко всему изображению, создавая эффект ряби на воде.
Обратите внимание на панели слоёв чуть ниже слоя Layer 2 имеются два смарт-фильтра и они полностью доступны для редактирования. Так что если вас не устраивает данный эффект, то вы всегда сможете подкорректировать любой параметр смарт-фильтра. Для этого просто кликните дважды по нужному смарт-фильтру.
Шаг 16. Нам необходимо спрятать эффект ряби в верхней части изображения, для этого мы воспользуемся маской слоя. Убедитесь, то у вас выбран слой Layer 2, нажмите Ctrl + клик по миниатюре слоя Layer 1.
Тем самым мы загрузим выделение для нижней части изображения.
При активном выделении к слою Layer 2 добавьте маску, кликнув по иконке Add layer Mask (Добавить слой-маску) в нижней части палитры слоёв.
Обратите внимание, на миниатюре маски слоя Layer 2 верхняя половина заполнилась чёрным цветом. Это означает, что мы скрыли рябь в верхней части изображения.
Шаг 17. Для завершения данного эффекта необходимо немного изменить оттенок воды, для этого мы будем использовать корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность). Так как нам необходимо применить данную коррекцию только для второй части изображения с рябью, то зажмите клавишу Alt и нажмите на значок Create new fill or adjustment layer (Создать новый корректирующий слой или слой заливку).
Из списка выберите Цветовой тон/Насыщенность.
Так как мы удерживали клавишу Alt, то прежде чем создастся корректирующий слой, откроется диалоговое окно нового слоя. Активируйте опцию Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски). Это говорит о том, что все действия корректирующего слоя будут влиять только на нижнюю половину изображения.
Нажмите OK для закрытия диалогового окна. После чего корректирующий слой добавится выше слоя Layer 2 с обтравочной маской.
В окне настроек корректирующего слоя установите галочку возле опции Colorize (Тонирование), ползунок Hue (Цветовой тон) переместите вправо до значения 210 для придания синего оттенка.
Шаг 18. И в заключительном шаге нам осталось понизить уровень непрозрачности для корректирующего слоя, примерно, до 25%.
Вот конечный результат:
Этот эффект отражения на воде особенно хорошо смотрится на пейзажных снимках. Вот ещё одно изображение, которое я использовал для работы.
А вот результат с отражением на воде. Единственное, что я изменил в настройках, это в фильтре Размытие в параметре смещения вместо 6 я установил значение 4 (Шаг 14), в Horizontal Scale (Масштаб по горизонтали) вместо 4 установил 1 (Шаг 15), чтобы сделать рябь более тонкой и в последнем шаге уровень непрозрачности я понизил до 10%, вместо 25%. Но если вы работаете с другим изображением, то и настройки могут быть отличными от моих.
Ссылка на источник урока.
Как создать эффект отражения в воде с помощью Photoshop
В программе Photoshop имеется один очень полезный, но не очень популярный инструмент — Карты смещения (Displacement Maps). Он незаменим при создании двумерных узоров, наложенных на складки или изгибы объекта с воспринимаемой глубиной. В этом материале я расскажу о применении «Карт смещения» на основе практического примера.
Вот фото, которое я взял для работы в этом примере:
И то, что у меня получилось в результате:
Давайте начнём. Открываем изображение в Photohop и, как обычно, с паомощбю нажатия клавиш Ctrl+J дублируем фоновый слой, для того, чтобы не повредить оригинал.
Т.к. мы будем добавлять изображение с отражением, ему потребуется дополнительное место, для этого в два раза увеличим холст изображения по вертикали. Идём по вкладке главного меню Изображение —> Размер холста (Image —> Canvas Size), переключаем единицы измерения на проценты, изменяем значение высоты на 200%, с помощью стрелок перемещаем переключатель расположения в положение показанное на рисунке и нажимаем ОК:
Развернём по вертикали на 180° наш верхний слой, для этого идём по вкладке Редактирование —> Трансформация —> Отразить по вертикали (Edit —> Transform —> Flip Vertical), после чего инструментом «Перемещение» (Move Tool) перетаскиваем слой вниз:
После того, как слой с перевёрнутым изображением занял своё место, создаём новый слой:
Заливаем его белым. Для этого задаём в цветовой палитре цвета по умолчанию и нажимаем клавиши Ctrl+Delete для заливки слоя фоновым цветом, в нашем случае, белым.
А теперь займёмся подготовкой Карты смещения.
Для начала идём в Фильтр —> Галерея фильтров (Filter —> Gallery), где выбираем Эскиз —> Полутоновый узор (Sketch —> Halftone Pattern).
В версиях ниже CS6 этот путь немного другой: Фильтр —> Эскиз —> Полутоновый узор или Filter —> Sketch —> Halftone Pattern.
Задаём следующие параметры узора, но параметр «Размер» (Size) следует корректировать в зависимости от размера изображения
- Размер (Size)- 7
- Контрастность (Contrast) — 50
- Тип узора (Pattern Typpe) — Линия (Line)
В результате на новом слое получится вот такая матроска (или зебра):
Прежде чем мы сможем использовать наши черные и белые линии как водную рябь, мы должны их сгладить и создать равномерные, плавные переходы между ними. Для этого воспользуемся размытием по Гауссу. Перейдите по вкладке Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Смотрите на окно рабочего документа и увеличивайте значение радиуса в диалоговом окне фильтра пока переходы между линиями не станут плавными. В этом примере я использую маленькое изображение, поэтому мне подходит значение 4, но чем выше разрешение изображения, тем значение будет больше:
Теперь необходимо создать создать новый документ из нашего слоя с линиями, этот документ мы будем использовать как карту смещения для ряби воды. На данный момент у нас активен слой с линиями. Откройте вкладку главного меню «Слой» (Layer) и выберите пункт «Дубликат слоя» (Duplicate Layer), после чего откроется диалоговое окно. В окне, в разделе Назначение» (Destination), нажмите на стрелку вниз справа от опции «Документ» и выберите «Новый» (New), с этой опцией из слоя будет создан новый документ PSD:
Нажмите ОК для выхода из диалогового окна, и наш слой с полосками откроется в виде нового документа в рабочем окне Фотошопа.
Этот вновь созданный документ будет нашей картой смещения, но, прежде чем мы сможем его использовать, мы должны его сохранить. После сохранения нужно его закрыть, т.к. в открытом виде он нам больше не понадобится. При попытке его закрыть, Photoshop выдаст обычное диалоговое окно, где нажмите кнопку «Да»:
Теперь слой с полосками следует удалить из основного документа, он нам больше не нужен:
Нажмите комбинацию клавиш Shift+Ctrl+Alt+E для того, чтобы два имеющихся в панели слоя слились в новом слое:
Применение фильтра Карты смещения (Displacement Maps)
Пройдите по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), откроется диалоговое окно, где задайте следующие параметры:
Масштаб по горизонтали (Horizontal Scale) — 4
Масштаб по вертикали (Vertical Scale) 0
Растянуть (Stretch To Fit) — установить галку
Повторить граничные пиксели (Repeat Edge Pixels) — установить галку
Нажмите кнопку ОК в правом верхнем углу диалогового окна, и Photoshop откроет окно, где будет предложено выбрать файл, который будет использоватся в качестве карты смещения.
Выберите файл, который вы только что сохранили, у меня он называется «Карта Смещения.psd», и затем нажмите кнопку Открыть. Photoshop применит карту ко всему изображению, создавая имитацию ряби воды:
Теперь у нас появилась небольшая проблема на данный момент. Мы добавили эффект отражения в воде ко всему изображению, а нужно только к нижней половине. Мы можем это легко исправить, используя маску слоя.
Во-первых, зажимаем клавишу Ctrl и кликаем непосредственно на для слоя над фоновым в панели слоёв:
Вы увидите, как в рабочем документе появится выделение вокруг нижней половины изображения. Затем нажмите на иконку создания маски (активным должен быть верхний слой!) и в увидите, как у верхнего слоя появилась чёрно-белая маска, закрывающая верхнюю часть изображения верхнего слоя:
В окне документа в верхней половине отображается фоновый слой, т.к верхний слой скрыт маской, а внизу отображается верхний. Почти готово!
Теперь, думаю, следует размыть разделительную линию между нижней и верхней половиной в маске. Для этого (а сейчас у нас активна маска, в панели слоёв вокруг неё имеется белая рамка, если рамки нет, то кликните по миниатюре маски) примените фильтр «Размытие по Гауссу» со значением радиуса 4.
И давайте сделаем хотя бы намёк на цвет отражения. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), примените к нему обтравочную маску, чтобы он применялся только к верхнему слою, поставьте галку у пункта «Тонирование» (Colorize), сдвиньте ползунок «Цветовой тон» (Hue) на значение примерно 218 и задайте значение непрозрачности около 25% :
Ну вот, в принципе и всё, смотрим на готовое изображение:
Как сделать отражение в воде в Фотошопе
В этом уроке мы будем создавать реалистичное отражение в воде в Adobe Photoshop.
В этом уроке вы научитесь создавать реалистичное отражение в воде, используя техники Adobe Photoshop. Будут использованы относительно не простые приемы, но каждое действие детально описано, так что выполнить их сможет даже новичок.