Создаем текст из капель дождя в Фотошоп

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

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

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

Создадим новый документ (Ctrl + N) размером 1500 на 875 px и заполним его черным цветом #000000.

Напишите свой текст, используя инструмент Горизонтальный текст (Text Tool) и шрифт CoreHumanistSans. Убедитесь в том, что Цвет (Color) установлен на белый #fff, Размер (Size) 350 px и Трекинг (Tracking): -25.

Щелкните правой кнопкой мыши на текстовом слое и выберите Преобразовать в Смарт-объект (Convert to Smart object).

2. Применяем фильтр

Установите цвет переднего плана и фона - черный и белый.

Теперь перейдите Фильтр > Галерея фильтров > Текстура > Витраж (Filter > Filter Gallery > Texture > Stained Glass). Измените Размер ячейки (Cell Size) на 20, Толщина границ (Border Thickness) на 7, и Интенсивность света (Light Intensity) на 3.

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

Активируйте инструмент Волшебная палочка (Magnetic Lasso), после этого снимите галочку Смежные пикселы (Contiguous) в панели настроек. Теперь, нажмите на одну из белых клеток, чтобы создать выделение.

3. Создаем капли

Откройте панель каналов Окно > Каналы (Window > Channels) и нажмите иконку Создать новый канал (Create new channel) в нижней части панели слоев.

Убедитесь, что канал Альфа 1 выбран, выберите инструмент Заливка (Paint Bucket Tool) и заполните выделение белым цветом, а затем перейдите Выделение > Отменить выделение (Select > Deselect) или нажмите комбинацию клавиш (Ctrl + D).

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

Теперь перейдем Изображение > Коррекция > Уровни (Image > Adjustments > Levels). Все что вам необходимо сделать, это изменить положение ползунков, пока Вы не получите капли как на картинке ниже.

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

4. Загружаем выделение и добавляем фоновое изображение

Нажмите на RGB канал, а затем вернитесь в панель слоев.

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

Перейдем Выделение > Загрузить выделенную область (Select > Load Selection) и выберем канал Альфа 1 (Alpha 1) в выпадающем меню.

Создадим новый слой (Ctrl + Shift + N), назовем его “Капли 1”, зальем выделение белым цветом, затем нажмем комбинацию клавиш (Ctrl + D), чтобы снять выделение.

Изменим Заливку (Fill) слоя с каплями на 0, затем дублируем его ( Ctrl + J) и переименуем его в “Капли 2”.

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

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

Примечание: Изменить размер можно, нажав комбинацию клавиш Ctrl + T.

5. Добавляем стили к слою “Капли 1”

Дважды щелкните по слою “Капли 1”, чтобы применить следующие стиля слоя:

Добавим стиль Тиснение (Bevel and Emboss) со следующими параметрами:

• Размер (Size): 7
• Убираем галочку Глобальное освещение (Use Global Light)
• Угол (Angle): 180
• Высота (Altitude): 53
• Ставим галочку Сглаживание (Anti-aliased)
• Режимподсветки (Highlight Mode): Яркийсвет (Vivid Light)
• Непрозрачность (Opacity): 50%
• Режимтени (Shadow Mode) - Непрозрачность (Opacity): 15%

Добавим стиль Контур (Contour) с такими параметрами:

• Контур (Contour): Асимметричный (Asymmetrical)
• Ставим галочку Сглаживание (Anti-aliased)

Добавим стиль Тень (Drop Shadow) со следующими параметрами:

• Непрозрачность (Opacity):5%
• Смещение (Distance): 3
• Размер (Size): 5

Вот таким получился у нас стиль у первого слоя.

6. Добавляем стили к слою “Капли 2”

Дважды щелкните на слой “Капли 2”, чтобы применить следующие стиля слоя:

Добавим стиль Тиснение (Bevel and Emboss) со следующими параметрами:

• Размер (Size): 16
• Убираем галочку Глобальное освещение (Use Global Light)
• Угол (Angle): 27
• Высота (Altitude): 53
• Ставим галочку Сглаживание (Anti-aliased)
• Режимподсветки (Highlight Mode): Яркийсвет (Vivid Light)
• Непрозрачность (Opacity): 50%
• Режимтени (Shadow Mode) - Непрозрачность (Opacity): 5%

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

Добавим стиль Контур (Contour) с такими параметрами:

• Контур (Contour): Конус (Cone)
• Ставим галочку Сглаживание (Anti-aliased)
• Диапазон (Range): 100%

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

• Непрозрачность (Opacity): 50%
• Смещение (Distance): 0
• Размер (Size): 13

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

7. Изменяем фон

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

Так что теперь мы удалим некоторые капли, чтобы улучшить конечный результат. Чтобы сделать это, активируйте инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) и выберите мягкую круглую Кисть (Brush) размером с каплю.

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

Примечание: Убедитесь, что Вы находитесь на слое с текстурой в палитре слоев.

Инструмент Точечная восстанавливающая кисть (Spot Healing Brush Tool) должен убирать капли нормально, но если вы хотите, можете использовать любые другие инструменты, чтобы получить нужный результат.

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

8. Добавляем еще текстуру

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

Откроем текстуру Texture 06 в фотошоп, затем поместим изображение поверх всех слоев и назовем ее "Текстура капель”. Изменим ее размер (Ctrl+ T), чтобы покрыть текст, затем изменим Режим смешивания (Blend Mode) слоя на Мягкий свет (Soft light) и Непрозрачность (Opacity) до 30%.

Удерживая нажатой клавишу Ctrl, щелкните мышью по миниатюре слоя капли, чтобы создать выделение. Затем перейдите на слой “Текстура капель” и нажмите на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев.

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

Добавим текстуру Боке поверх всех слоев, изменим ее размер (Ctrl + T) по мере необходимости и переименуем слой в “Текстура боке”. Измените Режим смешивания (Blend Mode) на Мягкий свет (Soft light) и Непрозрачность (Opacity) до 35%.

9. Добавим цвет

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части палитры слоев и выберите Карта градиента (Gradient Map).

Примечание: вначале из скачанного набора градиентов загрузите файл CSP True Sky Gradients.grd

Выберите градиентную заливку, как на картинке ниже, проверьте, стоит ли галочка возле опции Дизеринг (Dither) и измените Режим смешивания (Blend Mode) корректирующего слоя на Линейный осветлитель (Linear Burn) и Непрозрачность (Opacity) до 20%.

Это добавит голубой оттенок каплям.

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

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

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