Как сделать контур фигуры в фотошопе

Фигура из контура

Команда «Преобразовать в фигуру» (Convert to Shape) преобразует контур в слой-фигуру.

Для чего это может понадобиться? Например, для «векторизации» растрового объекта по следующему алгоритму:

1. Выделите на изображении какой либо объект, скажем, с помощью Прямолинейного Лассо.
2. Откройте диалог «Контуры».
3. Преобразуйте выделение в контур.
4. Примените команду «Преобразовать в фигуру / Convert to Shape» (рис.1).
5. В открывшемся диалоговом окне выберите цвет заливки и нажмите «OK».

В результате, в палитре Слоёв появляется новый слой-фигура (рис. 2).

Если однородная (solid color) заливка вас не устраивает, выбранный (активный на данный момент) контур можно заполнить с помощью обычных команд меню «Layer > New Fill Layer > Gradient» или «Layer > New Fill Layer > Pattern».

Рабочий контур в Photoshop

Рабочий контур — это путь, который отражается на панели Path (Контуры) и определяет контуры таких объектов, как произвольные фигуры, текст, растровые объекты и т.д.

Рабочий контур из форм

В Photoshop в группе Shape Tool (Формы) имеются 6 инструментов, при помощи которых можно создать векторные формы: Rectangle Tool (U) (Прямоугольник), Rounded Rectangle Tool (U) (Прямоугольник со скруглёнными углами), Ellipse Tool (U) (Эллипс), Polygon Tool (U) (Многоугольник), Line Tool (U) (Линия) и Custom Shape Tool (U) (Произвольная фигура). При помощи всех этих инструментов можно создать рабочий контур, но прежде чем начать создавать контур, на панели параметров нужно установить режим Path (Контуры). Смотрите изображение ниже.

Для начала выберите нужный вам инструмент из этой группы, например Произвольная фигура (U), на панели параметров установите режим Path (Контуры) и создайте форму. Создав форму, вы увидите чёрный контур фигуры. Этот контур называется временным, его нельзя прикрепить к отдельному слою.

Перейдите во вкладку Path (Контуры) рядом с вкладкой Layer (Слои), здесь вы можете увидеть наш рабочий контур.

Этот рабочий контур, подобно векторной фигуре, можно вращать, изменять размер и форму при помощи инструментов Convert Anchor Point Tool (Преобразовать опорную точку), Add Anchor Point Tool (Добавить опорную точку) и Delete Anchor Point Tool (Удалить опорную точку), находящихся в группе Pen Tool (Перо). Если вам нужно выделить рабочий контур, то сделать это можно при помощи инструмента Path Selection Tool (A) (Выделение контура). Выберите этот инструмент, левым кликом мыши выделите рабочий контур, затем кликните правой кнопкой мыши по контуру и в выпадающем списке вы увидите все команды, которые можно применить к рабочему контуру.

Рабочий контур из текста

Для того, чтобы создать из текста рабочий контур, сначала напишите текст на холсте при помощи инструмент Horizontal Type Tool (T) (Горизонтальный текст), затем загрузите выделение для текста (Ctrl + клик по миниатюре текстового слоя). Перейдите на панель контуров, в правом верхнем углу нажмите меню и из списка выберите Make Work Path (Образовать рабочий контур).

Рабочий контур из растровых объектов

Процесс создания рабочего контура из любого растрового объекта или PNG объекта аналогичен процессу создания контура из текста. Для начала загрузите выделение для объекта (Ctrl + клик по миниатюре слоя с растровым объектом). Затем перейдите на панель контуров, в верхнем правом углу нажмите на кнопку меню и из списка команд выберите Make Work Path (Образовать рабочий контур).

Ссылка на источник урока.

Создание контура из выделения

Поскольку инструмент Перо в PSE отсутствует, нарисовать контур с помощью кривых Безье здесь не получится. Зато его можно создать на основе выделения, фигуры или текста.

Начнём с создания контура из выделения:

1. Выделите некоторую область изображения с помощью любого инструмента или команды.
2. Откройте диалоговое окно «Контуры».
3. Примените команду «Создать новый контур из текущего выделения» (Create New Path From Current Selection).
4. В открывшемся диалоговом окне задайте значение «Допуска» (Tolerance) в диапазоне от 0,5 до 10 пикселов. То есть, если нужно, чтобы контур как можно точнее совпадал с границей выделения, введите «0,5». А если хотите сгладить неровности, увеличьте допуск, скажем, до 5 пикселов.

В списке контуров появляется элемент с названием «Рабочий Контур» (Work Path).

Внимание! Создавая новый Рабочий Контур (Work Path), вы тем самым удаляете предыдущий. Если не хотите потерять результат своей работы, существующий Рабочий Контур нужно сохранить или преобразовать в векторную маску.

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

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

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

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

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

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

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

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

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

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

Обводка текста в Фотошопе

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

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

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

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

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

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

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