В фотошопе эффект зеркала: Новинки IT-индустрии, обзоры и тесты компьютеров и комплектующих

Создаем эффект зеркального фрактала в Фотошоп / Creativo.one

Что мы будем создавать:

Музыкальные клипы — отличный источник творческих визуальных эффектов. В клипе Pillowtalk от Zayn Malik присутствует огромное количество интересных визуальных эффектов. Один из них – это появление зеркала, которое разбивается на несколько вертикальных полос. Посмотрите на видео примерно 2:12 минуту, чтобы увидеть этот эффект зеркального фрактала.

В этом уроке мы рассмотрим легкий способ имитации этого эффекта в Photoshop.

Скачать архив с материалами к уроку

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

1. Подготовка эффекта

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

Шаг 1

Исходная фотография очень важна. Я решил остаться в том же ключе – и использовать в качестве исходного материала мужской портрет на черном фоне. Envato Market предлагает отличное изображение с привлекательным мужчиной.

Шаг 2

Откройте фотографию в Photoshop и с помощью инструмента Crop Tool ( Рамка) (C) обрежьте изображение снизу, чтобы остались только голова и шея. Очень важно оставить побольше горизонтального пространства для создания эффекта и соответствия широкоэкранному формату в видео.

Шаг 3

Создайте копию фонового слоя через меню Layer > New > Layer Via Copy (Слой > Новый > Скопировать на новый слой) (Ctrl+J).

Шаг 4

Создайте новый слой через меню Layer > New > New Layer (Слой > Новый > Новый слой) (Shift-Control-N) и назовите его Black. Поместите этот пустой слой в панели Layers (Слои) между фоновым слоем и Layer 1. 

Шаг 5

Перейдите в меню Edit > Fill (Редактирование > Заливка) и в выпадающем меню Content (Содержимое) установите Black (Черный), чтобы заполнить пустой слой черным цветом.

2. Создание фрагментов

Фактически фрагментирование отражения — достаточно простой и повторяющийся процесс. Ключ к созданию этой работы заключается в использовании разнообразной ширины полос.

Шаг 1

Убедитесь, что слой Layer 1 является текущим слоем и, используя инструмент

Rectangular Marquee Tool (Прямоугольная область выделения) (M), создайте высокое прямоугольное выделение вокруг правого уха мужчины.

Шаг 2

Перейдите в меню Layer > New> Layer Via Cut (Слой > Новый > Вырезать на новый слой) (Shift+Ctrl+J), чтобы вырезать выделение на отдельный слой.

Шаг 3

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

Шаг 4

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

Шаг 5

Скройте Layer 1 и сделайте видимыми все слои с полосками.

Шаг 6

Выберите крайний левый слой (скорее всего, он называется Layer 2) и с помощью Move Tool (Перемещение) (V) переместите его к левому краю холста. Затем переместите крайний правый слой в дальний правый край холста.

Шаг 7

Выберите все фрагменты, удерживая клавишу Shift, кликните по миниатюрам слоев с фрагментами. Затем перейдите в меню

Layer > Distribute > Horizontal Centers (Слой > Распределить > Центры по горизонтали). Это должно распределить фрагменты по всему холсту на одинаковом расстоянии друг от друга.

Шаг 8

Через меню Layer > Group Layers (Слой > Сгруппировать слои) (Ctrl+G) объедините все полоски в одну группу. Переименуйте группу в Mirror 1.

3. Дублируем эффект

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

Шаг 1

Кликните правой кнопкой мыши по группе слоев Mirror 1 и выберите Duplicate Group (Дублировать Группу), чтобы создать копию всей группы. Оставьте имя по умолчанию Mirror 1 copy. Затем кликните правой кнопкой мыши по копии группы и выберите пункт Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 2

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и примените размытие

радиусом (Radius) 2.5 px.

Шаг 3

Инструментом Move Tool (Перемещение) (V) сдвиньте размытый слой Mirror 1 copy влево, чтобы заполнить часть пустот, оставленных оригинальным фрагментированным зеркалом. Затем нажмите пару раз на клавишу со стрелкой вверх, чтобы немного поднять слой.

Шаг 4

С помощью Layer > Duplicate Layer (Слой > Дублировать Слой) дублируйте смарт-объект и назовите его Mirror 3, а затем переместите его, чтобы заполнить правую сторону холста. В панели

Layers (Слои) поместите этот объект под Mirror 1 copy. 

Шаг 5

Добавьте больше полосок из копии фонового слоя при помощи того же метода, что и раньше, расположите их по холсту и объедините их вместе в группу Mirror 4. Позаботьтесь о том, чтобы размер новых полос отличался от предыдущих.

Шаг 6

Дублируйте группу Mirror 4, кликнув правой кнопкой мыши по ней и выбрав Duplicate Group (Дублировать Группу). Затем преобразуйте ее в смарт-объект, используя то же контекстное меню.

Шаг 7

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) и установите радиус (Radius) 3 px. Затем сдвиньте размытый слой в крайнее правое положение и расположите в панели Layers (Слои) под группой Mirror 4.

Шаг 8

Добавьте маску группе Mirror 4 через меню Layer > Layer Mask > Reveal All (Слой > Слой-маска > Показать все). Затем с помощью

Gradient Tool (Градиент) (G) протяните линейный черно-белый градиент от правого угла к центру холста. Это скроет зеркальный эффект этой группы и проявит нижний размытый слой.

Шаг 9

Дублируйте смарт-объект Mirror 4 copy, переместите дубликат в крайнее левое положение и уменьшите Opacity (Непрозрачность) до 30%. Затем поместите его в панели Layers (Слои) под группой Mirror 1.

Шаг 10

Добавьте корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) выше всех слоев. Установите

Saturation (Насыщенность) -27 и Lightness (Яркость) -13.

Вы закончили!

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

Автор: Kirk Nelson

Источник: design.tutsplus.com

Как сделать эффект отражения в воде в Photoshop CS6 — Российское фото

В этом уроке мы научимся создавать реалистичное отражение объекта в воде. Шагов в уроке будет много, но на деле спецэффект простой. С его помощью можно обработать любую фотографию (хотя лучше для этого подходят те снимки, где воды изначально не было). Мы добавим рябь на воде с помощью пары фильтров Photoshop, в том числе фильтра Displace, где для искривления и искажения изображения предстоит создать и применить специальную карту смещения. Также в этой версии урока задействована возможность фотошопа создавать смарт-фильтры, которые позволят нам в самый последний момент подправить действие фильтра.

Этот снимок мы берем за основу:

Оригинальный снимок

А вот какое отражение мы получим в итоге:

Конечный результат

Шаг 1: Создаем копию слоя

Background Layer

Первый шаг — сделать копию оригинала. Он находится в слое Background Layer, в настоящий момент он у нас в панели слоев единственный:

Панель слоев с оригинальным снимком Background Layer

Мы создадим его копию, открыв Layer в меню, расположенном в верхней части экрана, и нажав New, а затем Layer via Copy. Еще можно нажать Ctrl + J (Win) / Command + J (Mac) на клавиатуре, так будет быстрее:

Открываем Layer > New > Layer Via Copy

Photoshop создает копию слоя с названием Layer 1, мы видим ее в панели слоев над слоем Background Layer:

Панель слоев с новым слоем Layer 1

Шаг 2: Добавляем снизу дополнительное пространство

Теперь давайте увеличим холст, добавив внизу место для нашего отражения. Открываем в верхнем меню Image и выбираем Canvas Size:

Открываем Image > Canvas Size

Photoshop откроет диалоговое окно Canvas Size. В первую очередь ставим галочку перед опцией Relative. Потом задаем ширину Width 0 Percent и высоту Height 100 Percent (убедитесь, что у вас выставлено именно Percent, а не Pixels, Inches или что-либо другое).

Под опцией Relative находится поле Anchor 3 × 3 клетки. Выберите среднюю клетку в верхнем ряду. Photoshop добавит дополнительное пространство в низу фотографии. И хотя это не критично, но для того, чтобы знать, что мы все делаем одинаково, в опции Canvas extension color, которая находится в нижней части диалогового окна, выберите White:

Задаем размеры холста

Закончив, закройте диалоговое окно, нажав OK. Теперь наш холст стал вдвое больше, снизу добавился кусок белого цвета:

Снизу добавился холст белого цвета

Шаг 3: Перевернем вертикально фотографию в слое

Layer 1

Теперь надо перевернуть фотографию в слое Layer 1, расположив ее вверх ногами под оригиналом, что даст нам эффект зеркального отражения. Для этого откройте Select в верхней части экрана и выберите All или же нажмите Ctrl + A (Win) / Command + A (Mac) на клавиатуре. Таким образом мы выбираем весь слой Layer 1, по его краям вы увидите контур:

Выбираем Select > All

После этого открываем меню Edit, затем Transform, затем Flip Vertical:

Открываем Edit > Transform > Flip Vertical

Фотография переворачивается вверх ногами по отношению к оригиналу, как нам и требовалось. Прежде чем двигаться дальше, давайте уберем контур выделения. Для этого мы заходим в меню Select и выбираем Deselect либо нажимаем Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Выбираем Select > Deselect

Теперь у нас под оригинальной фотографией появилось ее зеркальное отражение:

Мы перевернули слой Layer 1 вертикально

Шаг 4: Объединим два этих слоя в один

Теперь нам нужно объединить оригинал и отражение в одном слое. Самый простой способ — сделать это с клавиатуры. Нажмите Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Как будто бы ничего не изменилось, но в панели слоев появился новый слой Layer 2, а на его миниатюре слева от названия мы видим, что он объединил в себе оба слоя, которые находятся под ним:

Слои Background Layer и Layer 1 теперь объединены в новом слое Layer 2

Шаг 5: Добавим чистый слой

Blank Layer

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

Нажимаем на иконку New Layer

С изображением ничего не происходит, но в панели слоев в самом верху добавляется новый слой Layer 3:

Панель слоев с новым чистым слоем Layer 3

Шаг 6: Заливка нового слоя белым цветом

Новый слой необходимо залить белым. Для этого откройте Edit в верхней части экрана и выберите команду Fill:

Открываем Edit > Fill

Photoshop откроет диалоговое окно Fill. В опции Use, которая находится сверху, выберите White и убедитесь, что в опции Mode, которая находится ниже, установлено Normal, а значение Opacity — 100 %:

Опции Fill

Нажмите OK, окно закроется, и Photoshop зальет слой Layer 3 белым. На время он скроет из вида все остальное:

Так выглядит наше изображение после того, как слой Layer 3 залили белым

Шаг 7: С помощью фильтра

Halftone Pattern создаем черные и белые горизонтальные линии

Теперь с помощью одного из фильтров Photoshop — Halftone Pattern — расчертим белый слой Layer 3 черными и белыми горизонтальными линиями. Но предварительно следует убедиться, что цвета переднего и заднего планов выставлены по умолчанию (черный передний план и белый задний план). Это необходимо потому, что фильтр Halftone Pattern зависит от цветов переднего и заднего плана, а для целей данного урока нам необходимо, чтобы это были черный и белый цвета.

Проще всего восстановить настройки по умолчанию, нажав клавишу D (Defaults) на клавиатуре. В цветовых ячейках в нижней части панели инструментов вы должны увидеть, что слева вверху находится черный цвет (цвет переднего плана), а справа внизу — белый цвет (заднего плана):

Судя по цветовым ячейкам, цвета переднего и заднего планов заданы по умолчанию

Убедившись, что с цветами все нормально, выберем фильтр Photoshop CS6 Halftone Pattern. Он находится в галерее фильтров Filter Gallery. Открываем в верхнем меню Filter и выбираем Filter Gallery:

Открываем Filter > Filter Gallery

Открывается огромная галерея фильтров, большую часть которой занимает расположенная слева зона предварительного просмотра. В среднем столбце находятся фильтры, разнесенные по различным категориям. Найдите категорию Sketch, щелкните по ее названию, и вы увидите список находящихся в ней фильтров. Выбираем Halftone Pattern:

Открываем категорию Sketch и выбираем фильтр Halftone Pattern

В правом столбце галереи фильтров появляются опции для настройки фильтра Halftone Pattern. Сначала выбираем Line в качестве Pattern Type. Затем, наблюдая за изменениями в зоне предварительного просмотра, сдвигаем ползунок Size, регулируя число черных и белых горизонтальных линий. Это наша будущая рябь на воде. Установим значение 10. Ниже находится ползунок Contrast, регулирующий четкость границ этих линий. Чем меньше значение, тем мягче эта граница. Нам понадобятся довольно мягкие линии, так что выставим Contrast 4:

Правый столбец с настройками фильтра Halftone Pattern

Нажмите OK, галерея Filter Gallery закроется, применив фильтр к слою Layer 3. Теперь у вас должно получиться нечто в таком роде:

Изображение после применения фильтра Halftone Pattern

Шаг 8: Выделяем нижнюю половину изображения

Убедитесь, что у вас все еще выбран слой Layer 3 (он должен быть выделен синим цветом в панели слоев), после чего, удерживая клавишу Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре слоя Layer 1:

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Выделится нижняя половина слоя Layer 3 (возможно, на скриншоте это не очень хорошо видно):

Выбрана нижняя половина слоя Layer 3

Шаг 9: Применяем команду

Perspective Transform

В верхней части экрана выберите Edit, затем Transform, затем Perspective:

Открываем Edit > Transform > Perspective

По углам нижней части слоя появляются манипуляторы (маленькие квадратики). Щелкните мышью по нижнему левому или нижнему правому и переместите его немного от центра. Перемещая только один из них, вы увидите, что второй тоже смещается в противоположном направлении. Обратите внимание, что линии в нижней части слоя становятся толще, а у центра — тоньше. Это фильтр Perspective создает ощущение перспективы, что сделает нашу рябь более реалистичной, поскольку расстояние между кругами на воде будет увеличиваться пропорционально удалению от края:

Отводим левый манипулятор влево. Правый самостоятельно смещается вправо

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

Закончив, нажмите Enter (Win) / Return (Mac), потом Ctrl + D (Win) / Command + D (Mac), чтобы убрать контур выделения (также можно открыть меню Select в верхней части экрана и выбрать Deselect, как мы уже делали раньше). Теперь у вас должно получиться нечто подобное:

Слой после применения команды Perspective Transform

Шаг 10: Создаем копию слоя в новом документе

Из этого слоя мы сделаем карту смещений, но для начала нам нужно сохранить его в отдельном документе. Перейдите в меню Layer и выберите Duplicate Layer:

Открываем Layer > Duplicate Layer

Photoshop откроет диалоговое окно Duplicate Layer. В опции Document, которая находится в нижней половине окна, выберите New:

В опции Document устанавливаем New

Нажав OK, закройте диалоговое окно. Новый документ Photoshop откроется в новой вкладке. В верхней части экрана справа от первого документа появится вкладка с новым документом. Поскольку мы еще не задали его название (сделаем это сейчас), он называется Untitled-1:

Нажимая на вкладки, можно переключаться между открытыми документами

Шаг 11: Сохраним и закроем новый документ

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

Нажимаем File > Save As

Откроется диалоговое окно Save As. Назовем свой документ water-ripples. Под названием файла находится опция Format, мы установим Photoshop.PSD, поскольку для создания карты смещений нам надо сохранить его как документ Photoshop. Не забудьте, куда вы сохраняете файл, чтобы потом его было просто найти. Сохраним файл в папке на рабочем столе. Закончив, нажмите Save, файл будет сохранен, а диалоговое окно закроется:

Дайте своему файлу название и сохраните его как Photoshop.PSD

Примечание: в зависимости от настроек Photoshop может открыться еще одно окно с опцией Maximize Compatibility. В таком случае просто нажмите OK и закройте окно.

Мы сохранили новый документ, так что теперь можно закрыть его, нажав на крестик рядом с его названием на вкладке. Вы заметите, что теперь у него новое название вместо Untitled-1 (в моем случае — water-ripples.psd). А оригинальный документ остается открытым:

Закрываем новый документ, оставив оригинал

Шаг 12: Удаляем слой

Layer 3 в оригинальном документе

В оригинальном документе слой Layer 3 с линиями нам больше не нужен, так что выделите его в панели слоев и нажмите Backspace (Win) / Delete (Mac) на клавиатуре. Теперь у вас должно остаться три слоя, выделен верхний слой Layer 2:

Панель слоев после удаления слоя Layer 3

Шаг 13: Преобразуем слой

Layer 2 в смарт-объект

Теперь мы готовы перейти к редактированию отражения с помощью фильтров, но сначала давайте преобразуем этот слой в смарт-объект. Таким образом и фильтры станут смарт-фильтрами, а это значит, что мы сохраним полный контроль над настройками этих фильтров до самого конца. Активировав слой Layer 2, нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:

Нажимаем на кнопку меню в панели слоев

Открывается меню с опциями, управляющими слоями. Выбираем из списка вариант Convert to Smart Object:

Выбираем из списка вариант Convert to Smart Object

На первый взгляд как будто ничего и не произошло, но в правом нижнем углу миниатюры слоя Layer 2 появится значок Smart Object, а это значит, что операция выполнена успешно:

На миниатюре появился значок смарт-объект

Шаг 14: Применяем фильтр

Motion Blur

Давайте для начала немного размоем этот слой. В верхней части экрана выберите Filter, затем Blur, затем Motion Blur:

Открываем Filter > Blur > Motion Blur

В диалоговом окне Motion Blur установим значение Angle 90°, чтобы задать вертикальное направление размытия, после чего сдвинем ползунок Distance, который находится в нижней части окна, немного вправо, добавив небольшое размытие (передвигая ползунок, следите за изображением). Установим Distance 6 пикселей, но в данном случае фотография с небольшим разрешением. Если разрешение выше, то и число должно быть больше:

Открывается диалоговое окно с опциями фильтра Motion Blur

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

Фотография после применения фильтра Motion Blur

Шаг 15: Применяем фильтр

Displace

Теперь давайте создадим рябь на воде при помощи недавно созданной карты смещения. Вернитесь в меню Filter, выберите Distort, затем Displace:

Открываем Filter > Distort > Displace

Наложение фильтра Displace состоит из двух этапов. Сначала мы с помощью нескольких опций зададим степень воздействия карты смещения на пиксели изображения, а затем выберем файл, который будет служить картой смещения. Основные опции мы зададим в появившемся диалоговом окне Displace. Нам понадобится горизонтальное искажение, похожее на расходящиеся в стороны круги на воде, для этого мы воспользуемся опцией Horizontal Scale, которая находится в верхней части окна. Зададим значение 4, но поскольку мы работаем со смарт-фильтром, в любой момент можно будет вернуться и изменить его.

Вертикальное движение нам не нужно, поэтому в опции Vertical Scale остается 0. Наконец, в опции Displacement Map выберите Stretch To Fit, а в опции Undefined Areas — Repeat Edge Pixels, если это не задано по умолчанию:

Задаем основные опции Displace

Нажав OK, закройте диалоговое окно. Появится второе окно, где мы выберем карту смещения. Откройте папку, в которую вы в 11-ом шаге сохранили файл water-ripples.psd. Выберите его и откройте при помощи кнопки Open:

Выбираем карту смещения

Когда мы открываем файл, Photoshop сразу же применяет карту смещения ко всему изображению, создавая ощущение водной ряби (опять же не переживайте, в следующем шаге мы это исправим):

Фотография после применения фильтра Displace

На панели слоев под слоем Layer 2 мы видим два смарт-фильтра (Motion Blur и Displace). Хотя мы уже наложили оба этих фильтра, мы еще можем отрегулировать их. Если вы хотите попробовать изменить настройки, например, поменять значение Distance для фильтра Motion Blur или значение Horizontal Scale фильтра Displace, откройте любой из них двойным щелчком из панели слоев, и снова появится соответствующее диалоговое окно. В конце этого урока вы увидите, что настройки фильтра, которые дают превосходный результат на одной фотографии, не обязательно будут так же хорошо смотреться на другой. Всегда остается поле для экспериментов, поэтому наличие смарт-фильтров крайне полезно:

Под слоем Layer 2 находятся оба смарт-фильтра. Двойной щелчок откроет вам возможность отрегулировать их настройки

Шаг 16: Добавляем маску слоя

Теперь давайте уберем рябь с верхней половины фотографии с помощью маски слоя. Выбрав Layer 2, нажмите Ctrl (Win) / Command (Mac) на клавиатуре, а мышью выберите миниатюру слоя Layer 1:

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Вокруг нижней части фотографии появится контур выделения:

В этот раз выделена нижняя половина снимка

В нижней части панели слоев выбираем Layer Mask:

Нажимаем Layer Mask

В панели слоев появится миниатюра маски слоя Layer 2, ее верхняя половина будет черная, а это значит, что она теперь скрыта из вида, а нижняя, белая, остается видна:

Панель слоев с новой маской слоя

Теперь рябь на воде видна только в нижней части изображения, а сверху — нетронутая оригинальная фотография:

Фотография после создания маски

Шаг 17: Раскрасим воду, создав новый слой для регулирования

Hue/Saturation

Завершим работу над спецэффектом, немного изменив оттенок воды. Для этого нам понадобится новый корректирующий слой, но поскольку мы хотим отредактировать только нижнюю часть изображения, не забудьте нажать Alt (Win) / Option (Mac) на клавиатуре и мышью выбрать иконку New Adjustment Layer в нижней части панели слоев:

Удерживая Alt (Win) / Option (Mac), нажмите на иконку New Adjustment Layer

Из появившегося списка корректирующих слоев выберите Hue/Saturation:

Добавим слой для корректировки Hue/Saturation

Когда мы удерживаем Alt (Win) / Option (Mac), Photoshop открывает диалоговое окно для создания нового слоя, прежде чем его добавить. Выберите опцию Use Previous Layer to Create Clipping Mask. Photoshop «обрежет» корректирующий слой по слою, который находится ниже, то есть изменения будут затрагивать только нижнюю половину изображения (чтобы понять, как это работает, см. урок «Основы работы с Clipping Masks в Photoshop»):

Выбираем опцию Use Previous Layer To Create Clipping Mask

Нажмите OK, и диалоговое окно закроется, а Photoshop добавит новый слой для работы с Hue/Saturation непосредственно над слоем Layer 2 (с маской):

Корректирующий слой Hue/Saturation, ограничивающийся слоем Layer 2

Управлять новым слоем будем через панель Properties panel. Сначала отмечаем опцию Colorize. Потом передвигаем ползунок Hue вправо примерно до 210, чтобы получить красивый голубой оттенок:

Опции Hue/Saturation в панели Properties

Вот что получилось, когда мы раскрасили нижнюю половину голубым:

Отражение в воде стало голубым

Шаг 18: Понижаем непрозрачность корректирующего слоя

Остался последний шаг: снизить непрозрачность корректирующего слоя, чтобы сделать добавленный голубой оттенок деликатнее. Опция Opacity находится в правом верхнем углу панели слоев. Снизим ее примерно до 25 %:

Значение Opacity снижено до 25 %

И все, готово! Вот окончательный вариант спецэффекта отражения в воде после снижения непрозрачности корректирующего слоя:

Конечный результат

Очень хорошо этот эффект смотрится и на пейзажах. Покажем его на примере одного снимка:

Оригинальный пейзаж

Фотография после создания спецэффекта. В этот раз мы задали значение опции фильтра Motion Blur Distance 4 пикселя вместо 6 (шаг 14), в фильтре Displace (шаг 15) использовали значение Horizontal Scale всего 1 вместо 4, сделав всего лишь едва заметную рябь, а в последнем шаге (шаг 18) снизили Opacity корректирующего слоя Hue/Saturation до 10 % вместо 25 %. Как видите, конкретные показатели зависят от фотографии, так что экспериментируйте и оценивайте результат каждый раз заново:

Еще один пример применения того же спецэффекта.

Удачи вам!

Эффект отражения в воде в 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 – мощный графический редактор, который позволяет выполнять обработку изображений любой сложности – от простого изменения размеров, обрезки, поворота до имитации определенных явлений или эффектов.

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

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

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

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

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

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

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

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

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

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

Заключение

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

Создание отражений объектов в Photoshop

© Автор: Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

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

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

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

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

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

На фото 1 и 2 камера расположена почти на одном уровне с поверхностью, от которой отражается предмет. Линия схода изображения предмета и его отражения — прямая или точка, если предмет имеет сферическую форму (яблоко на фото 2). Сам предмет и его отражение в этом случае имеют практически одинаковый размер. Можно ли такое отражение создать в фотошопе? Легко!

Создание отражения в фотошоп.

На фото 3 камера находится немного выше, примерно на средней линии самого предмета. Как выглядит отражение? В случае с пластиковой картой все очень просто, карта плоская и расположена перпендикулярно к линии «взгляда» камеры. Искажение из-за перспективы незначительное, можно отражение немного уменьшить по вертикали, но если поверхность не зеркальная, то размытость или полупрозрачность слоя с отражением сделает это искажение несущественным. Отражение делаем точно так же как в первом случае. А если карту повернуть или наклонить?

Как расположится отражение карты? Как такое отражение сделать? Для этого в фотошопе есть возможность Transformation.

Отражение пластиковой карты.

А как нарисовать отражение предмета кубической формы, параллелепипеда? Рассмотрим фото 5.

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

Создание отражения куба.

На фото 6 все еще сложнее. Стакан цилиндрической формы и линия соприкосновения изображения и его отражения — кривая. Можно ли такое отражение сделать в фотошопе? Не так просто, как в первом случае, но можно!

Создание отражения от предмета цилиндрической формы.

А что насчет апельсина? Глазом мы видим срез апельсина и часть корки, а от поверхности отражается его наружная часть – оранжевая корка.

Рассмотрим еще фото 7, чашка с кофе. Уровень взгляда выше самого предмета. В данном случае от полированной поверхности отражается та часть предмета, которой вообще не видно на самом изображении, а именно нижняя часть чашки. При перспективе сверху вниз, изображение уменьшается книзу и отражение тоже. Вот только верх и низ у изображения и зеркального отражения разные!

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

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

Если очень нужно сделать что-то такое, можно создать отдельно отражение всех ножек стола, размытое и полупрозрачное, разместить их как положено, учитывая перспективу, а затем нарисовать полупрозрачное нечто, имитирующее отражение столешницы снизу.

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

Фотографируйте предметы с отражениями, рисуйте их или используйте программы 3D-графики.

При использовании статьи ссылка на автора и источник статьи обязательна.

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

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

Делается это довольно просто.

Для примера используем это фото пляжа.

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

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

Нажмите Ctrl + T, чтобы активировать режим произвольного трансформирования. Кликните по холсту правой кнопкой мыши и выберите пункт «Отразить по вертикали».

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

Перейдите в меню Фильтр> Размытие> Размытие в движении. Установите угол на 90 градусов. Это предаст отражению эффект поверхности воды.

Это основной эффект. Теперь создадим несколько его вариантов.

Добавьте маску слоя, нажав в палитре слоев на иконку прямоугольника с кружком внутри.

Выберите инструмент «Градиент» и установите для него «От переднего плана к заднему плану» и «Линейный».

Нажмите клавишу D, чтобы сбросить цвета.

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

Вернитесь к шестому шагу. С помощью инструмента «Лассо» создайте выделение в форме лужи.

Создайте новый слой и залейте его цветом фона.

Перетащите фигуру лужи ниже слоя отражения в палитре. Удерживая нажатой клавишу ALT, переместите курсор мыши между слоями лужи и отражения в палитре слоев. После этого вы увидите, как курсор превратится в стрелку. Кликните левой кнопкой мыши.

Теперь отражение будет ограничиваться границами лужи. Это группа отсечения.

Выделите слой с лужей и перейдите в меню Фильтр> Размытие> Размытие по Гауссу. Он смягчит края отражения в луже. Значение размытия будет зависеть от разрешения используемого изображения.

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

Вот результат.

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

Не забудьте при необходимости замаскировать нижнюю часть колес.

Я надеюсь, вам понравилось это руководство.

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

Данная публикация является переводом статьи «HOW TO MAKE REFLECTIONS AND PUDDLES OF WATER IN PHOTOSHOP» , подготовленная редакцией проекта.

Как сделать в фотошопе зеркальное отражение. Очень подробная инструкция. | Pixelbox.ru — Дополнения и уроки по Фотошопу

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

Я покажу как сделать зеркальное отражение на примере этих фруктов. Откройте фотографию в фотошопе.

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

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

Нажмите CTRL+C — чтобы скопировать выделенное изображение. После этого нажмите CTRL+V чтобы вставить изображение, оно автоматически появится на новом слое. Так мы продублировали изображение фруктов. Из этой копии мы и сделаем отражение.

Теперь нажмите на CTRL+T появится форма трансформирования. Нажмите на фрукты правой кнопкой мыши, появится меню — выберите пункт «Отразить по вертикали». Этим самым мы перевернули изображение.

Переместите отраженные фрукты вниз.

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

Теперь для этого слоя сделайте непрозрачность 40%, чтобы зеркальное отражение было реалистичным и немного прозрачным.

Получится вот так:

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

Теперь возьмите инструмент Градиент и настройте его так, чтобы он был переходом от черного цвета к прозрачному. Именно черный цвет скрывает изображение через маску.

Теперь тяните градиент снизу вверх. Зажатая клавиша SHIFT поможет сделать переход идеально ровным по вертикали.

На этом все. Зеркальное отражение готово.

Автор урока — Александр Акимов

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как создавать отражения в Photoshop

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

Вот результат лужи.

Шаги просты.

Step 1

Начнем с нашей фотографии. Я снял это на пляже. (Спасибо, Джордж, что предоставил мне доступ к этой машине).

Step 2

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

Шаг 3

Нажмите Ctrl / Cmd + J Чтобы скопировать выделение на новый слой

Шаг 4

Нажмите Ctrl / Cmd + T бесплатно transform

Щелкните правой кнопкой мыши и выберите «Отразить по вертикали».

Шаг 5

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

Шаг 6

Выберите «Фильтр»> «Размытие»> «Размытие в движении»

Установите угол 90. Это даст эффект водянистости.

Это основной эффект. Чтобы добавить вариацию, давайте ее приглушим.

Шаг 7 — вариант 1, блеклое отражение

Добавьте маску слоя, нажав кнопку маски слоя на панели слоев.(прямоугольник с кругом в нем)

Шаг 8

Выберите инструмент градиента и установите его от переднего плана к фоновому и линейному

Нажмите клавишу D, чтобы сбросить цвета.

Шаг 9

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

Шаг 10. Вариант 2, лужа.

Для второго варианта, лужа, вернитесь на шаге №6.

Инструментом «Лассо» выделите форму лужи.

Шаг 11

Создайте новый слой (кнопка + на панели слоев)

Залейте цветом фона. Нажмите Cmd + Delete на Mac Ctrl + Backspace в Windows.

Шаг 12

Перетащите фигуру лужи под отражающий слой на панели слоев.

Удерживая нажатой клавишу alt / option, переместите курсор между слоями лужи и отражения на панели слоев. Вы увидите, как курсор превратится в стрелку. Щелкните

Теперь отражение находится внутри лужи.Это группа отсечения.

Step 13

Выберите Filter Blur> Gaussian Blur на слое лужи. Это смягчит края и смешает лужу. Сумма будет зависеть от разрешения вашего изображения. Выберите степень размытия, которая кажется вам естественной.

Step 14

Уменьшите непрозрачность слоя лужи по своему вкусу.

И результат.

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

Затемните копию, чтобы она выглядела как пятно на земле там, где земля вокруг лужи влажная. (Я также замаскировал пятно в месте лужи, чтобы сама лужа не потемнела).

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

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

Рад видеть вас здесь, в CAFE

Колин

Как сделать отражение в Photoshop CC — Путь

Бекки Килимник, 23 сентября, 2019

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

В приведенном ниже руководстве по Photoshop используйте фотографию, на которой продукт находится на уровне глаз, как на изображении объектива ниже. Это сделает создание отражения более легким процессом по сравнению с созданием отражения наклонного объекта, которое намного утомительнее и сложнее. Если продукт снимается на белом фоне, этот процесс еще проще.

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

Как отразить или нарисовать симметрию

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

Как нарисовать симметрию в фотошопе?

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

Как добавить маску слоя

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

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

1. Увеличьте свой холст
2. Выберите свой объект
3. Дублируйте и отразите ваш объект
4. Создайте идеальную симметрию со своим отражением
5. Добавьте маску слоя
6. Очистить тени

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

Шаг 1. Увеличьте холст

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

В появившемся диалоговом окне щелкните стрелку привязки, указывающую прямо вверх (верхний средний квадрат матрицы привязки), и установите высоту холста, равную удвоенной исходной высоте.

Шаг 2. Выберите объект

В данном конкретном изображении изображение имеет белый фон.Однако мы не хотим отражать тень, только объект. Для этого используйте инструмент Magic Wand (расположенный на панели инструментов в левой части окна приложения) и выберите Выбрать тему . Фотошоп создаст подборку вашего изделия.

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

Шаг 3. Дублируйте и отразите ваш объект

Не снимая выделения с продукта, скопируйте объект, набрав CTRL + C (COMMAND + C на Mac).Затем вставьте продукт, набрав CTRL + V (COMMAND + V на Mac). Изолированный продукт должен автоматически появиться в новом слое.

Выберите новый слой и продублируйте его, выбрав « Слои> Дублировать слой… » в раскрывающемся меню в верхней части окна приложения.

Переименуйте самый нижний слой в « Исходный ». Переименуйте слой 1 « Reflection », а копию слоя 1 « Product ». Убедитесь, что слой Reflection находится ниже слоя Product на панели «Слои».

Дополнительную информацию о работе со слоями см. В руководстве для начинающих по использованию слоев.

Шаг 4. Создайте идеальную симметрию с вашим отражением

Выберите слой Reflection на панели Layers и выберите Edit> Transform> Flip Vertical в раскрывающемся меню в верхней части окна приложения.

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

Шаг 5. Добавьте маску слоя

Как только продукт и его отражение будут правильно выровнены, создайте маску слоя, чтобы отражение постепенно исчезло. Чтобы добавить маску слоя к слою Reflection , щелкните значок маски в нижней части панели Layers .

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

На Панели инструментов установите черный цвет фона и белый цвет переднего плана.

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

Убедитесь, что маска слоя Reflection все еще выделена.Начиная с середины продукта, проведите прямую линию через изображение до нижней части отражения.

Результат будет похож на отражение.

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

Шаг 6. Удаление теней

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

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

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

1. Настройте холст
2. Создайте свое отражение
3. Создание текстуры воды в Photoshop
4. Слой искажения смещения
5. Создание карты смещения
6. Примените карту смещения
7. Добавьте глубины своей воде

Добавьте эффект ряби, чтобы объект выглядел так, как будто он сидит на воде.Этот эффект также хорошо работает, если вы хотите создать отражение человека в Photoshop — вы можете сделать так, чтобы ваша модель выглядела стоящей в воде или перед ней.

Шаг 1. Настройте холст

Если вы создаете отражение в воде, вы должны настроить слои так же, как вы это делали для отражения в стекле, с небольшими отличиями.

Установите темный, водянисто-синий цвет переднего плана.

Дважды щелкните слой Background , чтобы разблокировать его, если он еще не разблокирован.Назовите слой Original .

Отрегулируйте размер холста, чтобы изображение увеличилось вдвое. Убедитесь, что для цвета расширения Canvas установлено значение Background . Не забудьте установить якорь в верхний средний квадрант.

Нажмите ОК .

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

Выберите Select> Inverse из раскрывающегося меню в верхней части экрана или нажмите SHIFT + CTRL + I (SHIFT + COMMAND + I на Mac), чтобы выбрать инверсию выбора.

Выберите « Правка»> «Заливка». или нажмите SHIFT + F5 (FN + SHIFT + F5 на ноутбуке Mac), чтобы залить инвертированное выделение синим цветом переднего плана.

Снова выберите Select> Inverse из раскрывающегося меню в верхней части экрана или нажмите SHIFT + CTRL + I (SHIFT + COMMAND + I на Mac), чтобы выбрать инверсию выбора.

Шаг 2. Создайте свое отражение

Скопируйте выделенную область, нажав CTRL + C (COMMAND + C на Mac), а затем вставьте выделение, нажав CTRL + V (COMMAND + V на Mac).Дублированное выделение автоматически появится на новом слое.

Переименуйте новый слой в Reflection , затем отразите слой по вертикали, как вы делали выше с отражением в стекле, выбрав Edit> Transform> Flip Vertical из выпадающего меню. Переместите отраженный слой вниз, пока его верх не выровняется всего на пару пикселей ниже нижней части изображения в исходном слое.

Затем, как вы сделали с отражением в стекле, добавьте маску слоя к слою Reflection и нарисуйте градиент от черного к белому внутри маски.Щелкните слой Reflection и уменьшите непрозрачность слоя примерно до 80%.

Шаг 3. Создайте текстуру воды в Photoshop

В своем документе создайте новый слой, выбрав Layer> New> Layer … или нажав SHIFT + CTRL + N (SHIFT + COMMAND + N на Mac).

Назовите новый слой Displacement и переместите его в верхнюю часть панели Layers .

Залейте слой белым цветом, выбрав « Правка»> «Заливка » в раскрывающемся меню или нажав SHIFT + F5 (FN + SHIFT + F5 на ноутбуке Mac) и выбрав «Белый» рядом с полем «Содержание» в диалоговом окне.

Нажмите ОК .

Выберите Фильтр> Шум> Добавить шум… из раскрывающегося меню в верхней части окна приложения.

В окне Noise переместите ползунок до упора вправо (400%). Выберите Gaussian в разделе Распределение и убедитесь, что установлен флажок Monochromatic .

Нажмите ОК .

Выберите Filter> Pixelate> Crystallize… из раскрывающегося меню в верхней части окна приложения.В диалоговом окне переместите ползунок, пока «кристаллы» не станут примерно такими же, как на изображении ниже.

Нажмите ОК .

Выберите Filter> Blur> Motion Blur … из раскрывающегося меню и установите угол на 0 градусов. Отрегулируйте ползунок, пока размытие не станет похоже на настоящую водную рябь.

Нажмите ОК .

Шаг 4: Искажение слоя смещения

Уменьшите масштаб документа до уменьшенного размера.

Щелкните слой Displacement и выберите все содержимое слоя, выбрав Select> All из раскрывающегося меню или набрав CTRL + A (COMMAND + A на Mac).

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

Щелкните любой инструмент на панели инструментов , чтобы изменения вступили в силу (нажмите OK , если появится диалоговое окно).

Выберите Edit> Transform> Distort из раскрывающегося меню. Возьмитесь за верх слоя и потяните его вниз, пока он не совместится с верхом слоя с отражением (другими словами, совместите его с горизонтом изображения).

Щелкните любой инструмент на панели инструментов , чтобы изменения вступили в силу (нажмите OK , если появится диалоговое окно).

Шаг 5. Создайте карту смещения

Скройте все слои, кроме слоя Displacement , щелкнув значок глаза рядом со слоями.

Выберите Select> All или нажмите CTRL + A (COMMAND + A на Mac) в раскрывающемся меню, чтобы выбрать весь слой.

Выберите Изображение> Обрезать в раскрывающемся меню. Это удалит все лишние «вещи», которые существуют за пределами рамки артборда (в противном случае ваша карта смещения может не выровняться правильно, когда вы ее примените).

Выберите Файл> Сохранить как… из раскрывающегося меню или нажмите SHIFT + CTRL + S (SHIFT + КОМАНДА + S), чтобы открыть диалоговое окно Сохранить как… .Сохраните документ как Displacement_Map с расширением .PSD в месте, которое вы сможете легко найти снова.

Нажмите ОК .

Шаг 6. Примените карту смещения

Скройте слой Displacement и сделайте видимыми слои Original и Reflection . Выберите слой Reflection на панели слоев.

Выберите Фильтр> Искажение> Смещение … в раскрывающемся меню.

В диалоговом окне установите для параметра Horizontal Scale значение выше 10. Возможно, вам придется поэкспериментировать, чтобы найти то, что выглядит лучше всего; чем выше значение, тем более заметной будет ваша «рябь». Установите для параметра Vertical Scale значение 0. Убедитесь, что выбраны Stretch to Fit and Repeat Edge Pixels are selected.

Нажмите ОК .

На экране появится окно просмотра.Выберите изображение, которое вы только что сохранили в качестве карты смещения, и нажмите Открыть .

Теперь к вашему отражению должен применяться эффект ряби.

Шаг 7. Добавьте глубины вашей воде

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

Установите режим наложения слоя Displacement на Overlay .

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

Готовы отточить свои навыки работы с фотошопом? Ознакомьтесь с этими бесплатными уроками.

Нет времени самому делать эти мелкие правки? Снимите их со своей тарелки с помощью аутсорсинга

Бекки Килимник

Bio: Имея более чем 18-летний опыт работы в качестве графического дизайнера, Бекки увлечена тем, что помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Эффект бесконечного зеркального отражения видео обратной связи в Photoshop Учебное пособие по Photoshop

www.psd-dude.com

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

Этот эффект создается путем добавления картинки к картинке в картинку с помощью инструмента изменения размера.

Твитнуть

Обратная связь по видео . — это процесс, который начинается и продолжается, когда видеокамера направлена ​​на собственный воспроизводящий видеомонитор.Похожий эффект — эффект Дросте или эффект бесконечного зеркала.

Откройте изображение в новом файле PSD. Изображения, которые отлично подходят для этого вида эффекта, — это компьютерные мониторы или экраны телевизоров, экраны мобильных телефонов, зеркала, рамки и т. Д.

Используйте инструмент «Перо» «Перо» , чтобы нарисовать форму экрана компьютера по вашему изображению. Назовите этот слой Mirror .

Нажмите Control-J , чтобы продублировать слой Your Image и поместить его над слоем Mirror .

Щелкните правой кнопкой мыши на слое Your Image Copy и выберите Create Clipping Mask .

Нажмите Control-T , чтобы изменить размер копии изображения в соответствии с формой экрана.

Выберите слой Your Image Copy и слой Mirror . Перетащите их на кнопку Create a New Group , чтобы поместить их в группу. Переименуйте группу Video Feedback 1 .

Создание эффекта зеркального отражения бесконечности

Щелкните правой кнопкой мыши группу на Дублировать группу .Назовите новую группу Video Feedback 2 .

Перейдите к слою Mirror внутри группы Video Feedback 2 и нажмите Control-T , чтобы изменить его размер в соответствии с меньшим экраном.

Перейдите к слою Your Image Copy внутри группы Video Feedback 2 и нажмите Control-T , чтобы изменить размер и переместить его в соответствии с меньшим экраном.

Повторите шаг Create the inifinity mirror effect столько раз, сколько захотите.Это действительно зависит от размера вашего изображения.

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

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

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

Если вы хотите узнать, как добавить рамку в Photoshop, ознакомьтесь с этим кратким руководством для начинающих.

БОНУС: вы получаете бесплатных экшенов Photoshop frame , которые включают 9 экшенов для кадрирования фотографий.

Если у вас нет Photoshop, вы можете попробовать онлайн-редактор фотографий MockoFun , который является бесплатной альтернативой Photoshop.MockoFun — отличный онлайн-редактор волшебных фотографий, в котором есть множество интересных функций, которые вы можете использовать бесплатно.

Сделайте свои фотографии более креативными всего за несколько простых шагов! Чтобы разместить фото в рамке в Интернете, не требуются продвинутые навыки редактирования фотографий.

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

РУКОВОДСТВО: Итак, если вы хотите научиться вставлять фото в рамку онлайн, ознакомьтесь с этим кратким руководством.Добавить рамку к фото онлайн действительно просто. Вы можете сделать это за 3 простых шага без продвинутых навыков редактирования фотографий.

Как создать эффект фрактального зеркала в Photoshop

Шаг 1

Откройте изображение объекта в Photoshop.

Шаг 2

Перейдите в Layer> Duplicate Layer. Назовите этот слой «Parts» и нажмите OK.

Шаг 3

Скройте фоновый слой.

Шаг 4

При активном слое «Parts» выберите инструмент Rectangular Marquee Tool (M) и сделайте выделение в левой части вашего объекта, как показано.

Шаг 5

При активном выборе перейдите в Слой> Новый> Слой через вырез.

Шаг 6

Скройте слой «Layer 1» и выберите слой «Parts».

Шаг 7

Снова выберите инструмент Rectangular Marquee Tool (M) и сделайте выделение в левой части вашего объекта, как показано.

Шаг 8

При активном выборе перейдите в Слой> Новый> Слой через вырез.

Шаг 9

Скройте слой «Layer 2» и выберите слой «Parts».

Шаг 10

Снова выберите инструмент Rectangular Marquee Tool (M) и сделайте выделение в левой части вашего объекта, как показано.

Шаг 11

При активном выборе перейдите в Слой> Новый> Слой через вырез. Скройте «Слой 3» и выберите слой «Части».

Шаг 12

Еще раз выберите инструмент Rectangular Marquee Tool (M) и сделайте выделение в левой части вашего объекта, как показано.

Шаг 13

При активном выборе перейдите в Слой> Новый> Слой через вырез.Скройте «Слой 4» и выберите слой «Части».

Шаг 14

В последний раз выберите инструмент Rectangular Marquee Tool (M) и выделите левую часть объекта, как показано.

Шаг 15

При активном выборе перейдите в Слой> Новый> Слой через вырез. Скройте «Слой 5» и выберите слой «Части».

Шаг 16

Переименуйте слой «Части» в «Слой 6» и снова сделайте все слои (кроме фона) видимыми.

Шаг 17

Выберите «Layer 1» и с помощью инструмента «Перемещение» (V) перетащите его влево, как показано.

Шаг 18

Выберите «Layer 2» и с помощью инструмента «Перемещение» (V) перетащите его влево, как показано.

Шаг 19

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

Шаг 20

Выберите все слои (кроме фона) и создайте новую группу слоев. Назовите эту группу «Размытие».

Шаг 21

Перейдите в Layer> Duplicate Group. Назовите эту группу «Front» и нажмите OK.

Шаг 22

Выберите группу слоев «Размытие» и перейдите в Слой> Смарт-объекты> Преобразовать в смарт-объект.

Шаг 23

Перейдите в Фильтр> Размытие> Размытие по Гауссу. Примените следующие настройки и нажмите ОК.

Шаг 24

Используя инструмент «Перемещение» (V), переместите слой «Размытие» влево, как показано.

Шаг 25

Сделайте видимым слой «Фон».

Шаг 26

Выбрав слой «Blur», перейдите в Layer> Layer Style> Color Overlay. Примените следующие настройки и нажмите ОК.

Шаг 27

Выберите группу слоев «Передний» и перейдите в Слой> Стиль слоя> Фаска и тиснение.В разделе «Контур глянца» выберите «Конус — перевернутый».

Шаг 28

По-прежнему в окне «Фаска и тиснение» примените следующие настройки и нажмите «ОК».

Шаг 29

Выделив группу слоев «Front», перейдите в Layer> New Fill Layer> Gradient. Назовите этот слой «Градиент», установите режим «Умножение», непрозрачность 65% и нажмите «ОК».

Шаг 30

Щелкните миниатюру градиента в окне градиентной заливки и выберите градиент «Черный, белый».

Шаг 31

Наконец, и чтобы закончить наш эффект фрактального зеркала, примените следующие настройки в окне Gradient Fill и нажмите OK.

Несколько заключительных слов

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

Эффект отражения фото — Planet Photoshop

Воссоздание эффекта отражения фотографий Apple iWeb

С выпуском Apple iWeb — замечательного инструмента для создания веб-сайтов — я получаю постоянный поток электронных писем, желающих узнать, как воссоздать изящный эффект отражения фотографий, который появляется вверху страниц iWeb и в слайд-шоу (вот образец). Добавление такого отражения — очень простой способ добавить глубины и изысканности вашим фотографиям.

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

Те из вас, кто слушал мой совет по графике на шоу Your Mac Life, знают, что сейчас я немного очарован драконами (я на полпути к «Старшему» Кристофера Паолини). Имея это в виду, я отправился на iStockphoto.com и поискал комбинацию ключевых слов: фантазия дракона.И чтобы доказать, что iStockphoto действительно имеет идеальное изображение для любого проекта, (сияет от гордости) посмотрите, что я нашел:

Подготовка фото

Шаг 1: Откройте фотографию «Скоро будет красиво отражено» и сразу же продублируйте фоновый слой, нажав Command + J (ПК: Ctrl + J).

СОВЕТ: Если у вас ничего не выделено (нет марширующих муравьев), Command + J дублирует весь слой. Если у вас есть выделение, Command + J выводит только эту часть на свой собственный слой.Это удобное сочетание клавиш, чтобы иметь в запасе свои хитрости.

Шаг 2: Дважды щелкните фоновый слой, чтобы он стал редактируемым, и назовите его «отражение». Вот как сейчас выглядит моя палитра слоев:

Шаг 3. Нам нужно немного места для нашего отражения, поэтому давайте увеличим размер холста. Нажмите C, чтобы выбрать инструмент «Обрезка», нарисуйте рамку вокруг изображения и перетащите нижний маркер в стороны, как показано ниже. Нажмите Return, чтобы принять кадрирование.

Шаг 4. Пока слой отражения все еще выбран (он будет светло-голубым на палитре слоев), нажмите Command + T (ПК: Ctrl + T), чтобы вызвать свободное преобразование.Щелкните правой кнопкой мыши (ПК: щелкните правой кнопкой мыши) в поле преобразования, и появится контекстное меню. Выберите «Отразить по вертикали» и нажмите «Return», чтобы принять преобразование. Это переворачивает слой отражения вверх ногами.

Шаг 5: Нажмите V, чтобы выбрать инструмент перемещения. Нажмите и удерживайте клавишу Shift, перетаскивая слой с отражением в нижнюю часть документа, чтобы концы двух слоев фотографий * почти * совпадали. Для эффекта отражения iWeb вы хотите оставить зазор в 1-2 пикселя между фотографиями, например:

СОВЕТ. Удерживание клавиши Shift при перемещении слоя фиксирует его на месте по горизонтали (или вертикали), в зависимости от направления перетаскивания.Еще один пример того, как Photoshop помогает защитить нас от самих себя.

Затухание

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

Шаг 7: Пока маска все еще выделена (обратите внимание на крошечную границу волос вокруг нее выше), нажмите G, чтобы выбрать инструмент «Градиент». На панели инструментов параметров в верхней части экрана выберите «От переднего плана до прозрачного» во всплывающем меню, затем нажмите кнопку «Отраженное», как показано ниже.

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

СОВЕТ. Если вас смутила первая попытка перетаскивания профессионального градиента, просто попробуйте еще раз.

Добавить фон

Шаг 9: Щелкните правой кнопкой мыши (ПК: щелкните мышью, удерживая клавишу Ctrl) значок «Новый слой» в нижней части палитры слоев.СОВЕТ. При удерживании клавиши Command (или Ctrl) новый слой появляется под текущим слоем. Действительно, очень удобно.

Шаг 10: Взгляните на цветные фишки в нижней части основного набора инструментов. При необходимости нажмите D, чтобы установить для них значение по умолчанию — черный и белый, затем нажимайте X, пока черный не появится сверху. Залейте новый слой черным, нажав Option + Delete (ПК: Alt + Delete).

Шаг 11: Чтобы завершить эффект, выберите слой с отражением и уменьшите непрозрачность примерно до 50%.

Вот окончательный результат:

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

До следующей недели, пусть сила Photoshop будет со всеми вами 😉

Графический репортер
http: // www.graphicreporter.com

20+ лучших эффектов отражения в Photoshop (для воды, стекла и зеркальных отражений)

Photoshop — невероятный инструмент для визуального дизайна. Его обширный набор ресурсов позволяет имитировать практически любой эффект на экране, если у вас есть ноу-хау. Тем не менее, есть ресурс, который часто упускают из виду, многие визуальные дизайнеры пытаются найти.

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

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

С нашим обширным списком из двадцати лучших ресурсов, доступных прямо сейчас, никогда не беспокойтесь о том, как снова создать отражения в Photoshop!

Получите все необходимое для ускорения рабочего процесса Photoshop.Всего за 16 долларов вы получите неограниченный доступ к тысячам экшенов Photoshop, предустановкам Lightroom, шаблонам, графике, шрифтам и фотографиям.

Найти экшены Photoshop

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

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

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

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

Если вы хотите создать в Photoshop отражение в более уникальном стиле, возможно, вам нужно Divide. Экшен сочетает в себе наложение глюк с эстетикой стекла и смешивает различные стили отражения на ваш выбор. Отличный вариант для широкого спектра творческих приложений!

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

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

Добавьте изюминку художественного стиля в свой визуальный проект с помощью зеркального фотоэффекта Strip Fractal. Это отличный инструмент, чтобы выявить стиль зеркального отражения Photoshop и объединить его в эстетику холста, от которой трудно отказаться.Это действие предоставляет ряд редактируемых параметров слоя, а также многое другое!

Трудно пройти мимо экшена Seizure Photoshop и не привлечь ваше внимание. Этот аддон Photoshop использует смесь сюрреалистических стилей и простых слоев разбитого стекла для создания абсолютно впечатляющего визуального стиля. С помощью этого экшена вы можете превратить любую картинку в яркое произведение искусства.

Экшен Photoshop «Нарезанное зеркало» — это простой, но эффективный стиль наложения слоев для ваших изображений.Это позволяет имитировать вид и ощущение просмотра через нарезанное зеркальное стекло. Внутри вы найдете множество слоев, настроек и эффектов на выбор, а также цветовые и монохромные варианты. Замечательный аддон с зеркальным отражением в Photoshop!

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

Иногда просто разбить зеркало — неплохая идея, и вы сами поймете это, позволив фотоэффекту Треугольная призма позаботиться о ваших снимках. Мы искренне рекомендуем вам сразу проверить этот эффект зеркального отражения в Photoshop и создать потрясающие произведения искусства.

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

Анимированный шаблон Photoshop Dimension — это простой, но увлекательный эффект наложения, который можно использовать множеством способов. Он обрабатывает целый ряд светоотражающих панелей на вашем изображении и создает действительно привлекательный эффект.

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

Добавьте фрактальной красоты своему визуальному дизайну с помощью эффекта «Фрактальное зеркало» в Photoshop. Этот эффект может быстро превратить простую картинку в красиво подобранную художественную эстетику с помощью нескольких простых щелчков мышью.

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

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

Эффекты отражения в бесплатном Photoshop

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

Создавайте удивительные отражения в воде с помощью экшена Photoshop «Отражение воды». Этот минималистичный экшен позволяет вам создавать зеркальное изображение на любом водоеме и может помочь улучшить визуальную точность вашей работы с помощью нескольких простых щелчков мышью.

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

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

Создайте отражение в Photoshop с помощью этих ресурсов уже сегодня!

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

Эффект отражения в стекле

в Photoshop

Из этого урока вы узнаете, как создать эффект отражения окна в Photoshop.

Этот эффект создаст иллюзию того, что фотография сделана через стеклянное окно.

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

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

Начало работы Эффект отражения окна в Photoshop

Для работы вам потребуются как минимум три изображения: объект, изображение отражения и изображение текстуры, которое необходимо для создания эффекта витража.

Вы можете найти фотографии, использованные в этом видео, на Adobe Stock или просто сделать свои собственные всего за несколько минут.

Стандартных изображений, используемых в этом руководстве:

Женщина :
https: // stock.adobe.com/stock-photo/time-for-breakfast/107361711

Оживленный город :
https://stock.adobe.com/stock-photo/busy-city/3977204

Стеклянная текстура :
https://stock.adobe.com/stock-photo/dirty-glass/40196017

Использование режимов наложения для создания эффекта отражения

Это видео научит вас работать с режимами наложения для создания эффекта отражения.

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

Советы и полезные методы

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

Первый способ — создать новый корректирующий слой Levels Adjustment Layer для изменения значений яркости слоя отражения, чтобы показать или скрыть различные области, чтобы отражение работало лучше.

Это возможно, потому что для слоя отражения установлен режим наложения Lighten , который скрывает темные пиксели и показывает яркие пиксели.Это означает, что когда пиксели становятся темнее 50% серого, они начинают исчезать. Если они становятся ярче 50% серого, они начинают проявляться.

Другой полезный метод — закрепить корректирующий слой Black & White на слое отражения. Затем установите режим наложения на , Яркость и настройте значения яркости определенных цветов, чтобы скрыть или раскрыть их.

Добавьте цветовой оттенок для усиления эффекта стекла

Вы когда-нибудь замечали, что некоторые стеклянные окна имеют зеленый или синий оттенок? В этом видео вы узнаете, как воссоздать этот эффект с помощью корректирующего слоя Hue & Saturation Adjustment Layer .

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

Применение текстуры для создания эффекта витража

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

Вам не нужно беспокоиться о создании сложных масок, поскольку мы будем использовать ползунки « Blend If » в окне Layers Styles, чтобы выборочно скрывать яркие пиксели и оставлять темные.

Создание бликов и бликов

Этот урок Photoshop покажет вам, как создать свет, сияющий на стекле, с помощью режима наложения Linear Dodge (Добавить) .

Linear Dodge (Добавить) — один из 8 специальных режимов наложения в Photoshop, который дает разные результаты при настройке непрозрачности по сравнению с заливкой. Кроме того, эти восемь режимов наложения смешиваются по-разному, когда флажок « Transparency Shapes Layer » снят в окне «Стиль слоев».

Размытие и добавление шума для создания более связного изображения

С фильтром Lens Blur мы добавим небольшое размытие и немного шума, чтобы изображение лучше смешалось и выглядело как настоящая фотография, а не как составная.

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

Другие действия, которые можно сделать для улучшения эффекта отражения окна в Photoshop

У нас не было достаточно времени в этом видео, чтобы показать все, что можно сделать для создания реалистичного эффекта стеклянного окна.

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

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

Это руководство по эффекту отражения в стеклянном окне, которое вы узнаете, как:

00:46 — Вставьте изображения Adobe Stock
01:36 — Создайте эффект отражения с помощью режима наложения «Осветлить»
02:00 — Используйте корректирующий слой «Уровни», чтобы улучшить режим наложения «Осветление»
04:46 — Улучшить основные моменты отражения
06:05 — Создание зеленого оттенка для усиления эффекта окна
06:48 — Использование текстуры для добавления грязи на стекло
07:56 — Добавление градиента затемнения
08:43 — Создание бликов и бликов
12:06 — Добавьте размытие и шум, чтобы сделать композицию более связной

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

.