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

Содержание

Эффект отражения в психологии и интернет-маркетинге

Источник изображения

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

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

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

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

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

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

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

Высоких вам конверсий!

По материалам wheelofpersuasion.com

28-12-2013

Эффект отражения для увеличения конверсии сайта — Маркетинг на vc.ru

{«id»:204999,»type»:1,»typeStr»:»content»,»showTitle»:false,»initialState»:{«isActive»:false},»gtm»:»»}

{«id»:204999,»gtm»:null}

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

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

{ «osnovaUnitId»: null, «url»: «https://booster.osnova.io/a/relevant?site=vc&v=2», «place»: «between_entry_blocks», «site»: «vc», «settings»: {«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}} }

Одним из первых эффект отражения был описан лауреатом Нобелевской премии Даниэлем Канеманом и его ныне покойным другом Амосом Тверски и включён в совместную работу «Теория перспектив». В своём труде они изобразили действие эффекта в виде графика с S-образной кривой, где её верхняя часть означает выгоды (неприятие риска) и нижняя часть – убытки (стремление к риску).

В их знаменитой статье 1981 года «Обрамление решений и психология выбора» Тверски и Канеман описывают следующую дилемму:
Представьте себе, что США сталкивается с необычной азиатской эпидемией, которая, как ожидается, убьёт 600 человек. Для борьбы с этим заболеванием разрабатываются две возможные программы:

⦁ Если будет принята программа А, то 200 человек будут спасены
⦁ Если будет принята программа B, то шанс на спасение 600 людей оценивается как один к трём (1/3), в то время как вероятность гибели всех 600 людей составляет два к трём (2/3)

В этом случае проявился вариант поведения с неприятием риска: большинство (72%) выбрали программу А.

В то же время, Тверски и Канеман дали второй группе ту же историю, но с другой формулировкой условий программ:

⦁ Если будет принята программа A, 400 человек умрут.
⦁ Если будет принята программа B, есть вероятность один к трём (1/3), что никто не умрёт, в то время как вероятность гибели всех 600 человек оценивается на уровне двух к трём (2/3).
Теперь 78% респондентов предпочли рискнуть и выбрали программу B.

Как это работает в Интернете:

⦁ Если вы хотите, чтобы клиенты предпочли не рисковать (например, остаться на вашей странице), попробуйте в своих УТП сделать акцент на выгоду

⦁ Когда вы хотите, чтобы клиенты сделали рискованный выбор (переход на вашу страницу), сосредоточьте их внимание на том, что они потеряют, если не сделают этого

Спасибо, что дочитали статью! Если вам было интересно, то обязательно подписывайтесь на блог. А если вам нужно постоянно пополнять запас знаний по конверсии, то подписывайтесь на Инст (не настаиваю, это только ваш выбор, вы сами делаете его, я никак не давлю на вас, это всё ваш мозг).

Эффект отражения в фотошопе | Создавайте отражения воды в фотошопе

Введение в эффект отражения в фотошопе

Фотошоп обычно поставляется с рядом графических улучшений и методов проектирования. Одна из таких замечательных техник, которая популярна и использует простые инструменты для фотошопа, — это эффект отражения. Он широко используется в логотипах, рекламе и т. Д. Для текстовых эффектов, а также в изображениях для создания размытого зеркального эффекта, например, для создания обоев места для веб-сайта «Путешествия и туризм» с местоположениями, в которых есть озера и водоемы. Этот эффект может быть полезен для графического проектирования. Он использует очень мало компонентов, таких как Motion и Gaussian Blur, Free Transform, инструменты Selection и так далее. Давайте попробуем создать несколько примеров, чтобы мы могли изучить этот эффект.

Эффект отражения воды в фотошопе

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

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

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

Шаг 3: Теперь выберите слой с изображением и с помощью инструмента Rectangular Marquee Tool или Polygonal Lasso Tool обрежьте водную часть.

Шаг 4: Теперь дублируйте слой, выбрав Duplicate Layer и выберите Edit и Transform, затем Flip Vertical. Вы увидите перевернутое изображение вырезанной части. Поэтому, используя инструмент перемещения, поместите его под исходное изображение.

Шаг 5: Теперь пришло время создать водную рябь. Пусть дублирующий слой будет выбран. Теперь выберите Filter> Blur> Motion Blur. И установите значения следующим образом: Угол: 90 градусов, Расстояние: 30 пикселей. Вы увидите что-то подобное.

Шаг 6: Теперь пришло время придать воде эффект Smudgy. Следовательно, возьмите инструмент Smudge, и я много экспериментировал, так что я наконец-то освоился с этими значениями. Вы можете создавать свои собственные значения в зависимости от изображения, которое вы выбрали для отражения воды. Поэтому установите размер кисти: 150, твердость: 0 и прочность: 20 процентов.

Шаг 7: Обычно можно быть довольным тем, что мы создали, но давайте немного поэкспериментируем и добавим больше эффектов. Давайте создадим новый слой и закрасим его белым цветом, используя инструмент Paint Bucket. Кроме того, давайте добавим фильтр шума, чтобы придать волнам воды более естественный волнистый эффект. Итак, перейдите в Filter> Noise> Add Noise. Убедитесь, что вы выбрали новый слой здесь. Теперь установите следующие значения (опять же, они могут различаться в зависимости от изображения) Сумма: 400%, Распределение: Гауссово и отметьте кнопку Монохроматический.

Шаг 8: Давайте добавим еще один фильтр. Перейдите в Filter> Blur> Motion Blur. Теперь вы можете установить следующие значения и поэкспериментировать. Угол: 0 градусов, расстояние: 40 пикселей, а также добавим немного контраста в цвета для улучшения параметров смешивания позже. А также посмотрим, что произойдет, если мы используем клавиши CTRL + L и обратные цвета. Таким образом, вы можете добавить и увидеть следующее, 1- й тон: 147, средний тон: 1, 53 и последний тон: 219.

Шаг 9: Давайте добавим перспективу, чтобы лучше рассмотреть глаз. Таким образом, вы можете выбрать следующие Edit, Transform, Perspective. Теперь просто перетащите мышкой любой угол снизу мышью в сторону по вашему выбору.

Шаг 10: Теперь перетащите этот слой на сторону воды и отрегулируйте его по своему желанию.

Шаг 11: Теперь вы можете щелкнуть правой кнопкой мыши по слою и перейти к Blending Options. В этом установите следующие значения. Непрозрачность: 30% и режим наложения: Soft Light. Это будет что-то вроде этого.

Шаг 12: И это окончательно !!!! … Пожалуйста, сделайте свой собственный эффект отражения воды.

Эффект отражения ювелирной рекламы

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

Шаг 1. Перейдите в «Файл»> «Поместить» и поместите изображение, которое необходимо отредактировать.

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

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

Шаг 4: Теперь перейдите к Select> Inverse, и вы увидите, что вместо этого выбрано My ювелирные изделия. Теперь перейдите к слою, нажмите New и затем выберите Layer Via Copy. Это сделает копию ювелирного изделия.

Шаг 5: Теперь перейдите к Edit Transform и Flip Vertical. Теперь выберите непрозрачность до 30% и настройте по своему вкусу.

Шаг 6: Теперь я считаю, что использовать самый простой способ, и это инструмент Eraser. Пожалуйста, установите следующие значения, и вы можете исчезать украшения по своему вкусу. Твердость: 30 и кисти: 38 пикселей.

Шаг 7: Вы даже можете использовать этот эффект. Перейдите в Filter> Blur, затем Gaussian Blur. Установите радиус до 1, 5. Теперь ваше отражение выглядит естественно.

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

Вывод

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

Рекомендуемые статьи

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

  1. Введение в текстовые эффекты в Photoshop
  2. Как создать зеркальный эффект в фотошопе?
  3. Использование Patch Tool в Photoshop
  4. Добавление ключевых кадров в After Effects
  5. Лассо Инструмент в Фотошопе

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

Загородный дом на Рублево-Успенском шоссе, новый проект московского архитектора Ивана Шалмина, состоит из двух пересекающихся объемов с разными фактурами. Интерьер и экстерьер взаимосвязаны, и природа становится как бы частью дома

Разработка этого проекта заняла около двух лет. Тщательно продумывали концепцию, представили ее на выставках (Московская биеннале современного искусства-2009 и Московская биеннале архитектуры-2008) в виде фильма. На пустом экране один за другим возникали два геометрических объема: один вырастал из земли, второй появлялся из воздуха, на их пересечении образовывался центральный зал. Этот зал — двусветное сквозное пространство с шестиметровыми потолками, находящееся на стыке двух объемов дома, фасады которого имеют разную фактуру (один отделан клинкерным кирпичом, второй — бразильским орехом). Архитектор дал название своему проекту — «Пропилеи». Пропилеи, пришедшие из античной архитектуры, трактуются автором по-новому, в новых формах и материалах, — как врата в будущее. В то же время сохраняется восприятие пропилей как окна в природу: центральный зал сделан на просвет, и окружающий лес становится частью дома.

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

«В этом доме глухие плоскости потолка и стен, выкрашенные светло-серой краской G-155, которая, как губка, вбирает естественный свет и меняет оттенок, сочетаются с отражающими поверхностями, для которых использовано тонированное стекло Planibel Grey, — говорит архитектор. — В зависимости от освещения оно то становится прозрачным, то работает как зеркало. В нем все отражается четче, резче, появляется почти драматический контраст, скрадываются границы между реальностью и иллюзией, что создает сложный визуальный образ интерьера. Планировочное решение и геометрия просты и лаконичны, эффект же насыщенного, сложного пространства создается за счет игры прозрачных и полупрозрачных поверхностей, переходящих друг в друга».

Дом сделан в стиле лаконизм. Иван Шалмин так расшифровывает это понятие: «Лаконизм основан на принципе необходимой достаточности. Есть только то, что оправдано необходимостью. То, без чего данным конкретным заказчикам никак нельзя обойтись. Это квинтэссенция их пожеланий, воплощенная средствами архитектуры. Лаконизм — это концепция, система координат, если хотите, задающая правильный тон интерьеру. Вот в этом проекте, например, оказались лишними даже козырьки (как над входом, так и над террасами). Если идет дождь, делаешь один шаг за громадные перегородки в четырехметровом проеме — и ты уже в доме. Ведь лаконизм всегда предполагает грамотную, кропотливую, вдумчивую работу над проектом»

Автор проекта Иван Шалмин:
«В этом проекте я не делал промежуточные пространства, чтобы ничто не мешало единению с природой. Максимально бережно обращался с окружением, постарался сохранить все деревья на участке. Вплоть до того, что при закладке фундамента оставили нетронутой корневую систему трёх сосен, растущих при входе в дом. Благодаря тонированному стеклу на фасаде и на внутренних перегородках возникают многократные отражения соснового леса, он становится частью дома, и здание, в свою очередь, растворяется в нём»

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

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

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

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

Этап 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 создать эффект отражения различных объектов в воде. Разумеется, можно добиться большей реалистичности, потратив больше времени на обработку и более точное выставление параметров всех использованных фильтров и инструментов. Надеемся, данная статья была для Вас полезной.

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

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

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

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

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

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

1) Копируем слой с изображением, для этого выделяем слой с изображением флакона панели слоев, расположенной в нижнем правом углу и нажимаем комбинацию клавиш Ctrl + J, либо кликаем по данному слою правой кнопкой мыши и выбираем «Создать дубликат слоя».

2) Теперь отражаем скопированный слой по вертикали, для этого выделяем нужный слой, щелкнув по нему левой кнопкой мыши и в верхнем меню выбираем «Редактирование» — «Трансформирование» — «Отразить по вертикали».

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

4) Теперь придадим отражению более реалистичный вид. Чтобы отражение объекта выглядело реалистичным необходимо сделать его форму под углом в перспективе и немного сплющить по вертикали. Для того чтобы сделать трансформирование объекта в перспективе, выделаем слой с отражением и в верхнем меню выбираем «Редактирование» — «Трансформирование» — «Перспектива». После этого удерживая левую кнопку мыши на правой или левой точке (см. скриншот ниже) немного сужаем картинку отражения двигая точку к центру.

И немного сплющиваем слой с отражением, выбрав в верхнем меню «Редактирование» — «Свободное трансформирование».

5) В завершении необходимо стереть часть отражение, оставив чуть меньше половины, ведь объект не должен отражаться полностью. Для этого мы не будем просто стирать отражения используя инструмент «Ластик», а воспользуемся маской. Создаем маску для слоя с отражением, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и в нижней части панели слоев нажимаем на значок «Добавить слой-маску» и у нашего слоя появляется маска.

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

Далее, выбираем маску слоя, кликнув не просто по слою с отражением, а именно по квадратику маски левой кнопкой мыши и применяем градиент на нашей картинке удерживая левую кнопку мыши и клавишу «Shift» (для того чтобы градиент был точно вертикальный, а не наискось) тащим курсор снизу вверх и отпускаем кнопку мыши. Вы увидите результат — часть отражения будет закрашена градиентом. Такую процедуру можно повторить несколько раз, чтобы добиться нужного результата.

Теперь можно слою с отражением придать немного прозрачности, для этого выбираем этот слой, кликнув по нему левой кнопкой мыши и в панели слоев выбираем ползунок «Непрозрачность» и выставляем нужный процент, я поставил 70%.

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

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

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

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

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

Еще один вариант создания эффекта отражения вы можете узнать из видео-урока! Там будет рассмотрен вариант с отражением более сложного объекта (стола), над которым придется повозиться. А скачать картинку этого стола вы можете прямо отсюда.

Reflections on the Reflection Effect

У вас есть выбор. Перед вами стоят две двери. Если вы пройдете через дверь справа, вы получите 20 долларов. Если вы выберете левую дверь, у вас будет один шанс из пяти получить 100 долларов. Какую дверь вы выбираете?

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

Теперь у вас есть еще один выбор. Опять две двери.Выберите тот, что справа, и вам придется заплатить 20 долларов. Пройдите через левую дверь, и есть шанс один из пяти, что вам придется заплатить 100 долларов. Каков ваш выбор?

Опять же, исследования показали, что большинство людей выберут левую дверь и рискуют потерять 100 долларов.

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

Все это пришло мне на ум, когда я читал рецензию Майкла Льюиса на новую книгу лауреата Нобелевской премии Дэниела Канемана « Думать быстро и медленно » в декабрьском номере Vanity Fair.Канеман и покойный Амос Тверски опубликовали серию статей в 70-х и 80-х годах (в том числе статью, ссылка на которую приведена выше), в которых основное внимание уделялось искажению человеческих суждений при принятии решений в неопределенных обстоятельствах.

Как коммерческий посредник я сознательно управляю этим эффектом отражения практически в каждом случае.

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

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

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

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

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

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

Эффект манипулирования отражением глаз в Adobe Photoshop

Манипуляция отражением глаз в Photoshop www.sleeklens.com

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

Итак, для начала мы должны получить наши изображения.

Вы можете, если хотите получить изображение самого глаза, их много на бесплатных стоковых сайтах, таких как Pixabay, как я использую, или вы можете получить просто изображение с классным выражением лица, чтобы дополнить идею, которая у вас есть. который вам нравится, а затем используйте Photoshop, чтобы изменить размер, это нужно сделать определенным образом, используя «Поместить», чтобы изображение не стало пиксельным, но мы вернемся к этому через секунду, а также обратите внимание, что начальное изображение должно быть ОГРОМНЫМ, если вы идете по этому пути, чтобы глаза выглядели хорошо и совершенно четко при изменении размера, поэтому проверьте, что при изменении размера, если он вообще выглядит размытым, я бы, возможно, предложил просто придерживаться Изображение глаза хорошего размера.

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

Второе изображение может быть обычного размера шириной 2000 или любым другим.

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

Ниже приведены изображения, которые я решил выбрать, я думаю, что они будут очень хорошо сочетаться со странным изображением мопса, которое я собираюсь использовать. https://pixabay.com/images/search/pug-dog/

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

Сначала создайте новый файл.

Перейти к файлу — новый.

Мы собираемся выбрать пресет, и это должен быть Web, затем измените размер на 1280 x 1024, дайте ему имя и нажмите OK.

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

Так что идем в File — New — Place

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

Так что удерживайте Ctrl и используйте клавиши «плюс» и «минус» на клавиатуре для увеличения и уменьшения масштаба, чтобы вы могли настроить его, а когда вы идете, чтобы изменить размер, удерживайте Shift и Alt, чтобы он оставался тем же размером, как вы масштабируете его. , это известно как «Ограничения».

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

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

N3ext уменьшите непрозрачность слоя примерно до 50-75% в зависимости от того, как он выглядит с вашей стороны, вы должны видеть глаз, ниже вы можете увидеть, где найти непрозрачность для слоя.

Далее мы собираемся скрыть слой, создав маску.

Итак, перейдите в Layer-Layer Mask — Hide All

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

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

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

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

Опустите кисть примерно на 25% и начните удалять излишки за пределами глаза, особенно вокруг верхнего века, потому что там будет тень.

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

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

Затем немного изменим уровни.

Перейдите в Image – Adjustments – Levels

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

Слегка перетащите обе влево.

Нажмите OK, и все готово.

Продолжайте учиться менять лицо в Photoshop.! Увидимся там.

Оценка: 012345 3,75 на основе 4 оценок

Следующие две вкладки изменяют содержимое ниже.

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

Самые популярные посты в январе

Как добавить эффект отражения воды к вашим изображениям в Photoshop

Васим Аббас, 1 декабря 2019 г.

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

Если у вас его еще нет, вы можете скачать Photoshop с сайта Adobe. В рамках плана Creative Cloud от Adobe вы получаете Photoshop и Lightroom всего за 9,99 долларов в месяц.

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

В этой статье мы обсудим:

  • Типы эффектов воды в Photoshop
  • Самые простые способы создания эффектов воды в Photoshop
  • Шаги по созданию эффекта воды в Photoshop

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

Типы эффектов воды в Photoshop

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

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

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

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

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

Использование различных версий Photoshop

Большинство этих эффектов воды доступны в различных версиях Photoshop. Photoshop CC 2018 и 2019 имеют эти эффекты, но они также доступны в более старых версиях, таких как CS6.

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

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

Использование кисти для создания лучших эффектов воды

Инструмент «Кисть» может помочь вам улучшить редактирование эффекта воды в Photoshop. На самом деле, использование инструмента «Кисть» в сочетании с масками слоя помогает настроить редактируемое отражение так, чтобы оно появлялось только там, где вы хотите. Вы также можете использовать инструмент Dodge и Burn Tool , чтобы более плавно смешать отражение с водой.

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

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

В этом руководстве используется инструмент «Кисть» и вы узнаете, как добавить к вашим фотографиям ломо-краски. Попробуйте это после того, как вы закончите этот урок!

Простейшие способы создания отражений воды в Photoshop

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

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

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

При применении фильтра Camera RAW измените цветовую температуру и оттенок с помощью инструмента Баланс белого . Вы также можете опустить Dehaze , что добавит немного дымки на ваши фотографии.

Наконец, отрегулируйте Оттенок/Насыщенность/Яркость в Camera RAW .Приглушение некоторых насыщенных цветов в отражении может сделать его более реалистичным. В целом, убедитесь, что цвет соответствует отражению и самому объекту.

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

Существует несколько различных инструментов, которые вам нужно научиться использовать для создания хорошего эффекта воды. Вы захотите легко управлять своим холстом изображения, поэтому использование инструментов «Размер холста» и «Дублирование изображения» будет иметь важное значение. Чтобы дублировать изображение, нажмите Control/Command + J .Чтобы изменить размер холста, нажмите Command/Control + Alt/Option + C .

Вам также необходимо знать, как использовать Smart Objects и Transform Tool . Чтобы легко получить доступ к инструменту преобразования , нажмите Command/Control + T на клавиатуре. Этот инструмент позволяет физически изменить изображение. Поскольку некоторые отражения в конечном итоге будут искажены, когда вы применяете их к воде на вашем изображении, инструмент «Трансформация» будет важен для достижения реалистичного отражения.

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

Наконец, проведите некоторое время с корректирующими слоями Photoshop . Корректирующие слои позволяют добавлять эффекты и другие корректировки к независимым слоям. Чтобы применить корректирующий слой , просто перейдите к Image >> Adjustments и выберите корректировку из вариантов.

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

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

Как использовать эффект воды на нескольких изображениях

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

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

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

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

Действия также позволяют вам пакетно редактировать изображения в Photoshop. Для пакетной обработки перейдите к File >> Automate >> Batch . Затем Photoshop возьмет все изображения из папки и отредактирует их в соответствии с действием.

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

Шаги по созданию эффектов воды в Photoshop

Первое, что вам нужно сделать, это открыть изображение в Photoshop. В этом уроке я буду создавать базовое отражение воды. Я выбрал изображение здания, которое вы можете видеть ниже:

Затем просто скопируйте слой изображения или создайте дубликат слоя . Этот дубликат слоя понадобится нам позже в процессе редактирования. Чтобы дублировать слой, просто нажмите Command/Control + J на клавиатуре или щелкните правой кнопкой мыши исходный слой и выберите Дублировать слой .

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

Теперь, когда мы создали дубликат слоя, нам нужно удвоить размер холста. Для этого нажмите Control/Command + Alt/Option + C или выберите Image >> Canvas Size . Удвойте количество пикселей или дюймов для высоты, но оставьте прежней ширину.

Для анкера выберите верхнюю центральную точку. Это означает, что все пустое пространство будет добавлено к нижней части изображения.Оставьте относительно не отмеченным флажком, затем нажмите OK.

Затем выберите слой Reflection и нажмите Control/Command + T , чтобы трансформировать его. Затем щелкните правой кнопкой мыши изображение и выберите параметр Flip Vertical . Если вы хотите, чтобы отражение было длиннее или короче, убедитесь, что размер вашего холста пропорционален.

Теперь вы увидите перевернутое изображение.

Выберите инструмент Move Tool и перетащите слой Reflection в нижнюю часть холста.Если вы хотите, чтобы слой отражения и слой исходного изображения перекрывались, вы можете изменить порядок слоев на панели слоев, чтобы выбрать, какой слой будет сверху.

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

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

В этом новом документе Photoshop мы добавим немного шума из Filter » Noise » Add Noise .На самом деле вы можете привязать фильтры к сочетаниям клавиш, поэтому, если вы обнаружите, что часто используете фильтр, стоит назначить ему ярлык.

После добавления шума к пустому файлу примените Размытие по Гауссу для достижения наилучших результатов. Вы также можете применить несколько типов размытия. Вы можете применить отдельный Iris Blur, чтобы вода в центре была максимально сфокусирована или прозрачна.

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

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

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

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

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

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

После перемещения текстуры нажмите Control/Command + T , чтобы преобразовать слой текстуры и настроить его так, чтобы он охватывал все отражение.

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

Затем измените режим наложения слоя с текстурой на Мягкий свет и уменьшите непрозрачность до минимума.

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

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

Затем примените фильтр Glass к слою Reflection. Фильтр «Стекло» сделает текстуру более отражающей. Как видите, текущий слой все еще кажется слишком твердым, чтобы быть отражением воды.

Вы можете найти Стеклянный фильтр в разделе Искажение галереи фильтров.Чтобы открыть галерею фильтров, перейдите в Filter » Filter Gallery .

Обратите внимание: поскольку мы превратили слой текстуры в смарт-объект, мы можем изменить или настроить параметры фильтра «Стекло» в любое время. Теперь нам нужно включить небо в отражение, чтобы отражение в воде выглядело естественно.

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

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

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

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

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

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

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

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

Если вам понравилась эта статья и вы хотите узнать больше о редактировании фотографий, Photoshop, Lightroom и других темах фотографии, подпишитесь на нас в Facebook и Twitter.Не забудьте подписаться на нашу электронную рассылку!

Используете WordPress и хотите получить Envira Gallery бесплатно?

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

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

Автор сценария Стив Паттерсон.

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

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

Окончательный эффект отражения текста.

Загрузите это руководство в формате PDF, готовом к печати!

Начнем!

Шаг 1. Создайте новый документ Photoshop

Создайте новый пустой документ Photoshop, перейдя в меню File в верхней части экрана и выбрав New . Вы также можете создать новый документ с помощью сочетания клавиш Ctrl+N (Win) / Command+N (Mac).В любом случае открывается диалоговое окно Photoshop New Document . Введите размеры, необходимые для вашего документа. В этом уроке я введу 6 дюймов для ширины моего документа , 3 дюйма для высоты и разрешение из 300 пикселей/дюйм . Нажмите OK , когда закончите, чтобы выйти из диалогового окна. Ваш новый пустой документ появится на вашем экране:

Создайте новый пустой документ Photoshop.

Шаг 2. Заполните новый документ черным цветом

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

Выберите Правка > Заполнить.

Вы также можете выбрать команду «Заливка» с помощью сочетания клавиш Shift+F5 .В любом случае появится диалоговое окно «Заливка». В верхней части диалогового окна находится раздел Contents с одним просто названием Use . Выберите Черный из списка справа от слова Используйте:

Выберите «Черный» в разделе «Содержание» в верхней части диалогового окна «Заливка».

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

Фон документа теперь заполнен черным цветом.

Шаг 3. Выберите инструмент «Текст»

Чтобы добавить текст в документ, нам понадобится Photoshop Type Too l. Вы можете либо щелкнуть по нему в палитре инструментов, чтобы выбрать его, либо, чтобы ускорить процесс, нажать букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:

Выберите инструмент «Текст».

Шаг 4. Выберите шрифт

Выбрав инструмент «Текст», перейдите к панели параметров в верхней части экрана и выберите шрифт, который хотите использовать для эффекта.Ваш выбор шрифтов будет зависеть от того, какие шрифты установлены на вашем компьютере. Я буду придерживаться чего-то простого и выберу Gill Sans Light для своего эффекта. Пока не беспокойтесь о размере шрифта:

.

Выберите шрифт на панели параметров.

Шаг 5: выберите цвет для текста

Далее нам нужно выбрать цвет для нашего текста. Есть несколько разных способов выбрать цвет текста в Photoshop. Для этого урока я собираюсь использовать очень простой и быстрый способ, который состоит в том, чтобы выбрать готовый цвет из палитры Swatches .Переключитесь на палитру «Образцы», которая по умолчанию сгруппирована между палитрами «Цвет» и «Стили». Палитра «Образцы» содержит коллекцию образцов цвета, которые по умолчанию устанавливаются вместе с Photoshop. Чтобы выбрать один из цветов, просто наведите курсор мыши на его образец цвета. Вы увидите, как курсор изменится на пипетку. Нажмите на образец пипеткой, чтобы выбрать цвет. Я выберу красный образец в левом верхнем углу:

.

Выберите цвет для текста, щелкнув образец цвета в палитре Образцы.

Шаг 6. Добавьте текст

Выбрав цвет, щелкните в любом месте документа и добавьте свой текст. Я наберу слово «ОТЗЫВЫ», все заглавными буквами:

Добавьте свой текст в документ.

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

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

Шаг 7. При необходимости измените размер текста с помощью свободного преобразования

Если вам нужно изменить размер текста, перейдите в меню Edit в верхней части экрана и выберите Free Transform или нажмите сочетание клавиш Ctrl+T (Win) / Command+T ( Мак).В любом случае вызывается команда Photoshop Free Transform, которая позволит нам легко изменять размер текста и перемещать его, если нам нужно:

Выберите «Правка» > «Свободное преобразование».

Выбрав его, вы увидите поле «Свободное преобразование», а вокруг текста в документе появятся маркеры. Чтобы изменить размер текста, удерживайте нажатой клавишу Shift , что предотвратит случайное искажение соотношения ширины и высоты текста при изменении его размера, а затем просто нажмите на любой из четырех угловых маркеров (маленькие квадраты ) и перетащите их внутрь, чтобы уменьшить текст, или наружу, чтобы увеличить его.Чтобы переместить текст, щелкните в любом месте поля «Свободное преобразование» и перетащите текст в новое место. Только не нажимайте на маленький целевой символ в самом центре поля, иначе вы переместите целевой символ, а не текст. Я собираюсь немного увеличить текст, удерживая Shift и перетаскивая маркер в правом нижнем углу наружу. Я также немного перетащу текст вниз, чтобы нижняя часть текста оказалась ближе к горизонтальному центру документа:

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

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять трансформацию и выйти из команды Free Transform.

Шаг 8. Дублируйте текстовый слой

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

Выберите «Слой» > «Создать» > «Слой через копирование».

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

Копия текстового слоя появляется над оригиналом.

Шаг 9. Отразите текстовый слой по вертикали

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

Выберите «Правка» > «Трансформировать» > «Отразить по вертикали».

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

Скопированный текстовый слой отображается вверх ногами перед исходным текстом.

Шаг 10. Перетащите скопированный текст под оригинал

Выберите Move Too l из палитры инструментов или нажмите букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Перемещение».

Затем, когда скопированный текстовый слой все еще выбран в палитре слоев (выбранные слои выделены синим цветом), удерживайте нажатой клавишу Shift , затем щелкните внутри документа и перетащите скопированный перевернутый текст под исходный текст.Удерживание клавиши Shift при перетаскивании облегчает перетаскивание текста прямо вниз, поскольку предотвращает случайное перемещение влево или вправо:

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

Шаг 11: добавьте маску слоя к перевернутому тексту

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

Щелкните значок маски слоя в нижней части палитры слоев.

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

Миниатюра предварительного просмотра маски слоя появляется на скопированном текстовом слое в палитре «Слои».

Шаг 12: выберите инструмент «Градиент»

Чтобы сделать текст на этом слое прозрачным, нам нужно нарисовать черно-белый градиент на нашей маске слоя (для получения дополнительной информации о том, как работают маски слоя, обязательно ознакомьтесь с нашим полным руководством Понимание масок слоя в разделе веб-сайта «Основы Photoshop »).Чтобы нарисовать градиент, нам понадобится Photoshop Gradient Tool , поэтому либо выберите его в палитре инструментов, либо просто нажмите букву G на клавиатуре, чтобы выбрать его с помощью сочетания клавиш:

.

Выберите инструмент «Градиент».

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

.

Щелкните область предварительного просмотра градиента на панели параметров.

Это вызывает Photoshop Gradient Editor , который показывает нам коллекцию градиентов, из которых мы можем выбирать. Нам нужен градиент от черного к белому , третий слева, верхний ряд.Нажмите на него, чтобы выбрать его, затем нажмите OK в правом верхнем углу диалогового окна, чтобы выйти из него:

Выберите градиент от черного к белому в редакторе градиентов.

Шаг 13. Нарисуйте вертикальный градиент снизу вверх вдоль перевернутого текста

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

Чтобы нарисовать градиент, щелкните внутри документа примерно на 3/4 пути вниз по направлению к нижней части перевернутого текста. Затем, удерживая нажатой клавишу Shift , перетащите вверх до точки, где перевернутый текст встречается с исходным текстом.Удержание клавиши Shift при перетаскивании предотвращает перемещение влево или вправо при перетаскивании вверх:

Щелкните и перетащите градиент от черного к белому вертикально вдоль перевернутого текста.

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

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

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

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

Шаг 14. Отрегулируйте непрозрачность слоя для точной настройки эффекта

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

Уменьшите непрозрачность слоя, чтобы сделать отражение еще более размытым.

Вот, после снижения непрозрачности, мой окончательный эффект отражения текста:

Окончательный эффект отражения текста.

Куда идти дальше…

И вот оно! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!


Photoshop Эффект отражения воды

Автор сценария Стив Паттерсон.

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

Примечание к версии: Это руководство написано для Photoshop CS5 и более ранних версий.Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим совершенно новым учебным пособием по эффекту отражения в воде.

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

Исходное изображение.

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

Окончательный результат.

Этот урок из нашей серии фотоэффектов. Давайте начнем!

Загрузите это руководство в формате PDF, готовом к печати!

Шаг 1. Дублируйте фоновый слой

С нашим изображением, недавно открытым в Photoshop, мы можем видеть в палитре слоев, что в настоящее время у нас есть один слой, фоновый слой, который содержит наше изображение:

Исходное изображение на фоновом слое в палитре слоев.

Нам нужно продублировать фоновый слой, и мы можем сделать это с помощью сочетания клавиш Ctrl+J (Win) / Command+J (Mac). Теперь, когда я смотрю на свою палитру «Слои», я вижу, что теперь у меня есть два слоя — мой исходный фоновый слой внизу и новый слой «Слой 1» над ним, который является моей копией:

.

Нажмите «Ctrl+J» (Win) / «Command+J» (Mac), чтобы дублировать фоновый слой.

Шаг 2. Добавьте больше места на холсте внизу документа

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

Сначала введите 100 для высоты и установите измерение на процентов , как обведено красным ниже.Оставьте для параметра Width значение 0. Затем убедитесь, что установлен флажок Relative , который указывает Photoshop предоставить нам на 100% больше места на холсте, чем то, что у нас уже есть. Под опцией «Относительно» находится сетка квадратов 3х3. Здесь мы сообщаем Photoshop, где мы хотим разместить дополнительное пространство холста. Щелкните внутри квадрата в середине верхнего ряда (опять же, как обведено ниже). Это говорит Photoshop не размещать дополнительное пространство холста над документом, а вместо этого поместить все это внизу:

Добавьте больше места на холсте с помощью диалогового окна «Размер холста».

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

х

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

Шаг 3. Отразите верхний слой по вертикали

Чтобы создать наше отражение, нам нужно перевернуть изображение вверх ногами, так что давайте сделаем это. Выбрав верхний слой в палитре слоев, перейдите в меню Edit в верхней части экрана, выберите Transform , а затем выберите Flip Vertical .Фотошоп перевернет изображение вверх ногами в документе:

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

Шаг 4. Перетащите перевернутое изображение в нижнюю часть документа

Нам нужно, чтобы перевернутое изображение было внизу документа, поэтому возьмите инструмент Move Tool из палитры инструментов или нажмите V на клавиатуре, чтобы получить ярлык:

Выберите инструмент «Перемещение».

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

Перетащите перевернутое изображение ниже оригинала.

Шаг 5. Добавьте новый пустой слой

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

Добавить в документ новый пустой слой.

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

Мы собираемся заполнить наш новый пустой слой белым цветом. Если белый в настоящее время не является вашим цветом фона, нажмите D на клавиатуре, что сбросит цвета переднего плана и фона Photoshop, сделав черный цветом переднего плана, а белый цветом фона. Затем используйте сочетание клавиш Ctrl+Backspace (Win) / Command+Delete (Mac), чтобы заполнить новый слой фоновым цветом (белым). Ваш документ будет заполнен сплошным белым цветом.

Теперь все изображение заполнено белым цветом.

Шаг 7. Примените фильтр «Полутоновый узор» для создания черно-белых горизонтальных линий

Перейдите в меню Filter в верхней части экрана, выберите Sketch , а затем выберите Halftone Pattern . Это вызывает галерею фильтров Photoshop (в Photoshop CS и выше), для которой установлены параметры фильтра «Полутоновый узор» справа, с большим предварительным просмотром эффекта слева. Мы собираемся использовать этот фильтр, чтобы добавить к изображению серию черно-белых горизонтальных линий.Эти линии станут нашей рябью на воде. Чем больше у нас линий, тем больше ряби у нас будет.

Во-первых, мы хотим убедиться, что создаем линии, а не точки или круги, поэтому установите для параметра Pattern Type значение Lines . Мы контролируем количество строк, регулируя параметр Size . Более низкие значения дают нам больше линий, так как мы уменьшаем размер каждой строки, а более высокие значения дают нам меньше, но более толстые линии. Я собираюсь установить значение размера на 7, что, по моему мнению, лучше всего подходит для моего изображения.Вы можете поэкспериментировать с этим значением самостоятельно. Параметр Contrast под ним определяет, насколько резкими будут края линий. Более низкие значения дают более мягкие линии, более высокие значения белого дают четкие линии краев. Установите это значение до 50 , чтобы придать вашим линиям острые края. Мы собираемся смягчить их сами с помощью фильтра Gaussian Blur через мгновение:

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

Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна, и Photoshop заполнит изображение сверху вниз вашими черными и белыми линиями:

Теперь изображение заполнено черными и белыми горизонтальными линиями.

Шаг 8: Примените фильтр «Размытие по Гауссу» к линиям

Прежде чем мы сможем использовать наши черные и белые линии в качестве водной ряби, нам нужно сгладить их и создать красивые плавные переходы между ними. Для этого снова перейдите в меню Filter , выберите Blur , а затем выберите Gaussian Blur , в результате чего откроется диалоговое окно «Размытие по Гауссу».Следите за своим изображением и перетащите ползунок в нижней части диалогового окна, чтобы увеличить значение Radius , пока края линий не станут очень мягкими. Я использую маленькое изображение для этого урока, поэтому для меня хорошо подходит значение радиуса около 4 пикселей. Если вы используете более крупное изображение с высоким разрешением, вам нужно установить более высокое значение:

.

Используйте фильтр «Размытие по Гауссу», чтобы сгладить края линий.

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

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

Мы собираемся создать новый документ из нашего слоя с линиями, который мы затем будем использовать в качестве карты смещения для нашей водной ряби. Выбрав слой линий, перейдите в меню Layer в верхней части экрана и выберите Duplicate Layer , чтобы открыть диалоговое окно «Дублировать слой». В параметрах «Назначение» щелкните стрелку вниз справа от параметра Document и установите для него значение New , что создаст новый документ Photoshop из нашего слоя:

Установите для параметра «Документ» в диалоговом окне «Дублировать слой» значение «Новый».

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

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

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

Выберите «Да», когда Photoshop спросит, хотите ли вы сохранить документ перед его закрытием.

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

Шаг 11: Удалите слой с линиями

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

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

Шаг 12: объедините два слоя в новый слой

Прежде чем мы сможем добавить использование нашей карты смещения, нам нужно объединить два слоя изображения в новый слой над ними. Для этого с выбранным «Слой 1» используйте сочетание клавиш Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E (Mac). В документе ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что оба слоя были объединены в новый слой вверху:

.

Оба слоя теперь объединены в новый слой «Слой 2».

Шаг 13. Используйте фильтр «Смещение», чтобы создать водную рябь

Мы готовы создать водную рябь, используя только что созданную карту смещения. С новым объединенным слоем, выбранным в палитре Layers, вернитесь к меню Filter в верхней части экрана, выберите Distort , а затем выберите Displace .

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

Нам не нужны вертикальные искажения для создания нашего эффекта, поэтому установите для параметра Vertical Scale значение 0 . Также убедитесь, что выбраны параметры Растянуть по размеру и Повторить пиксели края :

Выберите «Фильтр» > «Искажение» > «Смещение», чтобы открыть диалоговое окно «Смещение».

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

.

Изображение после применения нашей карты смещения с фильтром «Смещение».

Шаг 14. Скройте рябь сверху с помощью слой-маски

Конечно, сейчас у нас небольшая проблема.Мы добавили эффект водной ряби ко всему изображению, и мы хотели, чтобы он был только в нижней половине. Мы можем легко исправить это, используя маску слоя. Во-первых, Удерживая нажатой клавишу Ctrl, щелкните (Win) / , удерживая нажатой клавишу Command, (Mac) непосредственно на миниатюре «Слой 1» в палитре «Слои», чтобы поместить выделение вокруг перевернутого изображения в нижней части документа:

«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) непосредственно на миниатюре слоя 1 в палитре «Слои», чтобы поместить выделение вокруг перевернутого изображения.

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

Щелкните значок «Маска слоя», чтобы добавить маску слоя к объединенному слою в верхней части палитры «Слои».

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

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

Шаг 15. Примените фильтр «Размытие по Гауссу» к маске слоя

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

Adobe Photoshop Tutorials: Нажмите на миниатюру маски слоя в палитре слоев, чтобы выбрать маску слоя.

Вы можете сказать, что маска слоя теперь выбрана по белой рамке выделения вокруг ее миниатюры. Мы собираемся применить фильтр Gaussian Blur к маске, поэтому вернитесь в меню Filter , выберите еще раз Blur , а затем выберите Gaussian Blur .Когда появится диалоговое окно, просто нажмите OK, чтобы применить то же значение радиуса, которое мы использовали ранее.

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

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

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый корректирующий слой», затем перетащите мышь на «Цветовой тон/Насыщенность», чтобы выбрать его.

Удерживая нажатой клавишу «Alt/Option», Photoshop открывает диалоговое окно «Новый слой» перед добавлением корректирующего слоя. Выберите параметр Использовать предыдущий слой для создания обтравочной маски , установив флажок слева от него:

Выберите параметр «Использовать предыдущий слой для создания обтравочной маски» в диалоговом окне «Новый слой».

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

Откроется диалоговое окно Цветовой тон/Насыщенность. Мы хотим раскрасить нашу воду, поэтому первое, что мы хотим сделать, это выбрать опцию Colorize в правом нижнем углу. Затем выберите желаемый цвет воды, перетащив ползунок Hue вверху. Я собираюсь перетащить ползунок вправо до значения около 218, что, по моему мнению, является хорошим цветом для моей воды:

.

Используйте диалоговое окно Цветовой тон/Насыщенность, чтобы раскрасить воду.

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

Шаг 17: Уменьшите непрозрачность слоя Hue/Saturation

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

.

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

После того, как вы понизили непрозрачность корректирующего слоя, чтобы уменьшить интенсивность цвета воды, все готово! Вот мой окончательный результат «отражение в воде»:

Финальный эффект.

Просто для удовольствия, вот еще один пример точно такого же эффекта, примененного к другому изображению. Единственное, что я изменил здесь, это то, что я добавил только половину пространства холста под исходным изображением (я установил значение «Высота» в диалоговом окне «Размер холста» на 50% вместо 100%). Все остальное было сделано точно так же:

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

И вот оно! Вот как можно добавить эффект отражения воды к изображению с помощью 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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 — Добавьте размытие и шум, чтобы сделать композицию более целостной

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

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

Как создать отражение в Photoshop (простой способ!)

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

© Кевин Ландвер-Йохан

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

Шаг 1. Выберите фотографию, чтобы добавить отражение к

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

Шаг 2. Удвойте размер холста

© Kevin Landwer-Johan

Откройте выбранное изображение. Теперь вам нужно удвоить размер холста, чтобы освободить место для отражения Photoshop. Ctrl+Alt+c открывает окно изменения размера холста.
Рядом с полем ввода «Высота» щелкните раскрывающийся список и выберите «Проценты». Измените процент высоты на 200.
На диаграмме привязки щелкните стрелку в центре вверху. Это будет означать, что под изображением будет добавлено новое пространство холста.
Нажмите кнопку ОК.

Шаг 3. Создайте дубликат слоя

Разблокируйте слой, щелкнув значок замка на панели слоев. Дублируйте слой, выбрав его и нажав Ctrl+j на клавиатуре.
Переименуйте слои, чтобы было легче отслеживать, с каким из них вы работаете.
Сделайте оба слоя смарт-объектами, щелкнув их правой кнопкой мыши на панели слоев и выбрав «Преобразовать в смарт-объект».
Перетащите дубликат слоя в пространство под исходным слоем.

Шаг 4. Отразите нижний слой и добавьте размытие

© Kevin Landwer-Johan

Нижний слой будет вашим отражением, поэтому вам нужно отразить его по вертикали. Сделайте это с помощью инструмента Transform, который можно запустить, нажав Ctrl+t на клавиатуре.
Щелкните правой кнопкой мыши внутри изображения, выберите «Отразить по вертикали» и нажмите «Ввод» на клавиатуре.
В верхнем меню выберите «Фильтр»> «Размытие»> «Размытие в движении». Установите угол 90 градусов и расстояние значение, чтобы это выглядело хорошо.
Это зависит от размера и разрешения изображения, с которым вы работаете. В этом примере я установил расстояние в пикселях на 20.
При необходимости подтолкните слой вверх, чтобы между ним и верхним слоем не было зазора.

© Kevin Landwer-Johan

Шаг 5. Создайте новый файл

Теперь вам нужно создать новый файл, который поможет сделать отражение более реалистичным. Не делайте этот файл слишком большим. Сделайте его такой же формы, как и изображение отражения, но меньшего размера, иначе Photoshop не сможет его сохранить.
Я сделал свои 30% от размера моего изображения отражения.
Выберите инструмент «Заливка заливкой» и залейте изображение черным цветом. Разблокируйте фоновый слой, щелкнув значок замка на панели слоев.

Шаг 6. Добавьте шум и размытие текстуры

© Kevin Landwer-Johan

Теперь вы добавите немного шума к черному слою и начнете создавать текстуру, которую вы добавите к слою с отражением.
В верхнем меню выберите Filer>Noise>Add Noise. Установите Сумма 400% и установите флажок для Единой формы.Нажмите «ОК».
Далее вам нужно добавить еще немного размытия. Выберите «Фильтр»> «Размытие»> «Размытие по Гауссу» и установите радиус на 1,5 пикселя. Нажмите «ОК».
Вы увидите крапчатый вид изображения, но оно еще недостаточно текстурировано.

Шаг 7. Тиснение текстуры

© Kevin Landwer-Johan

Откройте панель каналов, щелкните красный канал. Выберите «Фильтр» в верхнем меню, а затем «Стилизация»> «Тиснение».
Установите угол на 90, высоту на 5 и количество на 500. Нажмите OK.
Теперь выберите Зеленый канал и Фильтр>Стилизация>Тиснение в верхнем меню.Установите угол на 0, высоту на 5 и количество на 500. Нажмите OK.
Включите все каналы, нажав RGB. Вернитесь на панель слоев, щелкните слой правой кнопкой мыши и выберите «Преобразовать в смарт-объект».3

Шаг 8. Растяните перспективу

© Kevin Landwer-Johan

Выделив слой, нажмите Ctrl+t на клавиатуре, чтобы открыть окно Transform. Щелкните правой кнопкой мыши внутри изображения и выберите «Перспектива».
Уменьшите масштаб, чтобы шумовое изображение на мониторе было маленьким.
Щелкните нижний левый или нижний правый маркер в поле «Преобразование» и перетащите его по горизонтали.
Это растянет основу изображения и поможет исказить шум, чтобы он выглядел естественно, когда вы включаете его в изображение отражения.
Нажмите Enter и верните масштаб к 100% (Ctrl+Alt+0 на клавиатуре).
Измените размер шумового изображения так, чтобы оно занимало чуть больше нижней половины холста. Для этого снова нажмите Ctrl+t и перетащите верхнюю ручку вниз примерно наполовину.
Теперь он сможет соответствовать вашему отражающему слою.
Назовите изображение и сохраните его там, где его можно будет легко найти для следующего шага.

Шаг 9. Добавьте слой смещения

© Kevin Landwer-Johan

Вернитесь к своему основному изображению. Нажмите на слой с отражением и продублируйте его, нажав Ctrl+j на клавиатуре. Назовите его Копия отражения.
Выбрав новый слой (который должен быть выше другого слоя отражения), в верхнем меню выберите «Фильтр»> «Искажение»> «Смещение». Установите масштабы по вертикали и горизонтали на 10.
Возможно, вам придется изменить это значение, если оно выглядит не очень хорошо, так как это зависит от размера и разрешения вашего изображения.
Нажмите кнопку ОК. Откроется новое окно, где вам нужно выбрать изображение искажения, которое вы только что создали и сохранили. Это добавит текстуру, которую вы создали в качестве слоя смещения.
Если волновой эффект слишком велик или слишком мал, отмените этот шаг. Повторите шаг еще раз, но на этот раз выберите большее или меньшее число для шкалы смещения.
Поэкспериментируйте с этим, пока не будете удовлетворены тем, как он выглядит.

Шаг 10. Настройте отражение

© Kevin Landwer-Johan

На слое копии отражения щелкните значок маски слоя в нижней части панели слоев.Выберите инструмент «Кисть» и установите черный цвет.
Щелкните правой кнопкой мыши в любом месте изображения и установите достаточно большой размер кисти, а ползунок «Жесткость» — на 0%. Щелкните в любом месте за пределами этого окна, чтобы закрыть его.
На панели параметров над изображением установите непрозрачность кисти на 20%. Теперь рисуйте из стороны в сторону по верхней половине слоя с отражением, где он встречается с верхним слоем. Это уменьшит его непрозрачность на 20%.
Продолжайте повторять это, пока ваше отражение не станет более естественным. Убедитесь, что у вас выбрана маска слоя, а не фактический слой.
Если у вас выбран слой, вы будете рисовать на нем 20% черного цвета, а не стирать 20%.
Делая это, вы минимизируете эффект ряби, что создает более естественное ощущение глубины.
Выберите два нижних слоя, щелкните их правой кнопкой мыши на панели слоев и выберите «Объединить слои».

© Kevin Landwer-Johan

Наконец, вызовите окно Curves, нажав Ctrl+m на клавиатуре. Нажмите и перетащите вниз середину линии регулировки кривых.
Это затемнит слой отражения.Перетащите регулировку кривой достаточно низко, чтобы она выглядела естественно.
Отражение в воде обычно немного темнее того, что отражается.
При необходимости обрежьте нижнюю часть фотографии.

Заключение

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

© Kevin Landwer-Johan

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

Leave a Reply

Ваш адрес email не будет опубликован.