Найти в Дзене

Как сделать маску в Figma?

Clown mask design Автор: JoyImage
Clown mask design Автор: JoyImage

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

Для начала необходимо определиться с интересующей нас картинкой. В моем случае это будет логотип из фильма "Охотники за приведениями":

Логотип из фильма "Охотники за приведениями"
Логотип из фильма "Охотники за приведениями"

Далее выбираем область которую необходимо будет выделить, сделать это можно с помощью эллипса, и объединяем все это в группу:

Эллипс и логотип в Figma
Эллипс и логотип в Figma

Теперь помещаем эллипс на задний план путем его перетаскивания под изображение:

-4

Под конец необходимо будет выделить оба элемента и нажать на "Use as mask":

-5

Вот что должно получиться в итоге:

Маска в Figma
Маска в Figma

Если вы не хотите чтобы в маске присутствовал фон его можно вырезать с помощью Пера, но об этом мы поговорим в следующем уроке)

Также вам будет интересно:

Спасибо за внимание!

Остались вопросы? Что-то не получилось? Пишите в комментариях. Вместе мы сможем со всем разобраться)

Если статья оказалась полезной предлагаю подписаться на канал.