Создание эффекта отражения в Photoshop. Плагин эффекта отражения воды

На этом уроке мы рассмотрим технику создания эффекта реалистичного отражения в стекле.

Я буду работать с этим изображением.

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

Создайте копию слоя (Ctrl + J) и переместите созданный Слой 1 на левую сторону холста с помощью инструмента Перемещение (V) .

При активном Слое 1 , выберите инструмент . Затем щёлкните на изображении правой кнопкой мышки и выберите команду Отразить по горизонтали . Нажмите Enter .

У Вас должно получиться нечто подобное.

Нам необходимо добиться, чтобы левое изображение коснулось правого изображения, таким образом, голова девушки в отражении будет слегка наклонена. На отражаемом изображении, лоб и бровь, самые близкие части в отражении, так как они касаются стекла, а подбородок будет самым далеким от стекла. Прежде всего, с помощью инструмента Свободное трансформирование (Ctrl + T) , необходимо слегка наклонить и уменьшить снизу изображение, таким образом оно будет выглядеть реалистично в отражении. Добившись необходимого результата нажмите Enter.

Есть небольшой белый промежуток наверху и большой белый промежуток у основания, я устраню это с помощью команды Деформации (Warp) . Снова выберите инструмент Свободное трансформирование (Ctrl + T) , затем щёлкните на изображении правой кнопкой мышки и выберите команду Деформация (Warp) .

Сначала устраним верхний промежуток, перетащив правый верхний маркер вправо.

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

Теперь у нас остались другие промежутки, которые которые необходимо скрыть. Первый участок - наверху слева, второй - у основания слева. От верхнего участка избавимся при помощи инструмента Рамка (Кадрирование) (С) . Необходимо просто выделить целое изображение (оставив верхний промежуток вне рамки) и подрезать его нажав Enter , чтобы избавиться от первого участка. Что касается участка у основания, я просто копирую часть изображения, оставлю копию на своём месте и, используя инструмент Свободное трансформирование (Ctrl + T) и команду Деформация (Warp) , растяну копию и заполню нижний промежуток. При этом лицо девушки не деформируется. Итак, выделите и скопируйте часть изображения …

Скопируйте и вставьте его обратно в изображение.

Теперь используйте деформацию к скопированной части, чтобы скрыть промежуток. Результат не должен выглядеть прекрасным и может смотреться немного растянуто, так как это отражение. Далее объедините Слой 1 и Слой 2 вместе (Ctrl + E) , чтобы всё отражение оказалось на одном слое. Затем выберите Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian blur) и слегка размойте отражение.

Чтобы добиться реалистичного отражения, его необходимо слегка осветлить. Для этого используем инструмент Уровни (Ctrl + L) . Установите значения примерно, как показано ниже.

Установите непрозрачность слоя приблизительно 80 % . Вот, что у меня получилось.

Смотрится неплохо, но для правдоподобности необходимо добавить вид города за окном. Я собираюсь использовать это изображение города:

Откройте изображение города и расположите его в левой части холста.

Обрежьте часть, которая накладывается на отражаемое изображение. Добавьте немного размытия в движении выбрав Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur) и примените следующие параметры.

Установите непрозрачность слоя с городом приблизительно 70 % и измените режим наложения слоёв на Перекрытие (Overlay) .

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

*** ПРИМЕЧАНИЕ ***
Основываясь на некоторые полученные комментарии, я немного изменил обучающий урок, чтобы придать эффекту больше реалистичности. Вот, что я изменил. Во-первых, снимок города размывать не надо. Во-вторых, я поместил слой с городом ниже слоя отражения, и установил непрозрачность слоя с городом приблизительно 46 % . В-третьих, для слоя с отражением я изменил режим наложения слоёв на Жёсткий свет (Hard Light) . Надеюсь, что этот вариант выглядит лучше. Спасибо!

Перевод: Владимир Нестеров

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

На создание этого эффекта меня вдохновили многочисленные стили слоя, доступные на GraphicRiver .

1. Создаем фон и текстовые слои

Шаг 1

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

Открываем туманный пейзаж или любую другую картинку в Photoshop. Изображение достаточно большое, поэтому мы подкорректируем его разрешение с помощью команды Image - Image Size (Изображение - Размер изображения). Вводим необходимые размеры и нажимаем ОК.

Шаг 2

Пишем любой текст, используя шрифт Sumac Typeface, затем нажимаем Ctrl+T, чтобы активировать режим свободной трансформации, и подгоняем размер текста под размер документа.

Закончив, нажимаем Enter, чтобы принять изменения.

2. Применяем текстуру к тексту

Шаг 1

Дублируем слой Background (Фон), размещаем копию над текстом, кликаем по ней правой кнопкой мышки и выбираем Create Clipping Mask (Создать обтравочную маску).

Шаг 2

Переходим Edit - Transform - Flip Vertical (Редактирование - Трансформирование - Отразить по вертикали) и Edit - Transform - Flip Horizontal (Редактирование - Трансформирование - Отразить по горизонтали).

Шаг 3

Берем Move Tool (V) (Перемещение) и с помощью стрелок на клавиатуре сдвигаем текстуру до тех пор, пока не подберем наиболее удачное расположение.

3. Создаем градиентную маску

Шаг 1

Выбираем текстовый слой и в нижней части панели слоев жмем на кнопку Add layer mask (Добавить слой-маску).

Шаг 2

Берем Gradient Tool (G) (Градиент), на верхней панели выбираем черно-белый градиент и стиль Linear (Линейный).

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

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

4. Добавляем финальные штрихи

Шаг 1

Выше всех предыдущих слоев добавляем новый и называем его «Кисть», затем берем Brush Tool (B) (Кисть).

Устанавливаем цвет переднего плана на белый и добавляем в Photoshop набор кисточек «Дым». С их помощью рисуем вокруг текста дым, чтобы лучше смешать надпись с туманным фоном.

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

В данном случае я уменьшила Opacity (непрозрачность) слоя до 50%, а для кисточки в процессе работы на верхней панели меняла непрозрачность.

Шаг 2

Выше предыдущих слоев добавляем новый и называем его «Шум», затем переходим Edit - Fill (Редактирование - Заливка). В появившемся окне устанавливаем Content (Содержимое) на 50% Gray (50%-ый серый) и нажимаем ОК.

Шаг 3

Кликаем правой кнопкой по слою «Шум» и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Меняем режим смешивания смарт-слоя на Soft Light (Мягкий свет).

Шаг 4

Устанавливаем цвета переднего и заднего планов на черный и белый соответственно (клавиша D) и переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум).

Устанавливаем Amount (Эффект) на 15, Distribution (Распределение) - на Uniform (Равномерный) и ставим галочку напротив Monochromatic (Монохромный). Обратите внимание, что значение Amount (Эффект) зависит от размера изображения, который вы выбрали в начале урока.

Поздравляю, мы закончили!

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

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

«Мы не склонны рисковать, когда есть что терять, но готовы на риск, когда есть надежда минимизировать потери»

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

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

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

Насколько известно, одним из первых ученых, описавших эффект отражения был лауреат Нобелевской премии по экономике 2002 года Даниэль Канеман (Daniel Kahneman) в содружестве со своим другом (ныне покойным) Амосом Тверски (Amos Tversky). В своем знаменитом труде «Теория Шанса» (Prospect Theory) академики графически представили эффект отражения в следующем виде:

S-образная кривая представляет степень подавления склонности к риску

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

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

Научно-следственный эксперимент

В 1981 Канеман и Тверски под совместным авторством опубликовали статью «Психология выбора: обрамление наших решений» («The framing of decisions and the psychology of choice»), в которой описали модель поведения двух групп людей, поставленных перед определенным выбором.

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

Для решения возникшей проблемы было разработано 2 программы, из которых нужно выбрать для применения только одну:

• программа, А: если выбрать ее, 200 человек будут спасены ;
• программа Б: если выбрать эту программу, то шанс на спасение 600 людей оценивается как один к трем (1/3), в то время как вероятность гибели всех 600 людей составляет два к трем (2/3).

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

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

• программа, А: если выбрать ее, погибнет 400 человек;
• программа Б: если выбрать ее, то остается один шанс из трех (1/3), что никто не погибнет, в то время как вероятность гибели всех 600 человек оценивается на уровне двух к трем (2/3).

Выбор этой группы оказался зеркальным отражением результата выбора предыдущей: 78% проголосовали на программу Б.

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

Эффект отражения в интернет-маркетинге: две сферы применения

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

Ситуация 1 : посетитель думает, оставлять ли свой лид (контакты) в регистрационной форме на лендинге.

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

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

Ситуация 2 : человек думает, стоит ли ему отписаться от оформленной ранее рассылки.

Способ решения этой ситуации с позиции эффекта отражения: сосредоточить внимания на том, что он потеряет, отписавшись от рассылки (на практике это могут быть не только элементы УТП, но и бонусы, а также специальные предложения).

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

После трёх дней на «горячей линии», я всё же выпросила у Морозова задание. И даже не расстроилась, когда он направил меня на какую-то дежурную молодёжную акцию: волонтёры раздавали прохожим листовки о вреде алкоголя и никотина, а в конце устроили флешмоб, собрав из нарисованных на листах бумаги букв фразу «Мы за здоровый образ жизни!»
Я взяла интервью у ребят, поинтересовалась мнением нескольких прохожих об акции в частности и о пагубных привычках человечества в целом, дополнила всё это общей статистикой Росстата о примерном количестве курящих и пьющих жителей РФ, сведениями о последствиях такого образа жизни и в целом осталась довольна получившимся материалом. Но в свежем номере газеты от него осталось лишь четыре предложения! А на попытку возмутиться «главВред», перестав церемониться, и резко перейдя на «ты», сухо отрезал:
- Я тебе что сказал - информацию напиши! Вас там, в культурной столице, жанры различать не учат? Информация, Лиза, это и есть четыре предложения, вернее три - что произошло, где и когда? Всё! На фига ты мне поэму на три листа накатала? Газетную площадь нужно расходовать экономно, для актуальных материалов приберегать.
- Но это очень актуальная тема!
- Это дохлая тема! - недовольно огрызнулся Морозов, с утра пребывавший не в настроении. - Думаешь, от того, что ты попугала алкашей туманным призраком цирроза печени, они вдруг завяжут и начнут новую жизнь? Счас! Такие особи используют газету исключительно в качестве блюда под закуску.
- Но…
- Всё, Лиза! Одна публикация у тебя есть, поздравляю, отдыхай. - Морозов огородился от меня кипой бумаг и всем своим видом демонстрировал огромную занятость. - Иди домой, потом ещё что-нибудь подберём.
«Опять на две строчки» - мрачно подумала я и предложила:
- Может, о каком-нибудь интересном человеке написать? У меня такие материалы неплохо получаются.
- Да неужели? - сердито огрызнулся редактор и вдруг коварно хмыкнул. - Люблю инициативных студентов. Что ж, если настаиваешь, есть тут у нас один интересный человек. Заведующий хирургическим отделением Игорь Борисович Горин. Кандидат медицинских наук, между прочим. Делает операции, за которые краевые светила медицины не берутся. А на днях какой-то крупный грант для отделения выиграл, но вот беда - человек он скромный, прессу не любит, от интервью отказался. Если тебе, Лиза, вдруг удастся его переубедить, можешь писать материал хоть на десять листов. Сокращать не буду.
Судя по хитрому блеску серых глаз, задачу передо мной поставили практически неразрешимую, но отказываться было неудобно - сама напросилась. Оставалось вздохнуть и попросить:
- А можете выдать мне какой-нибудь документ подтверждающий, что я прохожу у вас практику. Ну, чтобы проще было представляться? В «Будуаре» мне выписывали удостоверение внештатного сотрудника.
- Где, где? - ехидно переспросил Морозов, и выражение его лица стало таким же, как в момент разглядывания злополучного любовно-детективного романа. - Это дамское писево, что ли? Ну конечно, выпишем. Что же мы хуже этого «Пеньюара»?
Похоже, все виды средств массовой информации Морозов делил исключительно на серьёзные, к числу которых причислял «Теменские вести» и пустые, то бишь женские. Я пожалела, что сказала про «Будуар», теперь мне здесь тем более ничего стоящего не поручат. Если только не удастся переубедить Горина снизойти до районной газеты. Интересно, есть ли у меня хоть один шанс?
Перед визитом в больницу я адресовала это вопрос редактору социально-правового отдела Жанне Валерьевне Проничкиной - пухленькой, симпатичной тридцатичетырёхлетней брюнетке в очках. Медицина была её темой, так что знаменитого хирурга она не знать не могла. Услышав эту фамилию, женщина погрустнела и отрицательно покачала головой, объяснив:
- Я за ним пятый год бегаю, с тех пор как он мальчишку попавшего под трактор буквально по кусочкам собрал. Бесполезно. А ещё и очень неприятно: Горин не из тех, кто тактично подбирает слова, он что думает, то и говорит. Всем. Всегда. Ему прозвище «скальпель» не за профессию дали, а за язык. Так что не трать зря время и нервы, не ходи. А шефу утром скажешь, что ничего не вышло.
- Да ладно, пусть девчонка попробует, - вмешался, работающий за соседним столом Леонид Борискин. - Смотри, какая она худющая и бледнющая, будто только что из его отделения выползла, может, его это проймёт.
- Лёня, тебе статью об открытии птицефабрики нужно было час назад сдать, не забыл? Ты бы не отвлекался, «главВред» и так с утра не в настроении, - сурово напомнила развеселившемуся коллеге Жанна, а меня одарила сочувственной улыбкой и посоветовала: - Если всё же решишь пойти, не говори сразу откуда и по какому вопросу, а то он к тебе даже не выйдет.
Когда я, решив не обижаться на «бледнющую и худющую», поинтересовалась, о чём спрашивать Горина в случае его согласия на интервью, Жанна и Леонид обменялись удивлённо-насмешливыми взглядами. Борискин снова гоготнул, пробормотав что-то нечленораздельное про наивных студенток, а Проничкина, покопавшись в компьютере, распечатала примерный список вопросов, явно не сомневаясь, что он мне не понадобится.

Морозов проявленную инициативу не оценил. Едва я успела переступить порог редакции, вызвал меня в кабинет и набросился с упрёками.
- Кто тебя просил соваться к Бродскому! - рычал он, отбросив церемонии и фамильярно перейдя на ты. - Это что, акция протеста какая-то? Почему мои указания игнорируются? Инициатива, Лиза, это не то, что взбрело тебе в голову, а то, что одобрил я.
- Но ведь журналист должен уметь принимать самостоятельные решения, - робко вставила я.
- Журналист - да, а студент-полуфабрикат - только после согласования с главным редактором! - сурово уточнил Родион Васильевич. - И я сильно сомневаюсь, что это было твоё решение. Небось, Горин надоумил, шельмец!
Я покраснела - на это возразить было нечего, кроме одного:
- А зачем вы меня к нему послали? Знали ведь, что он откажется!
- Я и представить не мог, что ты к Бродскому попрёшься! А он мне теперь названивает битый час и жалуется на бестактных студенток, сующих нос, куда не следует. Вот, пожалуйста! - мрачный Морозов продемонстрировал мне взорвавшийся трелью простенький чёрный мобильник и принял вызов. - Да, Матвей Сергеевич, не кричи так. Я тебя понял ещё в прошлый раз. Согласен, это просто возмутительно, - «главВред» сделал долгую паузу и сердито продолжил. - Возмутительно короткий список вопросов! Стоило ли отрывать тебя от работы ради такой малости. Поэтому мы его расширим, дополним, пришлём с официальным запросом и, согласно статье 39-ой закона «О средствах массовой информации», ты обязан будешь ответить на него в течение семи дней! А в противном случае, с тебя спросит прокуратура - за неисполнение законодательства. Всего доброго!

Этот урок предназначен для Photoshop CS6, в нём мы узнаем как добавить реалистичное отражение воды к изображению. В этом уроке очень много шагов, но это на самом деле данный эффект легко применить для любой фотографии(хотя лучше использовать фотографии, в которых нет воды). Для того чтобы создать рябь в воде, мы будем использовать несколько фильтров Photoshop, в том числе фильтр Displace и Smart Filters.

Вот фотография, с которой будем работать:

А вот так выглядит конечный результат эффекта отражения в воде:

Давайте начнём!

Шаг 1: Скопируйте фоновый слой

Первым шагом сделаем копию нашего слоя Background. Если мы посмотрим на панель Layers, то увидим, что наше фото является фоновым слоем, который в настоящее время только один:

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

Теперь если мы снова посмотрите на панель Layers, мы увидим новую копию слоя, называется Layer 1 и расположен над фоновым слоем:

Шаг 2: Добавить еще пространства холста ниже изображения

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

Это откроет диалоговое окно Размер холста в фотошопе. Во-первых, выберите опцию Relative в центре, установив флажок слева от его названия. Затем введите 0 процентов для ширины и 100 процентов для высоты (убедитесь, что вы установили тип измерения на проценты, а не пиксели, дюймы или чего-нибудь еще).
Ниже Relative находится опция Якорь, содержащая 3х3 квадратов. Нажмите на площадь в центре верхнего ряда, чтобы выбрать её. Это позволит фотошопу добавить дополнительное пространство под изображением. Затем(необязательно) установите опцию цвета расширения холста в нижней части диалогового окна White(Белый):

Нажмите OK когда вы закончите, чтобы закрыть из диалоговое окно и теперь у нас в два раза больше места холстом и дополнительное пространство заполнено белым цветом:

Шаг 3: Отразить изображения на Слое 1 вертикально

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

С выделенным слоем перейдите на Edit menu и выберите Transform, затем Flip Vertical:

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

И теперь у нас есть зеркальная копия изображения ниже оригинала:

Шаг 4: Слияние обоих слоев в новый слой

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

Шаг 5: Добавить новый слой

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

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

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

Мы должны заполнить этот новый слой белым цветом. Чтобы сделать это перейдите в Edit menu в верхней части экрана и выберите команду Fill:

Откроется диалоговое окно Fill. Установите в окне Use White и убедитесь что в Mode(внизу) установлен Normal и Непрозрачность установлена на 100%:

Нажмите OK, чтобы закрыть диалоговое окно и заполнит Layer 3 белым, временно блокируя всё остальное из поля зрения в окне документа:

Шаг 7: Применить фильтр Halftone Pattern, чтобы создать черно-белые горизонтальные полосы

Далее, мы собираемся использовать один из фильтров фотошопа- фильтр Halftone Pattern, он добавит несколько черно-белых горизонтальных линий на наш в настоящее время белый слой. Но прежде чем мы это сделаем, нам нужно убедиться что наши цвета переднего и заднего планов установлены по умолчанию (черный цвет переднего плана и белый цвет заднего фона). Причина в том, что фильтр Halftone Pattern использует текущие цвета и нам нужно чтобы цвета были по умолчанию: черный и белый.
Самый быстрый способ чтобы убедиться что они установлены по умолчанию можно просто сбросив их, нажав D на клавиатуре. Затем посмотрев на образы цветов на нижней части панели инструментов в левой стороне экрана, мы увидим что левый образец (цвет переднего плана) установлен в черный и правый нижний образец (цвет фона) белый:

Теперь, когда мы убедились, у нас правильные цвета, давайте выберем шаблон фильтра Halftone Pattern, который в Photoshop CS6 находится в галереи фильтров(Filter Gallery). Перейдите в меню Filter в верхней части экрана и выберите Filter Gallery:

Откроется очень большая галерея фильтров (Filter Gallery) с предварительным просмотром. Фильтры делятся на различные категории, выберите Sketch нажмите на его название чтобы открыть список, затем найдите Halftone Pattern и кликните на него:

Во-первых установите Pattern Type на Line. Обратите на просмотр слева, когда перемещаете ползунок Size увеличилось или уменьшилось количество черных и белых горизонтальных линий. Эти линии станут нашей рябью в воде. Я собираюсь установить размер на 10. Ниже находится ползунок, который контролирует контрастность, резкость краёв линий. Более низкие значения создают более мягкие края. Мы должны сделать края довольно мягкими, поэтому я установлю значение контрастности 4:

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

Шаг 8: Выделите нижнюю половину слоя

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

Это наложит контур выделения вокруг только нижней половины Layer 3 (это может быть сложно увидеть в скриншоте):

Шаг 9: Применить команду преобразования Perspective

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

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

Когда вы закончите, нажмите Enter (Win)/Return (Mac) на клавиатуре, чтобы применить трансформацию, затем нажмите Ctrl + D (Win)/Command + D (Mac) на клавиатуре, чтобы быстро удалить контур выделения (или вы могли бы перейти на Select menu в верхней части экрана и выберать Отменить выбор, как мы делали раньше). Ваш слой должен выглядеть примерно так:

Шаг 10: Дублируйте слой как новый документ

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

Откроется диалоговое окно Duplicate Layer. Измените параметр документа в нижней половине диалогового окна в New:

Нажмите OK для закрытия диалогового окна. Слой откроется в новом документе фотошоп в отдельной вкладке. Вы увидите новая вкладка появится в верхней части экрана, справа от вкладки оригинального документа. Так как мы ещё не назвали его (мы сделаем это в данный момент), то он будет выглядеть как «Untitled-1»:

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

Перейти к меню File и выберите Save As:

Это откроет диалоговое окно Save As. Я собираюсь назвать свой документ «water-ripples»(Водная рябь). Установите опцию Format в нижем поле в Photoshop .PSD, поскольку файл должен быть сохранен как документ Photoshop, если он будет работать в качестве карты смещения. Затем нажмите Сохранить и закрыть диалоговое окно:

Теперь, когда мы сохранили документ, мы можем закрыть его, нажав на маленький значок «х» в верхней части экрана. Оставьте оригинальный открытый документ:

Шаг 12: Удаление Layer 3 в исходном документе

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

Шаг 13: Преобразование Layer 2 в смарт-объект

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

Откроется меню с различными вариантами layer-related. Выберите Преобразовать в Smart Object из списка:

После этого появится небольшой значок смарт-объект в правом нижнем углу слоя 2 в миниатюре просмотра, позволяя нам знать слой был преобразован в смарт-объект:

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

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

Когда появится диалоговое окно Motion Blur установите угол размытия на 90 °, а затем перетащите ползунок Distance в нижней части диалогового окна немного вправо, чтобы добавить только небольшое количество размытия. Я собираюсь установить Distance на 6 пикселей, но я использую изображение с довольно низким разрешением для этого урока, поэтому смотрите на то как меняется ваше фото при передвижении ползунка.

Нажмите OK чтобы выйти из диалогового окна Motion Blur и применить фильтр к изображению.

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

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

Давайте установим наши основные параметры, используя диалоговое окно, которое появляется. Мы хотим, чтобы наша карта смещения исказила изображение по горизонтали, создавая рябь, которая двигается влево и вправо в воде, а для этого, нам нужно установить Horizontal Scale в верхней части диалогового окна на 4, используя Smart Filter, мы всегда можем вернуться и попробовать применить другое значение, если нам это будет нужно.
Мы не нужны движения вверх и вниз, поэтому нужно установить опцию Vertical Scale на 0. Наконец, установите параметр Stretch To Fit, и Repeat Edge Pixels.

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

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

Если мы посмотрим на панели Layers, мы можем увидеть два Smart Filters (Motion Blur и Displace), расположенные ниже Layer 2. Даже если мы уже применили фильтры к слою, они оба остаются полностью доступны для редактирования. Если вы хотите вернуться и применить другие настройки просто дважды щелкните на одном из фильтров в панели слоев, чтобы повторно открыть диалоговое окно и примените другую настройку. будет работать большой для каждого изображения. Там всегда есть экспериментировать, поэтому Smart Filters так полезны:

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

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

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

При выборе на месте нажмите на иконку Layer Mask внизу панели слоев:

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

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

Шаг 17: Раскрасить воду с помощью корректирующего слоя Hue/Saturation

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

Выберите Hue/Saturation из списка корректирующих слоев, который появится:

Удерживая клавишу Alt (Win)/Option (Mac) откройте диалоговое окно Layer перед добавлением новых корректирующих слоёв в документе. Выделите Use Previous Layer to Create Clipping Mask опцию в диалоговом окне, установив флажок.

Нажмите OK, чтобы закрыть диалоговое окно New Layer и Фотошоп добавит корректирующий слой Hue/Saturation(Цветовой тон/Насыщенность) к документу.

Появятся настройки для корректирующего слоя Цветовой тон/Насыщенность. Во-первых, выберите опцию Colorize, установив флажок. Затем перетащите ползунок Hue в сторону вправо, чтобы установить его значение около 210, что придаст изображению хороший синий цвет:

Изображение будет выглядеть так:

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

Давайте понизим непрозрачность корректирующего слоя. Опция Opacity(Непрозрачность) находится в правом верхнем углу панели Layers. Сделайте её около 25%:

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

Эта эффект отражения воды особенно хорошо смотрится на пейзажных снимках.

Возьмём этот снимок:

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