Как вырезать кусок в фигме

В Figma есть несколько способов "вырезать" части объектов. Главный инструмент для этого - Boolean Operations (логические операции), а именно операция Subtract. Вот подробное руководство по всем основным методам.

Логическая операция Subtract как основной способ

Это самый частый и мощный способ вырезания одной фигуры из другой. Основные шаги, которые нужно выполнить:

Создание объектов

• Основа (Base): Объект, из которого вы будете вырезать (например, прямоугольник или круг).
• "Нож (Cutter): Объект, который будет служить "вырезаемой" областью (например, маленький круг, который вы хотите вычесть из основы).

Расположение объектов

Поместите "нож" поверх "основы" точно в том месте, где вы хотите сделать вырез. Выделите оба объекта. Можно кликнуть с зажатым Shift или обвести их рамкой.

Применение операции Subtract

• Самый быстрый способ: Нажмите сочетание клавиш Ctrl + E (Win/Linux) или Cmd + E (Mac).
• Через панель инструментов: В верхней панели нажмите на значок с четырьмя кругами и выберите Subtract (второй значок, с "минусом").

В результате вы получите составной объект (Compound Shape), в котором область "ножа" вычтена из "основы". При этом следует учитывать следующие важные моменты:

1. Кто сверху, тот и "вычитается". Фигура, которая находится на верхнем слое в панели слоев, будет действовать как "нож".
2. Редактирование после вычитания: Вы можете дважды кликнуть на получившийся Compound Shape, чтобы переместить или изменить форму как "основы", так и "ножа". Это неразрушающее редактирование - огромное преимущество Figma.

Использование Маски для обрезки содержимого

Маска не вырезает в прямом смысле, а прячет всё, что выходит за её границы. Это идеально для обрезки изображений или сложных групп объектов. Основные шаги:

1. Создайте объект, который будет маской (например, прямоугольник или круг). Он должен быть залитым.
2. Поместите маску поверх содержимого, которое нужно обрезать (например, изображения).
3. Выделите и маску, и содержимое.
4. Нажмите Ctrl+Alt+M (Win/Linux) / Cmd+Opt+M (Mac) или нажмите правой кнопкой мыши и выберите Use as Mask.
5. Содержимое, которое было под маской, теперь обрезано по её форме.

Чтобы отредактировать:

• Перетащите новое изображение или фигуру прямо на маску в панели слоев.
• Перемещайте содержимое внутри маски, выделив его и двигая.

Инструмент Eraser для векторных путей

Ластик работает не как в Photoshop, а для удаления частей векторных контуров. Чтобы применить этот метод, необходимо выполнить следующие шаги:

1. Выберите векторный объект (например, фигуру, созданную пером).
2. На панели инструментов выберите Eraser (или нажмите клавишу E).
3. Зажмите левую кнопку мыши и проведите по области, которую хотите стереть. Figma разрежет контур в этих местах.

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

Редактирование векторных путей напрямую

Для полного контроля вы можете редактировать опорные точки контура. Для этого выполните следующие действия:

1. Выберите фигуру.
2. Нажмите Enter или дважды кликните по ней, чтобы войти в режим редактирования вектора.
3. Используя инструмент Pen (P) или Pencil (Shift+P), вы можете:

• Добавлять новые точки и удалять старые.
• Рисовать новый сегмент контура поверх старого, чтобы "отсечь" ненужную часть.

Если сравнивать этот способ вырезания с остальными, то это самый трудоемкий, но и самый гибкий метод для сложных нестандартных вырезов. Это можно увидеть в сравнительной таблице по методам:

Метод	Для чего использовать	Сочетание клавиш
Subtract	Вырезать одну фигуру из другой (дырки, вырезы)	Ctrl/Cmd + E
Mask	Обрезать изображение или группу объектов по форме	Ctrl/Cmd + Alt + M
Eraser	Быстро стереть часть векторного контура	E
Vector Edit	Точное ручное редактирование контура	Enter (для входа в режим)

 

Начните с операции Subtract - это основной инструмент для большинства задач. Если нужно просто обрезать изображение по форме, используйте маску, это сохранит исходные данные без изменений.

 

Совет: Для создания "окон" или сложных фигур с несколькими вырезами комбинируйте операцию Subtract несколько раз внутри одного Compound Shape.

 

Вывод

В Figma не существует единого способа для всех задач вырезания - каждый метод служит своей цели. Освоив все четыре подхода, вы сможете гибко выбирать оптимальный инструмент под конкретную ситуацию, что значительно ускорит и упростит процесс дизайна.