Найти тему

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

Оглавление

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

Начнем!

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

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

Шаг 1

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

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

-2

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

-3

Dual Brush (Двойная кисть)

(Выбираем кисть Oil Medium Wet Flow)

-4

Шаг 2

-5

Шаг 3

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

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

-6

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

-7

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

-8

Transfer (Передача)

-9

Шаг 4

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

-10

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

Шаг 1

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

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

-11

Шаг 2

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

-12

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

Шаг 1

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

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

-13

Шаг 2

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

-14

Шаг 3

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

-15

Шаг 4

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

-16

Шаг 5

-17

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

Шаг 1

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

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

-18

Шаг 2

-19

Шаг 3

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

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

-20

Шаг 4

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

-21

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

Шаг 1

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

-22

Шаг 2

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

-23

Шаг 3

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

-24

Шаг 4

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

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

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

-26

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

Шаг 1

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

-27

Шаг 2

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

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

-28

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

Шаг 1

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

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

-29

Шаг 2

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

-30

Шаг 3

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

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

-31

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

Шаг 1

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

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

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

-32

Шаг 2

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

-33

Заключение

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

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

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

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

-34

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