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

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

Эффект текста акварелью в Adobe Photoshop

14 апреля 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

How to Create a Watercolor Text Effect in Adobe Photoshop

Исходники

Шаг 1

Создаем документ размером 800 x 450px в расширении в 72 и в цветовом режиме RGB 8 bit.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 2

Добавляем в документ Текстуру 1 и разместите ее как показано ниже. Нажмите Control + A, чтобы выделить всю область документа и укажите слою маску, кликнув по соответствующей иконке в нижней части палитры Layers/Слои.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 3

Кликните дважды по слою в той же палитре, чтобы открыть окно стилей слоя. Укажите стили и параметры как показано ниже.
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 4

При помощи инструмента Type/Текст введите ваш текст, используя шрифт Pacifico.
Укажите тексту размер в 112px и цвет #000000.
Кликните по слою с текстом правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 5

Откройте окно стилей слоя для слоя с текстом и укажите следующие стили.
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 6

В меню выберите Filter > Distort > Ripple/Фильтр>Искажение>Рябь.
Настройте параметры как показано ниже и нажмите OK.
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 7

Так как текст является сматр-объектом, вы можете легко его изменить. Для этого просто кликните по слою дважды и введите другой текст.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 8

Вернитесь в палитру Layers/Слои, кликните правой кнопкой по слою с текстом и выберите New Smart Object via Copy/Новый смарт-объект как копия.
Нажмите Control + T, чтобы войти в режим свободного трансформирования. Удерживая Shift масштабируйте текст до более мелкого шрифта.
Откройте слой с копией смарт-объекта и введите новый текст.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 9

Теперь немного добавим текстуры. Откройте Текстуру 2 в новом документе и выберите в меню  Edit > Define Pattern/Редактировать>Определить узор, укажите имя узору и нажмите OK.
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 10

Вернитесь в наш документ, сделайте активным основном слой с текстом и дублируйте его, нажав Control + J.
Откройте стили слоя для этого слоя и укажите параметры как показано ниже. Затем повторите то же для дополнительного текста.
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop

Шаг 11

Используйте кисти из исходников, а именно “Sample brush 9” и “Sample brush 11” чтобы украсить работу.
Создайте новый слой, укажите ему Blend Mode/Режим наложения Linear Burn/Линейный затемнитель, снизьте Opacity/Непрозрачность до 80%.
Цветами #f0aa9a и #f1d172 нарисуйте несколько акварельных пятен.
How to Create a Watercolor Text Effect in Adobe Photoshop
How to Create a Watercolor Text Effect in Adobe Photoshop

Результат

How to Create a Watercolor Text Effect in Adobe Photoshop

Автор урока Razvan Gabriel

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

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

 




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]