Tilda Vector

Создать или редактировать вектор

Начните рисовать векторный элемент, выбрав один из инструментов, или загрузите SVG-файл, нажав Open.

Draw Tool (D)

Рисуйте с помощью прямых и изогнутых линий.
Для завершения незамкнутой фигуры нажмите Esc или дважды кликните на последнюю точку. Замкните фигуру и рисование завершится автоматически.

Freehand Tool (Shift + P)

Рисуйте от руки, и линии автоматически преобразятся в кривые. Дорисуйте фигуру, продолжив её из любой точки. После завершения настройте стили: задайте размер, цвет, толщину линии и др.

Select (S)

Выберите фигуру, чтобы задать цвет заливки, обводки и толщину линии. Перемещайте, вращайте и изменяйте размер одной или нескольких фигур как одного векторного элемента.

Bend (B)

Сгибайте нарисованные линии и работайте с точками. Данный режим позволяет изменять только форму фигуры. Редактируйте внешний вид фигуры, используя инструмент Select.

Basic Shapes

Выберите готовую фигуру, например, прямоугольник, круг, треугольник, из выпадающего меню и отредактируйте её. Для фигур с острыми углами задавайте произвольное количество вершин в поле Count и их высоту в поле Ratio.

Layers

Нажмите иконку в левом нижнем углу или сочетание клавиш Cmd + L, чтобы открыть панель слоёв. Здесь вы можете менять их порядок, редактировать названия, скрыть и закрепить слои и др.

Удобная рабочая область

Используйте виджет с процентами в правом нижнем углу, чтобы изменять масштаб рабочей области.
Нажмите на три точки и выберите Snap to pixels, чтобы включить направляющие для точного выравнивания фигур. В том же выпадающем меню нажмите Pixel grid, чтобы активировать пиксельную сетку (отображается при приближении на более, чем 600%).

Viewbox Settings

Используйте Viewbox, чтобы вручную кадрировать вектор и редактировать размер свободного пространства вокруг него. Если экспортировать элемент без этой настройки, он будет автоматически кадрирован по границам фигуры.

Векторный редактор доступен и в Zero Block

Нажмите Add Vector, чтобы добавить и отредактировать векторный элемент прямо в Zero Block, или загрузите свой SVG-файл. Все инструменты онлайн-редактора также доступны в Zero Block.