Уроки Работа с текстом Любовь Артеменко 29 января 2016

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

Сложность урока: Средний

Содержание

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

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

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

Дважды щелкните по слою “Капли 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%

Шаг 2

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

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

Шаг 3

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

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

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

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

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

Шаг 1

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

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 1

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

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

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

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

Шаг 2

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

Шаг 3

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

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

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

Шаг 1

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

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

Шаг 2

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