Сложение и вычитание векторов


Для логического взаимодействия нескольких отдельных векторов в Фигме есть встроенные инструменты, такие как Объединение, Вычетание, Пересечение и Исключение. 

Логические операции в Figma
Логические операции в Figma


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

Результат логической операции
Результат логической операции

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

 

Показать скрытое содержание
Да, выпиленное можно запилить обратно 

Органы управления

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

Инструменты логических операций
Инструменты логических операций

Union selection — объединение векторов 


Результатом объединения векторов станет то, что для них будут действовать общие параметры заливки, обводки и эффектов. 

Учитывайте, что параметры берутся от слоя, который находится выше в древе слоев. 

Используются параметры верхнего слоя
Используются параметры верхнего слоя

Subtract selection — вычитание 

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

Остатком всегда будет часть именно самого нижнего из выбранных слоев. 

Intersect selection — пересечение

Пересечение оставляет видимой только ту часть, в которой есть наложение всех выбранных слоев. 

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

Exclude selection — исключение

Exclude показывает те области выбранных слоев, которые НЕ пересекаются. 

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

На примере хорошо видно, как треугольник делает невидимой видимую часть, и наоборот:

Exclude двух векторов
Exclude двух векторов

 

Exclude трёх векторов
Exclude трёх векторов

Но если мы добавим еще один такой же треугольник, то он инвертирует действие предыдущего:

Exclude четырёх векторов
Exclude четырёх векторов
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


👋 Курс дизайнера за полцены: сформируйте портфолио и найдите высокооплачиваемую работу. Помощь с трудоустройством!

По теме:


<