Делаем в Фотошоп текст с эффектом зеркального отражения. Фотошоп эффект отражения


Делаем в Фотошоп текст с эффектом зеркального отражения

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 1

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

Шаг 2

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

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

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

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

Шаг 1

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

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

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

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

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

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

Автор: Rose

photoshop-master.ru

Эффект двойной экспозиции в Photoshop

Если вы не видели клип певицы Тэйлор Свифт на ее популярную песню «Стиль», не поленитесь и посмотрите его!  Клип, действительно, достаточно стилистический с удивительными и вдохновляющими эффектами, использующими силуэты и двойную экспозицию.

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

Клип певицы Тэйлор Свифт на ее песню «Стиль» вдохновил меня и мою дочь на создание стилистических эффектов двойной экспозиции. Сначала мы воссоздали эффект профиля с выходом из пещеры . Затем мы рассмотрели, как создать эффект двойной экспозиции с применением дыма. В этом уроке мы изучим, как создать интересный эффект отражения в стекле.

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

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

1. Готовим Исходники

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

Шаг 1

В архиве с файлами урока есть две фотографии, нужные для урока. На первой  - модель держит осколок стекла перед глазами (файл GlassShardStart.jpg).

На второй - просто изображена модель (файл FrontFacing.jpg). Эту фотографию мы будем использовать для создания отражения.

Шаг 2

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

2. Создаем эффект

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

Шаг 1

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

Как только вы определите конечное положение фотографии, верните слою 100%-ную непрозрачность. Преобразуйте слой в смарт-объект, выбрав Слои > Смарт-Объект > Преобразовать в Смарт-Объект (Layer > Smart Object > Convert to Smart Object), и выключите слой, чтобы была видна только фотография с осколком стекла.

Шаг 2

Инструментом Быстрое выделение (Quick Selection Tool) (W) выделите осколок стекла.

Нажмите на кнопку Уточнить край (Refine Edge) и немного сгладьте (Smooth) края, примерно, до отметки 10. Установите Растушевка (Feather) - на 0,5 px. Убедитесь, что в графе Вывод в (Output To) стоит Слой-маска (Layer Mask).

Шаг 3

Добавьте небольшое размытие отражению при помощи фильтра Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur > Gaussian Blur) со значением радиуса, равным 2 px.

Кликните по белой миниатюре рядом со словом Смарт-Фильтр (Smart Filter) на панели слоев. Это маска смарт-фильтра, которая контролирует область применения фильтра. Воспользуйтесь круглой мягкой кистью черного цвета, чтобы убрать размытие с глаз.

Шаг 4

Нам нужно добавить больше правдоподобности осколку.  Для этого добавьте стиль слоя Тиснение (Bevel & Emboss) со следующими настройками:

  • Глубина (Depth): 317%
  • Размер (Size): 2 px
  • Смягчение (Soften): 1 px
  • Угол (Angle): 1390
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 39%
  • Поставьте галочку в строке Контур (Contour)

Далее добавьте стиль слоя Внутренняя тень (Inner Shadow)со следующими настройками:

  • Цвет внутренней тени: #142c51.
  • Непрозрачность (Opacity): 53%
  • Угол (Angle): 1200
  • Смещение (Distance): 4 px
  • Стягивание (Choke): 20%
  • Размер (Size): 41 px

И, наконец, добавьте стиль слоя Внутреннее свечение (Inner Glow):

  • Непрозрачность (Opacity): 27%
  • Цвет свечения: #bdc9d4
  • Стягивание (Choke): 11%
  • Размер (Size): 68 px

Теперь осколок стекла стал, бесспорно, более правдоподобен.

Шаг 5

Перейдите в меню Выделение > Выделить снова (Select > Reselect), чтобы снова выделить стекло. Перейдите на фоновый слой, чтобы сделать его активным, и скопируйте выделенный участок (Ctrl + J) на отдельный слой. Поднимите новый слой с осколком на самый верх и установите режим наложения Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 50%. На отражении появится первоначальная текстура стекла.

Шаг 6

Создайте новый слой выше слоя с отражением в качестве обтравочной маски, нажав Слои > Создать обтравочную маску (Layer > Create Clipping Mask) или сочетание клавиш (Alt-Control-G). Выберите инструмент Градиент (Gradient Tool) (G): тип - линейный, от цвета #bdc9d4 к прозрачному. Протяните градиент по стеклу слева направо. Установите режим наложения слоя с градиентом на Осветление (Screen) и уменьшите Непрозрачность (Opacity) до 50%. Это придаст осколку легкий блеск.

Шаг 7

Создайте ещё один новый слой, также в качестве обтравочной маски к слою с отражением. Выберите кисть «Dirt Brush 03» из набора, предоставленного в начале урока. Одиночным кликом нарисуйте разводы на стекле цветом #bdc9d4. Установите режим наложения Осветление (Screen) и уменьшите Непрозрачность (Opacity) до 75%.

3. Стилизуем эффект

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

Шаг 1

Создайте новый слой под слоем с отражением и воспользуйтесь командой Редактирование > Выполнить заливку (Edit > Fill), чтобы залить слой 50% серым цветом. Установите для слоя режим наложения Перекрытие (Overlay), чтобы скрыть серый цвет. Выберите инструмент Затемнитель (Burn Tool) (O) и на верхней панели установите режим Средние тона (Midtones), уменьшите экспозицию (Exposure) до 11%. Нарисуйте мягкие тени позади стекла.

Шаг 2

Кликните по верхнему слою со стеклом, чтобы сделать его активным. Далее создайте один объединенный слой путем одновременного нажатия клавиши Alt и выбора команды Слои > Объединить видимые (Layer > Merge Visible).

Примечание переводчика: для создания объединенного слоя можно нажать сочетание клавиш (Ctrl + Shift + Alt + E)

Затем перейдите в меню Фильтр > Фильтр Camera Raw (Filter > Camera Raw Filter). Во вкладке Основные (Basic) уменьшите Чёткость (Clarity) до -25 и увеличьте Красочность (Vibrance) до +10. Это поможет придать изображению эффект софт фокуса (мягкого фокуса).

Перейдите во вкладку Эффекты (Effects) и в секции Виньетирование после кадрирования (Post Crop Vignette) уменьшите Эффект (Amount) до -56.

Шаг 3

Оригинальный эффект из клипа Тэйлор Свифт имел выраженный синий оттенок. Мы повторим это в нашем уроке при помощи простой заливки. Создайте отдельный слой-заливку путем выбора команды Слои > Новый слой-заливка >Цвет (Layer > New Fill Layer > Solid Color). Используйте голубовато-зеленый оттенок:#3d5264. Установите режим наложения Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 50%.

Шаг 4

Завершим работу над эффектом с помощью корректирующего слоя Кривые (Curves). Создайте новый корректирующий слой и придайте кривой легкий S-образный изгиб. Он повысит общую контрастность изображения.

Конечный результат будет таким:

Автор: Kirk Nelson

photoshop-master.ru

Отражение в стекле | photoshop-virtuoz.ru

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

Отражение в стекле

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

10-12-3-2

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

10-12-3-3

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

10-12-3-4

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

10-12-3-5

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

10-12-3-6

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

10-12-3-7

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

10-12-3-8

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

10-12-3-9

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

10-12-3-10

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

10-12-3-11

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

10-12-3-12

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

10-12-3-13

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

10-12-3-14

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

10-12-3-15

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

10-12-3-16

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

10-12-3-17

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

10-12-3-18

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

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

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

10-12-3-1

Переводчик: Владимир Нестеров | Источник: devwebpro.com

photoshop-virtuoz.ru

Делаем в Фотошоп текст с эффектом зеркального отражения

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 1

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

Шаг 2

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

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

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

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

Шаг 1

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

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

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

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

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

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

Автор: Rose

photoshop-master.ru

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

Поделитесь с друзьями в соц. сетях:

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

Автор урока: Стив Паттерсон.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С выделенным слоем перейдите на Edit menu и выберите Transform, затем Flip Vertical:Эффект отражения в воде в фотошопе 10

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

И теперь у нас есть зеркальная копия изображения ниже оригинала:Эффект отражения в воде в фотошопе 12

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Перейти к меню Edit (Правка) в верхней части экрана, выберите Transform, затем выберите Perspective:Эффект отражения в воде в фотошопе 26

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

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

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

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

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

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

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

Перейти к меню File и выберите Save As:Эффект отражения в воде в фотошопе 32

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

При выборе на месте нажмите на иконку Layer Mask внизу панели слоев:Эффект отражения в воде в фотошопе 49

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

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

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

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

Выберите Hue/Saturation из списка корректирующих слоев, который появится:Эффект отражения в воде в фотошопе 53

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

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

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

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

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

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

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

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

Возьмём этот снимок:Эффект отражения в воде в фотошопе 60

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

pixelonline.ru


Смотрите также