Обводка контура и текста в Photoshop

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, "Ластик" (Eraser Tool), "Размытие" (Blur tool), "Резкость" (Sharpen Tool) и т.д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

Обводку контура можно создавать сплошной и пунктирной линией (эта опция поддерживается начиная с CS6, подробнее здесь), а в этом уроке мы поговорим о художественной обводке, выполненной с помощью инструмента Кисть (Brush Tool).

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

Обводка контура и текста в Photoshop

Давайте начнём. Для начала нам надо создать контур. Нам подойдёт любой контур, созданный при помощи любого из инструментов группы векторных контуров или инструментами "Перо" (Pen Tool) и "Свободное перо" (Freeform Pen Tool).
Кроме того, обвести можно и контур, созданный из текста. Как преобразовать текст в контур, рассказывается здесь.

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

контур для обводки

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

Я использую круглую кисть с такими настройками:

obvodka-kontura-i-teksta-v-photoshop-2.png

После того, как мы настроили кисть, снова берём инструмент контура, кликаем правой клавишей мыши внутри контура и в открывшемся контекстном меню нажимаем на пункт "Выполнить обводку контура" (Stroke Path). Открывается новое диалоговое окно, где в раскрывающемся списке выбираем "Кисть"

obvodka kontura i teksta

Результат:

как обвести контур в фотошоп

Обводка текста

Пишем текст:

обводка текста в фотошоп

Преобразуем текст в контур, как описывается здесь. Для Photoshop CC это делается через вкладку главного меню Текст --> Создать рабочий контур (Type --> Convert to Work Path):

obvodka-kontura-i-teksta-v-photoshop

Видимость тестового слоя можно отключить. Теперь создаём новый слой, выбираем любой контурный инструмент, кликаем правой клавишей мыши внутри контура и применяем функцию "Обводка контура", кисть, конечно, у нас заранее настроена:

обводка текста

Но есть и более интересное решение - применить обводку не к самому слою, а к слой-маске, а под этим слоем с маской разместить какую-либо текстуру.

Итак, я отменяю обводку (Ctrl+Alt+Z), создаю к слою слой-маску и заново применяю обводку, да, ещё я убрал у кисти интервалы.

Внешних изменений не произошло, т.к. под этим слоем фон у меня такого же цвета, а вот на миниатюре маски видны изменения:

слои обводки текста

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

Результат:

обводка текста гранж-текстурой

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

Теги:

Помощь сайту

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

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

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

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

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

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

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

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

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