Как пользоваться инструментом перо в фигме, фотошопе, иллюстраторе и других программах

Где находится инструмент перо в фигме, фотошопе и иллюстраторе

Практически во всех графических редакторах инструмент Перо обозначается иконкой с изображением кончика перьевой ручки. Собственно само название на английском (Pen) переводится именно как ручка, а не как перо.

В фигме инструмент перо (Pen tool) находится на нижней панели инструментов. Его также можно выбрать с помощью горячей клавиши P (на латинице):

В фотошопе и иллюстраторе этот инструмент можно найти на боковой панели или также вызвать горячей клавишей P.

Как рисовать пером в фигме и других графических редакторах

Принцип работы с пером во всех программах одинаковый. Рассмотрим его на примере фигмы.

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

В режиме редактирования инструментом Перо можно добавлять новые точки (обычным кликом). Также их можно удалять — для этого нужно зажать клавишу Alt (на Windows) или Option (на Mac OS). Если нажать на отрезок между точками, его также можно удалить или переместить.

Замкнутые области одной и той же фигуры можно заливать разными цветами даже в рамках одной фигуры. Для этого нужно воспользоваться вспомогательным инструментом Paint Bucket (Заливка). Этим же инструментом можно полностью убрать заливку той или иной области.

С помощью вспомогательного инструмента Bend tool (изгиб) можно превращать углы в дуги и наоборот.

Потянув за кончики векторов (усики у точек), можно менять их длину и угол. Чем длиннее усики, тем более плавной будет дуга. Чем короче — тем более угловатой. Угол векторов задает направление наклона этой дуги. При этом, для векторов одной точки на панели справа можно задать различные типы симметрии — без симметрии, симметрия только для угла или симметрия как для угла, так и для длины.

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

Как правило, новичкам в дизайне этот способ дается тяжело, поэтому рекомендую посмотреть эту часть урока в видео-формате. Также вы можете воспользоваться тренажером по работе с пером на сайте bezier.method.ac

Как вырезать пером объект в фигме на изображении или фото

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