Substract selection в фигме где находится

Инструмент вычитания выделений (Subtract selection) в Figma — это мощный способ комбинировать фигуры и создавать сложные формы, удаляя перекрывающиеся области. Он особенно полезен при работе с векторной графикой, иконками или дизайном интерфейсов, где требуется точное формирование контуров. Чтобы использовать этот инструмент, нужно понимать, как он работает в рамках функции Boolean Operations (булевых операций), и какие шаги необходимы для его активации.

Что такое Subtract selection в Figma и зачем он нужен

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

Булевы операции в Figma включают четыре основных действия: Union (объединение), Subtract (вычитание), Intersect (пересечение) и Exclude (исключение). Subtract selection — один из самых востребованных инструментов, особенно при работе с иконками, например, когда нужно сделать отверстие в круге или вырезать текст из фона.

Операция работает только с векторными объектами или фигурами. Если вы попытаетесь применить её к тексту, изображению или компоненту без векторного преобразования, Figma не позволит этого сделать. Поэтому важно заранее конвертировать нужные элементы в векторы с помощью команды «Convert to Vector».

Как использовать Subtract selection: пошаговая инструкция

Чтобы успешно выполнить операцию вычитания, необходимо соблюдать правильную последовательность действий. Ниже приведён подробный алгоритм, который подойдёт как новичкам, так и опытным пользователям.

1. Откройте Figma и создайте новый файл или откройте существующий проект.
2. Нарисуйте две или более фигуры, которые будут участвовать в операции. Например, большой прямоугольник и маленький круг сверху.
3. Убедитесь, что объекты перекрываются — иначе результат будет неочевиден.
4. Выберите оба объекта: зажмите Shift и кликните по каждому, или выделите рамкой.
5. Перейдите в правую панель свойств (Inspector) и найдите блок «Boolean Operations».
6. Нажмите на значок «Вычесть» — он выглядит как квадрат с минусом внутри.

После применения операции Figma объединяет объекты в одну векторную форму, и вычитаемый элемент исчезает из видимого результата, оставляя «дыру» в основном объекте.

Если вы работаете с несколькими фигурами одновременно, можно вычесть сразу несколько объектов из одного. Главное — чтобы целевой объект был верхним в стеке. Также можно использовать сочетание клавиш: Ctrl + Minus (на Windows) или Cmd + Minus (на Mac).

Альтернативные способы активации Subtract

• Через контекстное меню: после выделения объектов кликните правой кнопкой мыши и выберите «Subtract».
• Через верхнюю панель инструментов: если панель видима, там также есть иконки булевых операций.
• Через плагины: некоторые расширения автоматизируют создание сложных форм, включая вычитание.

Распространённые ошибки и как их избежать

Даже опытные пользователи Figma иногда сталкиваются с проблемами при использовании Subtract selection. Знание типичных ошибок помогает экономить время и избегать разочарований.

Одна из самых частых проблем — неактивная кнопка Subtract. Это происходит, когда:

• Выбран только один объект;
• Объекты не являются векторными (например, текст или импорт изображения);
• Один из элементов — компонент или экземпляр, который нельзя редактировать напрямую.

Чтобы решить эту проблему, убедитесь, что все объекты преобразованы в векторы. Для текста используйте «Outline Stroke» или «Convert to Vector». Для компонентов — сделайте «Detach Instance», чтобы получить редактируемую копию.

Продвинутые техники и практические примеры

Subtract selection — это не просто способ вырезать круг из квадрата. Его можно использовать в сложных дизайнерских задачах, например, при создании интерфейсов, логотипов или анимированных макетов.

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

Ещё один пример — создание кастомной кнопки с отверстием посередине. Допустим, вы хотите, чтобы сквозь кнопку просвечивал фон. Используя Subtract, вы создаёте эффект «окошка», не нарушая целостности макета.

Создание текстовых вырезов

Хотите, чтобы текст «проглядывал» сквозь фон? Это легко реализуется:

1. Поместите фоновое изображение или цветной прямоугольник.
2. Добавьте текст поверх.
3. Преобразуйте текст в вектор (выделите, кликните правой кнопкой → «Convert to Vector»).
4. Выделите фон и текст, примените Subtract.

Теперь фон имеет «дыры» в форме букв. Этот приём часто используется в промо-баннерах и заголовках.

Работа с группами и вложенными операциями

Figma позволяет вкладывать булевы операции. Вы можете объединить несколько фигур через Union, а затем вычесть из них другую группу. Это полезно при создании сложных иконок, например, замка, часов или стрелок.

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

Экспертное мнение

По словам эксперта, ключ к эффективному использованию Subtract — это дисциплина: именование слоёв, работа с копиями и использование команды Undo (Ctrl+Z) при ошибках. Он также рекомендует освоить сочетания клавиш, чтобы ускорить процесс.

Вопросы и ответы

Заключение

Subtract selection в Figma — это не просто инструмент, а важный элемент векторного дизайна. Он позволяет создавать сложные формы, работать с масками и строить профессиональные интерфейсы. Зная, где находится эта функция и как её правильно использовать, вы значительно расширяете свои возможности в Figma.

Главное — помнить о порядке слоёв, необходимости векторизации и ограничениях булевых операций. Сохраняйте резервные копии объектов, используйте сочетания клавиш и не бойтесь экспериментировать.

• Subtract находится в правой панели свойств при выборе нескольких объектов.
• Требует минимум два векторных объекта и правильного порядка слоёв.
• Используйте Ctrl+Minus для быстрого доступа.
• Преобразуйте текст и изображения в векторы перед операцией.
• Сохраняйте оригиналы фигур для лёгкого редактирования в будущем.