Найти в Дзене

Создаём текст на воде в Фотошоп

Оглавление

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

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

Итак, давайте начнем!

Итоговый результат:

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

Шаг 1

Чтобы создать текст на воде, нам необходима фотография с изображением моря, озера или любое изображение с водной поверхностью. Я использую исходное изображение с морским пляжем, которое вы можете скачать по ссылке в начале этого урока, но вы можете использовать любое другое исходное изображение, которое вам нравится, это может быть фотография с летнего отпуска. Откройте исходное изображение с морским пляжем в программе Photoshop. Назовите слой с пляжем Морской пляж (Sea Beach).

-2

Шаг 2

-3

Шаг 3

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

Примечание: готовые произвольные фигуры на морскую тематику можно скачать по ссылке с нашего сайта.

-4

Шаг 4

Выделите слой с текстом и слой с силуэтом парусника, чтобы преобразовать их в смарт-объект. Как только вы выделили указанные слои, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object). Назовите этот слой Текст на воде (Water Text).

-5

Шаг 5

К слою Текст на воде (Water Text), добавьте слой-маску, как показано на скриншоте ниже.

-6

Шаг 6

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

-7

Шаг 7

Щёлкните по слою со смарт-объектом и в появившемся окне ещё раз выберите опцию Преобразовать в смарт-объект (Convert to smart object). Результат должен быть, как на скриншоте ниже.

-8

Шаг 8

Далее, идём Редактирование – Трансформация – Искажение (Edit > Transform > Distort). Измените перспективу текста в соответствии с перспективой морской поверхности, как показано на скриншоте ниже.

-9

Шаг 9

Теперь давайте добавим стили слоя к этому слою со смарт-объектом. Вначале уменьшите значение Заливки (Fill) слоя до 0%, а значение Непрозрачности (Opacity) слоя до 30%; не переживайте, если исчезнет текст.

-10

Шаг 10

К слою с текстом добавьте следующие стили слоя Тень (Drop Shadow) и Внешнее свечение (Outer Glow).

Для стиля слоя Тень (Drop Shadow), установите следующие настройки:

  • Режим наложения Жёсткий свет (Hard Light)
  • Цвет #5ff9ff 

Для стиля слоя Внешнее свечение (Outer Glow), установите следующие настройки:

  • Режим наложения Перекрытие (Overlay)
  • Цвет #d6fdff.
-11
-12

Шаг 11

Чтобы отражение текста на водной поверхности было более реалистичным, многие пользователи программы Photoshop используют Фильтр Смещение (Displace) программы Photoshop, вы можете ознакомиться с уроками по созданию эффектов искажения по указанной ссылке. Но т.к. эта техника слишком сложная, то мы используем фильтр Рябь (Ripple Filter) вместо указанного ранее фильтра. Итак, идём Фильтр - Искажение – Рябь (Filter - Distort - Ripple). Установите настройки, которые указаны на скриншоте ниже.

Примечание переводчика: чтобы активировать фильтр Смещение, идём Фильтр -Искажение - Смещение (Filter - Distort - Displace).

Уроки по работе с фильтром Смещение (Displace) на нашем сайте:

-13

Шаг 12

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

-14

Шаг 13

Если вы хотите сделать изображение более привлекательным, то вы можете добавить пальмы, которые создадут отличную основу. С помощью любого инструмента выделения, с которым вы предпочитаете работать, отделите пальмы от заднего фона. Для коррекции цветовых тонов, используйте коррекцию Цветовой Баланс (Color Balance) и Цветовой тон / Насыщенность (Hue/Saturation) для ослабления яркости.

-15

Шаг 14

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

-16

Шаг 15

К слою с солнечным бликом, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur).

-17

Шаг 16

-18

Шаг 17

Чтобы изменить цветовую тональность, а также яркость эффекта, вы можете добавить корректирующие слои Карта градиента (Gradient Map), (цвета градиента: #886203 и #fed903, режим наложения Цветность (Color)) и Яркость / Контрастность (Brightness/Contrast). Не забудьте преобразовать данные корректирующие слои в обтравочные маски, для этого, щёлкните правой кнопкой мыши по корректирующему слою в палитре слоёв и в появившемся окне выберите опцию Создать обтравочную маску (Create Clipping Mask).

-19

Шаг 18

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

-20

Шаг 19

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

Примечание переводчика: 1. выберите понравившуюся текстуру с оптическим бликом, переместите текстуру на свой рабочий документ, а затем просто поменяйте режим наложения на Осветление (Screen) 2. чтобы применить фильтр Цветовой контраст (High Pass), идём Фильтр – Другое - Цветовой контраст (Filter - Other - High Pass), но вначале не забудьте создать объединённый слой поверх всех слоёв, для этого находясь на самом верхнем слое в палитре слоёв, нажмите клавиши (Ctrl+Alt+Shift+E) 3. Автор дополнительно добавил корректирующий слой Вибрация (Vibrance).

-21

Шаг 20

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

-22

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

Примечание. Дополнения с нашего сайта:

-23

Итоговый результат:

-24

Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru