Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Типографический эффект в стиле кофейных разводов в Adobe Photoshop

17 ноября 2016 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

how to make a coffee stain text in Photoshop

Исходники

Для выполнения урока вам понадобятся следующие файлы:

Создаем фон

В новый документ PSD вставьте текстуру старой бумаги и назовите слой Old Paper Texture. Нажмите CTRL+T, чтобы трансформировать изображение и поверните его на 90 градусов.

old paper texture

Создайте корректирующий слой Gradient Map/Карта градиента. Для создания градиента используйте цвета #6c6863 и #f9eddf. При помощи этого корректирующего слоя мы легко изменим цветовой тон бумаги.

old paper texture

Добавьте корректирующий слой Brightness/Contrast/Яркость/Контраст. Снизьте Brightness/Яркость и увеличьте Contrast/Контраст.

brightness/contrast adjustment

Текст из пятен

В новом слое введите текст, используя акварельный шрифт из исходников. Как вы можете видеть, это искаженный шрифт. Схожий эффект вы можете получить, пропустив обычный шрифт через фильтр Ripple/Рябь или Wave/Волна. Назовите слой Coffee Stain Text 1.

stain font type

Укажите слою Coffee Stain Text 1 Fill/Заливку в 0% и укажите следующие стили слоя с настройками как на скриншотах ниже: Outer Glow/Внешнее свечение (цвет #39302c), Внутреннее свечение (цвет #814603) и Stroke/Обводка (цвета #030303, #898989, #030303, #898989).

Outer Glow

Inner Glow

Stroke

coffee stain text photoshop style

Дублируйте слой Coffee Stain Text 1 и назовите копию Coffee Stain Text 2. Переместите копию на 20 px левее по горизонтали.

coffee stain

Теперь давайте немного изменим стили слоя для этой копии. Для начала измените Opacity/Непрозрачность слоя на 75%. Затем укажите настройки для следующих стилей слоя как на картинках ниже: Outer Glow/Внешнее свечение (цвет #925f24), Внутреннее свечение (цвет #814603) и Stroke/Обводку (цвета #030303, #898989, #030303, #898989)

Outer Glow

Inner Glow

Stroke

stain text style photoshop

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

Вы можете скачать больше кистей ЗДЕСЬ.

stain splatter photoshop brush

Вы можете добавить другие элементы для более разнообразной композиции. Например, добавьте зерна кофе, ложки, чашки, плитку шоколада и т. д. В нашем примере это чашка кофе и ложка. Не забудьте скорректировать Color Balance/Баланс цвета и Brightness/Contrast/Яркость/Контраст при помощи корректирующих слоев, чтобы элементы органично вписались.

coffee typography mockup photoshop

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

create stains photoshop actions

В качестве завершающего штриха создайте корректирующий слой Gradient Map/Карта градиента (в режиме наложения Soft Light/Мягкий светOpacity/Непрозрачность 50%, цвета #291e17 и #c19c81). Затем корректирующий слой Brightness/Contrast/Яркость/Контраст. Также можете добавить резкости при помощи фильтра High Pass Filter.

photoshop gradient map

Результат

how to make a coffee stain text in Photoshop

Автор урока psddude

Перевод — Дежурка

Смотрите также:

 




Комментарии