June 28, 2021

Создаём текст из кофейных пятен

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

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

ШАГ 1

Берем Brush Tool(B) (Кисть) и открываем панель кистей Window – Brush (Окно – Кисть).

Выбираем кисть Splatter 24 pixels и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Dual Brush (Двойная кисть)(Выбираем кисть Oil Medium Wet Flow)

ШАГ 2

В нижнем правом углу панели Brush(Кисть) жмем на кнопку Create new brush (Создать новую кисть) и в появившемся диалоговом окне пишем название Stroke Brush.

ШАГ 3

Далее выбираем мягкую круглую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

Shape Dynamics (Динамика формы)

Scattering (Рассеивание)

Transfer (Передача)

ШАГ 4

Создаем новую кисть и называем ее Smudge Brush.

2. Добавляем фон и текст

ШАГ 1

Создаем новый документ размером 1024 х 683 пикселей, выше фонового слоя вставляем текстуру Canvas oil 1 и называем новый слой BG Texture.

Переходим Edit – Transform – Rotate 90 CCW (Редактирование – Трансформация – Поворот на 90 против часовой стрелки) и подбираем наиболее удачное положение текстуры.

ШАГ 2

Заглавными буквами пишем текст, используя шрифт Tallow TC Regular, Size (Размер) устанавливаем на 250 pt и Tracking (Трэкинг) на 200.

3. Добавляем акварельную текстуру

ШАГ 1

Примечание: в этом шаге мы будем работать в программе Adobe Illustrator, но если у вас ее нет, вы можете найти в интернете готовую акварельную текстуру формата .png и использовать ее.

Открываем файл Watercolor Brushes and Textures в Illustrator, выделяем желтое пятно и переходим Edit – Copy (Редактирование – Копировать).

ШАГ 2

Переходим в Photoshop, затем Edit – Paste (Редактирование – Вставить) и выбираем вставку в виде Smart Object (Смарт-объект).

ШАГ 3

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

ШАГ 4

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

ШАГ 5

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

4. Редактируем текст

ШАГ 1

Кликаем правой кнопкой по текстовому слою и выбираем Create Work Path (Создать рабочий контур).

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

ШАГ 2

Берем Brush Tool(B) (Кисть) и выбираем кисть Stroke Brush, которую мы создали в начале урока, затем жмем клавишу Enter, чтобы выполнить обводку текста по рабочему контуру.

ШАГ 3

Теперь берем инструмент Smudge Tool(Палец) и выбираем кисть Smudge Brush, которую мы создали в начале урока.

На панели параметров инструмента устанавливаем Mode (Режим) на Normal (Нормальный) и Strength (Интенсивность) на 50%.

Жмем клавишу Enter, чтобы применить инструмент к обводке.

ШАГ 4

Берем Direct Selection Tool (A) (Прямое выделение) и жмем клавишу Enter, чтобы избавиться от рабочего контура. Вы можете еще раз пройтись инструментом Smudge Tool(Палец) по контуру и доработать его вручную.

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

5. Настраиваем цвет текста

ШАГ 1

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

ШАГ 2

В окне настройки корректирующего слоя жмем на кнопку Clip to layer (Обтравочная маска), затем устанавливаем Hue (Цветовой тон) на -10, Saturation (Насыщенность) на -43 и Lightness (Яркость) на -3.

ШАГ 3

Меняем режим смешивания слоя с акварельной текстурой на Multiply (Умножение).

ШАГ 4

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

  • Blend Mode (Режим смешивания): Color Burn (Затемнение основы)
  • Opacity (Непрозрачность): 88%
  • Distance (Расстояние): 0
  • Size (Размер): 9

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

6. Дополнительная коррекция

ШАГ 1

Дублируем слой с акварельной текстурой (Ctrl+J) вместе с корректирующим слоем Hue/Saturation (Цветовой тон/Насыщенность), затем выделяем маску копии акварельной текстуры и заливаем ее черным цветом.

Берем Brush Tool(B) (Кисть), выбираем белый цвет, кисть Splatter Brush и создаем эффект мелких брызг. С помощью Eraser Tool(E) (Ластик) вы можете удалить лишние детали. Затем берем Smudge Tool(Палец) и кистью Smudge Brush размазываем брызги.

ШАГ 2

Выше слоя BG Texture добавляем корректирующий слой Levels (Уровни), преобразовываем его в обтравочную маску (Ctrl+Alt+G) и устанавливаем Highlights (Свет) на 245.

В результате, фоновая текстура стала немного светлее.

7. Увеличиваем резкость

ШАГ 1

Создаем новый слой выше всех предыдущих, называем его High Pass и жмем Ctrl+Shift+Alt+E, чтобы объединить все видимые слои на отдельном новом.

Кликаем правой кнопкой мыши по слою High Pass и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

ШАГ 2

Переходим Filter – Other – High Pass (Фильтр – Другие – Цветовой контраст) и устанавливаем Radius (Радиус) на 2.

ШАГ 3

Устанавливаем режим смешивания слоя High Pass на Soft Light (Мягкий свет).

Картинка стала более четкой.

8. Добавляем виньетку

ШАГ 1

Добавляем корректирующий слой Gradient (Градиент) выше всех предыдущих слоев.

Выбираем градиент от прозрачного к цвету, используя цвет #f3f2ef слева и цвет #444444 справа.

Меняем Style (Стиль) на Radial (Радиальный), активируем Dither (Дизеринг) и устанавливаем Scale (Масштаб) на 265.

ШАГ 2

Меняем режим смешивания градиентного слоя на Color Burn (Затемнение основы).

Заключение

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

Затем добавили фон, создали текст и добавили акварельную текстуру в качестве обтравочной маски.

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

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