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

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

Что такое инструмент Перо в Figma и зачем он нужен

Инструмент Перо (Pen Tool) в Figma — это векторный инструмент, позволяющий создавать произвольные контуры, состоящие из прямых линий и кривых Безье. В отличие от прямоугольников, кругов или фигур с предустановленными параметрами, Перо даёт полный контроль над формой. Это особенно важно, когда нужно вырезать нестандартные участки из изображений, текста или других векторных объектов — например, убрать фон с логотипа, вырезать фрагмент иконки или создать сложный контур для маскирования.

Перо работает на основе точек (анкоров) и направляющих (рукояток). Каждая точка может быть угловой (острая) или сглаженной (кривая). Умение управлять этими элементами — ключ к точному вырезанию. Инструмент не просто рисует — он создаёт новые векторные пути, которые можно комбинировать с другими объектами через операции Boolean (логические операции), включая «Subtract» (Вычесть), «Union» (Объединить), «Intersect» (Пересечь) и «Exclude» (Исключить).

Пошаговая инструкция: как вырезать объект пером

Чтобы вырезать часть объекта пером, выполните следующие действия:

1. Откройте проект в Figma и выберите слой, который вы хотите изменить. Убедитесь, что он векторный — прямоугольник, эллипс, текст, или любой другой объект, созданный с помощью векторных инструментов.
2. Выберите инструмент Pen (Перо) из боковой панели (или нажмите P).
3. Начните рисовать контур по краю той области, которую нужно вырезать. Кликайте, чтобы ставить анкоры. Для кривых — кликните и потяните, чтобы задать направляющие.
4. Замкните контур: вернитесь к начальной точке и кликните на неё — появится маленький кружок рядом с курсором. Это означает, что контур замкнут.
5. Убедитесь, что новый контур находится точно поверх объекта, который нужно вырезать. Используйте Ctrl/Cmd + [ или ], чтобы перемещать слои по глубине.
6. Выделите и новый контур, и целевой объект (удерживайте Shift при клике).
7. В панели свойств (в правой части экрана) найдите раздел Boolean Operations.
8. Выберите операцию Subtract (Вычесть). Объект будет вырезан точно по вашему контуру.

После выполнения операции исходный объект изменится — вырезанная часть исчезнет, а оставшаяся часть станет единым векторным слоем. При необходимости вы можете разбить его на отдельные части через Ungroup (Разгруппировать).

Частые ошибки и как их избежать

Даже опытные дизайнеры сталкиваются с проблемами при работе с пером. Вот основные ошибки и способы их предотвратить:

• Незамкнутый контур — самая частая ошибка. Если вы не замкнули путь, Figma не позволит применить вычитание. Решение: всегда возвращайтесь к начальной точке и кликайте на неё. Следите за появляющимся кружком у курсора.
• Неправильный порядок слоёв — если контур находится под объектом, вычитание не сработает. Решение: используйте Ctrl/Cmd + Shift + [ для перемещения слоя вперёд.
• Слишком много точек — лишние анкоры замедляют работу и искажают форму. Решение: после рисования используйте Smooth (Сгладить) в панели инструментов или удалите лишние точки через Delete.
• Неочевидная форма выреза — если вы хотите вырезать внутреннюю часть (например, дырку в букве), используйте Exclude вместо Subtract. Вычитание удаляет только внешнюю часть, а исключение — внутреннюю.
• Потеря стилей — после Boolean-операций цвет, тень, градиент и другие стили могут сброситься. Решение: сохраняйте стили отдельно или используйте компоненты до операции.

Продвинутые техники: вырезание с несколькими формами

Иногда требуется вырезать несколько фрагментов одновременно — например, вырезать несколько окон из стены здания или удалить несколько элементов из текста. Для этого применяется комбинированный подход:

1. Создайте первый контур пером и примените Subtract к основному объекту.
2. Создайте второй контур — не выделяйте основной объект, а просто нарисуйте новую форму поверх оставшейся части.
3. Теперь выделите оба контура (не основной объект, а только два новых пути) и объедините их через Union.
4. Теперь выделите объединённый контур и основной объект — примените Subtract один раз.

Этот метод позволяет вырезать сложные, несвязанные формы за один шаг. Он особенно полезен при работе с типографикой — например, при создании вырезанных букв или эффекта «дырки» в тексте.

Когда использовать Перо, а когда — другие инструменты

Не всегда Перо — лучший выбор. Ниже — сравнение, когда и какой инструмент применять:

Экспертное мнение: как профессионалы работают с пером

Алексей Воронин, арт-директор студии «Новая Волна» и автор курсов по Figma, делится своей методикой:

Его рекомендации:
— Используйте Alt + клик для временного переключения между инструментами.
— Применяйте Transform (Преобразование) к контуру перед вычитанием — если нужно повернуть или масштабировать его.
— Сохраняйте все исходные формы в отдельной группе с названием «_backup» — это экономит часы при редактировании.

Часто задаваемые вопросы

Заключение

Вырезать объект пером в Figma — это не просто технический приём, а навык, который определяет качество вашего дизайна. Правильно использованный, он позволяет создавать сложные, точные и профессиональные формы без потери качества, что особенно важно при работе с бренд-системами, иконками и интерфейсами высокой точности. Ключ — не в скорости, а в контроле: замкнутый контур, правильный порядок слоёв и своевременное применение Boolean-операций.

• Всегда замыкайте контур — иначе вычитание не сработает.
• Используйте Boolean-операции только после выделения двух объектов.
• Сохраняйте исходные формы в скрытых группах — это спасёт вас от ошибок.
• Перо — не для всех задач. Для кругов, прямоугольников и простых форм используйте встроенные инструменты.
• Проверяйте результат в режиме «Outline» — так вы увидите все анкоры и избежите скрытых ошибок.