Как разрезать вектор в фигме (4 видео) | Курс школьной геометрии

Вектор в фигме: как редактировать с инструментом «Edit object»

В этой инструкции разбираем как редактировать вектор в фигме с инструментом «Edit object». Это можно использовать для любых векторных элементов (иконок, иллюстраций, фигур созданных с помощью стандартных инструментов фигмы).

Если выбрать элемент, который был нарисован с помощью стандартных инструментов в Figma или любой дургой векторный элемент, то сверху появится иконка «Edit object».

Если её нажать, то на объекте появятся точки и возможность их перемещать. Сверху появятся дополнительные инструменты, которые вы можете использовать.

Bend tool — это инструмент Figma для изгиба, который помогает скруглять углы. Если выбрать этот инструмент и нажать на какую-то точку левой клавишей мыши, а затем потянуть в сторону, то появятся рычаги, с помощью, которых вы можете изменять фигуру.

Если при редактировании задать клавишу «Alt», то можно передвигать один из рычагов.

При зажатии клавиши «Shift», будет возможность изменять расположение рычагов на 45 градусов.

Инструмент «Paint bucket» позволяет закрашивать какие-либо области или наоборот убирать из них заливку.

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

Инструменты «Pen tool» и «Pen» помогают дорисовывать дополнительные точки у вашей фигуры.

Содержание

Заключение
Инструмент «Срез» (Slice Tool)
Срез (Slice) в Figma
Настройка Content Only
🎬 Видео

Видео:6 урок по Figma — Инструмент Перо и работа с вектором [Figma уроки]Скачать

Заключение

Итак, в этом небольшом видео и статье вы узнали как редактировать вектор в фигме и разобрали про инструмент «Edit object».

Видео:Как вырезать объект в Figma | Простое действие по удалению фонаСкачать

Инструмент «Срез» (Slice Tool)

Slice Tool или инструмент Среза — позволяет выделить произвольную область монтажной области и экспортировать ее как изображение в формате JPG, PNG или SVG. Инструмент Среза используется очень редко, поэтому можно смело пропустить этот раздел.

Чтобы работа инструмента была более наглядна:

давайте создадим какие-нибудь фигуры;
теперь выберем инструмент среза клавишей S или его можн выбрать на панели инструментов, он располагается в одной группе с инструментом Frame Tool;
затем выделим произвольную часть монтажной области;
Отлично, срез создался и мы можем в этом убедится посмотрев на панель слоев, он отобразился там с именем Slicе, что переводится как срез.
теперь на панели свойств, рядом с заголовком Export нажем на плюсик, чтобы появилось поле настройки экспорта.
нам хватит настроек по умолчанию, поэтому сразу нажимаем на кнопку Export Slice и выбираем место, в которое хотим сохранить наш срез. В моем случае это рабочий стол.
теперь можно открыть сохраненный срез.

Видео:Как обрезать фигуру в ФИГМА │ 3 СПОСОБАСкачать

Срез (Slice) в Figma

Инструмент «Срез» (Slice) (горячая клавиша S) создан для экспорта произвольной прямоугольной области. Создайте срез и экспортируйте его — на выходе вы получите прямоугольник, содержащий только части элементов, охваченные срезом.

Древо слоев примера

Срез внутри группы квадратов (Content Only включен)

Срез вне группы

Видео:#14 Как перевести растровую картинку в векторную в Figma плагином Image tracer.Скачать

Настройка Content Only

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

Срез вне группы: будут экспортированы части эллипса, треугольника и содержимого группы