Найти тему
387 подписчиков

Vector — новый элемент в Zero Block


⚡️ Теперь вы можете создавать и редактировать векторные элементы в Zero Block. Новый векторный редактор позволяет создавать шейпы любой формы и базовые иллюстрации для сайта, а также дорабатывать импортированные svg-объекты.

Подробнее о Vector и его возможностях 👉 https://blog.tilda.cc/vector-element-in-zero-block

Чтобы начать работу с векторным редактором в Zero Block, нажмите на кнопку добавления нового элемента → Add Vector. В редакторе доступно четыре режима работы:

1. Draw (D)

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

2. Select (S)

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

3. Edit (E или двойной клик мыши по элементу)

В этом режиме вы можете править нарисованный элемент — по точкам, отрезкам и кривым Безье. Двойной клик на точку скруглит или заострит элемент, а правая кнопка мыши откроет дополнительное контекстное меню.

4. Bend (B)

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

Как импортировать SVG-файл

Нажмите на артборд правой кнопкой мыши и в контекстном меню выберите Импорт SVG. Для корректной работы рекомендуется загружать файл весом до 20 кб.

О настройках элемента Vector читайте в Справочном центре 👉 https://help-ru.tilda.cc/zero/vector-editor

✨ Векторный редактор будет полезен, если вам нужны шейпы необычной формы, свободные иконки или небольшие рисованные элементы, например, подчеркивания или стрелки и так далее. Также будет удобнее дорабатывать импортированный svg-элемент прямо в Тильде.

#tildaupdates
1 минута