30
2025-11-25 09:26:30

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

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

Boolean Operations как самый популярный способ

Это самый распространенный и простой способ для вырезания части фигуры. Рассмотрим пошагово этот метод.

Создание основной фигуры

  • Выберите инструмент Rectangle (R), Ellipse (O) или Pen Tool (P).
  • Нарисуйте фигуру, из которой будете вырезать.

Создание фигуры для вырезания

  • Нарисуйте вторую фигуру поверх первой.
  • Это будет "вырезаемая" область.

Выделение обеих фигур

  • Зажмите Shift и кликните на обе фигуры.
  • Или обведите их мышкой.

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

  • В правой панели найдите раздел "Design" - "Boolean Operations".
  • Нажмите иконку "Subtract" (квадрат с минусом).
  • Или используйте горячие клавиши: Ctrl + E.

Таким образом, вторая фигура вырежется из первой. Обобщить результаты использования Boolean операций в Figma можно с помощью таблицы:

Операция

Горячие клавиши

Результат

Пример использования

Union

Ctrl+D

Объединение фигур

Создание сложной формы из простых

Subtract

Ctrl+E

Вычитание фигур

Вырезка отверстий, создание окон

Intersect

-

Пересечение фигур

Оставить только overlapping часть

Exclude

-

Исключение пересечения

Создание рамок, контуров

 

Ключевые преимущества:

  • Все операции остаются редактируемыми.
  • Можно комбинировать несколько операций в одной фигуре.
  • Порядок выделения фигур влияет на результат (особенно для Subtract).

Использование Mask

Подготовка фигур

  • Основная фигура (то, что будет видно).
  • Фигура-маска (определяет область видимости).

Создание маски

  • Выделите фигуру, которая будет маской.
  • Нажмите Ctrl + Alt + M.
  • Или правой кнопкой - "Use as Mask".

Перенос контента в маску

  • Перетащите основную фигуру под маску в слоях.
  • Или создайте Frame и примените маску к нему.

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

  1. Выберите фигуру: Дважды кликните на фигуру для редактирования векторов.
  2. Добавьте точки: Используйте Pen Tool (P). Добавьте точки по контуру области, которую хотите вырезать.
  3. Создайте замкнутую область: Соедините точки так, чтобы получилась отдельная замкнутая область.
  4. Удалите область: Выделите точки созданной области. Нажмите Delete.

Дополнительные возможности

Combine Shapes - более гибкие операции:

  • Union (Ctrl + D) - объединить.
  • Subtract (Ctrl + E) - вычесть.
  • Intersect - оставить только пересечение.
  • Exclude - оставить всё кроме пересечения.

Рекомендации, которые могут пригодиться в процессе вырезания части фигуры:

  1. Все Boolean операции можно редактировать позже.
  2. В панели слоев можно развернуть группу и изменить отдельные фигуры.
  3. Для сложных вырезок используйте несколько операций последовательно.

Частые проблемы и решения

  1. После вычитания исчезла вся фигура. Решение: Убедитесь, что фигура для вырезания находится поверх основной фигуры в панели слоев.
  2. Не получается применить Boolean операцию. Решение: Проверьте, что обе фигуры являются векторными объектами, а не растровыми изображениями или текстом.
  3. Нужно изменить вырезку после создания. Решение: Дважды кликните на объединенную фигуру в панели слоев - вы увидите исходные фигуры, которые можно отдельно редактировать, перемещать или удалять.
  4. Результат вырезания выглядит не так, как ожидалось. Решение: Попробуйте изменить порядок выделения фигур - сначала выделите основную фигуру, затем фигуру для вырезания, и только потом применяйте Subtract.
  5. Пропала возможность редактировать контуры фигуры. Решение: Используйте инструмент Pen Tool (P) или двойной клик на фигуре для режима редактирования векторов.

Вывод

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

Сделайте первый шаг
Выберите готовый шаблон сайта и запустите свой интернет-магазин уже сегодня
Начните бесплатно