Текст - обводка кистью

В этом материале мы рассмотрим, как создать необычный дизайн текста в Photoshop - текст будет отображён не обычном способом, а сделан в виде прозрачных букв, обведённых кистью.

Вот что получится в результате:

Текст - обводка кистью

Это всего лишь один из множества вариантов дизайна текста, выполненного методом обводки кистью.

Итак, приступим.

Как обычно, начнём с создания нового документа. Создайте документ шириной 700 и высотой 220 пикселей на белом фоне.

Теперь на панели инструментов берём инструмент "Горизонтальный текст" (Horizontal Type Tool) и пишем слово, я написал слово "кисть". Для нашей задачи лучше подойдёт шрифт с толстыми буквами, я взял шрифт "Терминатор", скачать который Вы можете здесь. Цвет заливки шрифта не имеет значения. Вот что у меня получилось в результате:

2

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

3

Теперь отключим видимость текстового соля и создадим новый слой над текстовым, вот как должна выглядеть теперь панель слоёв:

4

А в документе отображается только контур:

5

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

В русской версии она называется почему-то "Засоленная (акварель)", а в английской - Salty watercolor, ну да ладно, найти её можно по картинке:

6

Нам необходимо только изменить некоторые стандартные настройки кисти. В окне настройки кисти снимаем галки со всех опций, и увеличиваем параметр "Кегль"(Size) до 300 пикселей, "Зернистость" (Granularity) увеличиваем до 100%, а "Степень разбрызгивания (Spatter Amount) делаем 11%, смотрите рисунок:

7

После того, как настройки кисти закончены, переходим на панель контуров и кликаем по кнопке "Выполнить обводку контура кистью" (Stroke Path with Brush):

8

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

Текст - обводка кистью

Мы можем использовать и другие стандартные кисти, предварительно изменив их дефолтные настройки:

1

А это я получил, используя кисть "Перекрёстные штрихи" (Crosshatch) из встроенного в Photoshop набора "Дополнительные кисти" (Assorted Brushes)

9

Если обводка выглядит бледноватой, то можно нажать на кнопку "Выполнить обводку контура кистью" (Stroke Path with Brush) ещё раз:

10

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

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Текст в Photoshop: панель Символ
В первых двух уроках из серии на работе с текстом в Photoshop мы узнали два метода ввода текста - строкой и областью. Из этих уроков мы узнали, что,...
как обвести текст штрих-пунктирной линией
Как создать в Photoshop пунктирную, штрих-пунктирную, и линию из точек, рассказывается здесь. Этот способ подходит для векторных форм (Shape),...
В этом несложном уроке я покажу Вам, как создать эффектный золотой текст с помощью одного из наиболее мощных инструмента Photoshop - Стилей слоя (...
Как вставить картинку в текст
В этом материале мы рассмотрим, как разместить изображение в текст, т.е. вставим картинку внутрь букв текста. Для достижения эффекта мы будем...