Обводка контура и текста в 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-код для установки:

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

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

Весьма часто при создании юзербара, баннера, аватарки и подобных работ встаёт задача сделать фон из параллельных линий. Линии могут быть вертикальные...
Блестящий объёмный 3D текст в Photoshop CC
В этом уроке мы попытаемся сделать забавную композицию из текста в 3D Photoshop. Мы сделаем объёмные округлые буквы с блестящей отражающей...
золотой сверкающий текст с блестками в Photoshop
В этом простом уроке для начинающих пользователей Photoshop я расскажу, как создать красивый золотой эффект на тексте с помощью стилей слоя. Кроме...
Готовый результат
Популярный вопрос, задаваемый начинающими пользователями Photosop, о том, как сделать рамку к фотографии. Таких способов очень много, здесь я...