Уроки Работа с текстом Максим Енин 26 июля 2016

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

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

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

Начнем!

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

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 (Затемнение основы).

Заключение

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

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

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

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

Автор: Rose

Источник: design.tutsplus.com

13 тыс. 25
Печать Жалоба

Комментарии 25

Спасибо за урок.

Спасибо за урок.

с : '2. Добавляем фон и текст' начинаются проблемы...блин,вроде всё по-русски написано

Свежепролитый...)

Спасибо за урок!

Спасибо за перевод и урок.

интересный урок, спасибо!

Большое спасибо за перевод)

Спасибо за перевод!

Спасибо за перевод!))

Делала давно.

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее