Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

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

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

Как создать текстовый эффект в виде кофейного пятна (How to Create a Coffee-Stained Text)

Особенности урока: используемые программы — Photoshop CС и Illustrator, время создания эффекта — 30-45 мин., сложность урока – средняя.

Материалы урока

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 1. СОЗДАЕМ КИСТЬ

Шаг 1.

Выберите инструмент Brush Tool перейдите в панель настройки кисти Window > Brush или нажмите F5 и выберите кисть Spatter 24 pixels. Затем измените настройки кисти, как показано ниже.

Brush Tip Shape

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Shape Dynamics

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Dual Brush

(Используйте тип Oil Medium Wet Flow)

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Нажмите иконку Create new brush, назовите новую кисть Stroke Brush.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 3.

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

Brush Tip Shape

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Shape Dynamics

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Scattering

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Transfer

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 4.

Назовите новую кисть Smudge Brush.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 2. ДОБАВЛЯЕМ ФОН И ТЕКСТ

Шаг 1.

Создайте новый документ 1024 x 683 px, добавьте файл с текстурой Canvas oil 01 выше фона и переименуйте слой на BG Texture.

Перейдите в меню Edit > Transform > Rotate 90° Counter Clockwise, затем измените размер текстуры и разместите её, как вам нравится.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Создайте текст установив все прописные буквы, выбрав шрифт Tallow TC Regular, задайте размер шрифту 250 pt и значение Tracking установите равное 200.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 3. ДОБАВЛЯЕМ АКВАРЕЛЬНУЮ КИСТЬ

Шаг 1.

Откройте файл Watercolor Brushes and Textures в Illustrator, выберите большую желтую форму кисти и перейдите в меню Edit > Copy.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Перейдите опять в Photoshop и вставьте скопированную форму как Smart Object.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 3.

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

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 4.

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

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 5.

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

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 4. ПРИМЕНЯЕМ К ТЕКСТУ ОБВОДКУ И РАЗМАЗЫВАЕМ ТЕКСТ

Шаг 1.

Правый клик по слою с текстом и выберите пункт Create Work Path.

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

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Выберите инструмент Brush Tool и выберите кисть Stroke Brush которую вы сделали раньше. Затем нажмите клавишу Enter чтоб применить обводку.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 3.

Выберите инструмент Smudge Tool и установите кисть Smudge Brush.

В панели настройки инструмента установите режим Normal и установите значение Strength на 50%.

Нажмите клавишу Enter чтоб применить обводку.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 4.

Выберите инструмент Direct Selection Tool [A] и нажмите Enter чтоб избавится от рабочего контура.

Снова выберите инструмент Smudge Tool и размойте вручную некоторые области текста.

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

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 5. КОЛОРИРУЕМ И СТИЛИЗУЕМ ТЕКСТ

Шаг 1.

Создайте новый корректирующий слой Hue/Saturation.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Установите его в режиме обтравочной маски и примените следующие настройки.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 3.

Измените режим смешивания слоя с акварельной кистью на Multiply.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 4.

Двойной клик по слою и применяем стиль Inner Shadow установив следующие настройки.

Blend Mode: Color Burn
Opacity: 88%
Distance: 0
Size: 9

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Вот так у вас будет выглядеть результат.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 6. ПРИМЕНЯЕМ НЕКОТОРЫЕ КОРРЕКТИРОВКИ

Шаг 1.

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

Измените цвет переднего плана на белый., выберите инструмент Brush Tool и используя кисть Splatter Brushes добавьте мелких точек тексту.

Вы можете выбрать инструмент Eraser Tool [E] и стереть некоторые не нужные области.

Выберите инструмент Smudge Tool и используя кисть Smudge Brush и размажьте некоторые части.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Создайте новый корректирующий слой Levels выше слоя с фоном в режиме обтравочной маски и установите следующие настройки.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 7. ДОБАВЛЯЕМ РЕЗКОСТИ

Шаг 1.

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

Конвертируйте данный слой в Smart Object.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Примените фильтр High Pass перейдя в меню Filter > Other > High Pass и установив радиус 2 рх.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 3.

Измените режим смешивания для слоя на Soft Light.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

ЭТАП 8. ДОБАВЛЯЕМ ВИНТАЖ

Шаг 1.

Добавьте корректирующий слой Gradient выше всех слоев.

Используйте тип градиента Transparent to Fill Color, установив цвет #f3f2ef для левого маркера, а цвет #444444 для правого.

Измените стиль градиента на Radial. Выберите пункт Dither и установите значение Scale на 265.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Шаг 2.

Измените режим смешивания для Color Burn.

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Вот и все…

Поздравляю, вы выполнили урок

Уроки Photoshop: Создаем текстовый эффект в виде кофейного пятна

Автор: Rose / Источник: Tutsplus / Переводчик: 2 fingers

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.