Use as mask
В этом способе нужно использовать инструмент маски, чтобы вырезать объект из изображения. Всего за несколько шагов этим способом получится вырезать даже сложный объект.
Шаг 1. С помощью инструмента Перо создаете контур нашего объекта. Замыкаете контур и нажимаете клавишу Enter, чтобы получился вектор.
Шаг 2. После создания контура перейдите в правую панель меню, к Stroke и Fill. Уберите обводку контура и залейте его однотонным цветом.
Шаг 3. Разместите фигуру прямо под картинкой. Это лучше сделать в панели слоев, чтобы векторная фигура никуда не сдвинулась и оказалась точно под объектом, который мы хотим вырезать. Чтобы выделить оба слоя, нужно зажать клавишу Shift и кликнуть на каждый слой по очереди.
После того как выделите изображение и фигуру, кликните правой кнопкой мыши. В списке выберите функцию Use as mask. Чтобы применить функцию, можно использовать горячие клавиши Ctrl + Alt + M.
Готово! Получилось вырезать стакан кофе из фотографии. Обратите внимание, что такой объект стал группой слоев. Чтобы переместить группу, нужно кликнуть на ее название. Так сможете перемещать все слои в группе.
Вот так выглядит весь процесс после создания замкнутого контура. Способ с использованием маски может показаться непростым, но на самом деле его легко применять в проектах любой сложности.
Такой способ вырезания дизайнеры используют с другими более простыми векторными объектами: квадратом, кругом, овалом, звездой. После того как создадите нужную векторную фигуру под обрезку, проделайте те же шаги, что и раньше.
Использование плагинов для обрезки объектов
Для обрезки объектов с изображений дизайнеры используют и плагины. Некоторые плагины могут разрезать изображение на несколько частей, а с помощью других можно убрать фон вокруг объекта.
Читайте также:
Фреймы и группы в Figma. Руководство по использованию
Плагин Image Cutter
Плагин Image Cutter вырезает части из картинок в неограниченном количестве. Плагин бесплатный и не требует регистрации.
Нужно выделить область фотографии с помощью векторной фигуры или инструмента Перо. После выделения обоих слоев нажмите правую кнопку мыши и перейдите в раздел Plugins. Примените Image Cutter к своей работе. В случае работы плагина объект будет отдельной фигурой, а не группой слоев.
Плагин Remove Background
Плагин Remove Background удаляет фон и окружение вокруг объекта. Искусственный интеллект анализирует изображение и потом самостоятельно удаляет фон. Такие плагины хорошо работают, когда нужный объект хорошо и четко виден на изображении. Здесь же плагин решил оставить след от чашки с кофе.
Главное о том, как вырезать объект в Figma
- Для обрезки сложного объекта создается вектор по контуру. Потом контур нужно залить цветом. Получившаяся фигура подкладывается точно под изображение. После выделения обоих слоев нужно выбрать функцию Use as mask в меню правой кнопки мыши или использовать горячие клавиши Ctrl + Alt + M.
- Разрезать изображение на несколько частей поможет плагин Image Cutter. Процесс похож на использование маски, только проще: нужно лишь расположить вектор или фигуру на изображении, выделить оба слоя и запустить плагин. Перемещать слой вниз при этом необязательно, а еще итоговым объектом станет не группа слоев, а плоская фигура.
- Другие плагины, например Remove Background, могут распознать объект и удалить фон вокруг него с помощью искусственного интеллекта. Однако здесь могут возникнуть ошибки, особенно если объект сливается с фоном или близким окружением.
профессия UX/UI-дизайнер с нуля до про
профессия UX/UI-дизайнер с нуля до про
Создавайте продуманные интерфейсы сайтов и приложений без навыков программирования. Погрузим в дизайн-среду с первого модуля и дадим опыт, который реально пригодится в работе
Научиться