Фигуры и SVG-элементы

MixSlide предоставляет богатый набор векторных фигур — параметрических и настраиваемых. Все они находятся в левой панели в группе «Блоки».

!(Панель с набором фигур — блоки слева)[]


Типы фигур

Прямоугольник (HTML)

Стандартный прямоугольник. Поддерживает:

  • заливку и сложные (комплексные) градиенты;
  • скругление углов — вплоть до полного круга;
  • тени и свечение.

Особенность: не может выступать маской и не поддерживает изменение формы углов (остаётся прямоугольником или квадратом).

Векторные фигуры

Все остальные фигуры — векторные. Они могут:

  • выступать масками для изображений, видео и групп;
  • объединяться, вычитаться и пересекаться через булевы операции;
  • иметь заливку, градиент и контур (обводку) с градиентом.

Параметрические фигуры

Круг / Эллипс

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

Многоугольник

Настраивается:

  • количество сторон — от треугольника до многоугольника с любым числом граней;
  • толщина контура.

Звезда

Параметры:

  • количество лучей;
  • глубина лучей — чем больше значение, тем острее лучи.

Звезде можно задавать заливку, градиент и контур.

Сектор

Настраивается:

  • ширина сектора (угол в градусах);
  • начальный угол;
  • закругление концов.

Шеврон

Стрелка-шеврон с настройкой размера скоса.

Bubble (органическая форма)

Случайная «капля» — настраивается:

  • количество вершин;
  • гладкость формы.

Кнопка «Обновить» генерирует новую случайную форму.

Текст по кругу

Описан в разделе «Работа с текстом».


Специальные виджеты

Органический фон (Blob)

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

Волнистая/рваная форма

Прямоугольник с волнистым или «рваным» краем. Интенсивность волн регулируется. Подходит как декоративный разделитель и как маска.

Жидкое стекло

Виджет с эффектом матового/жидкого стекла. Параметры: интенсивность размытия, цвет краёв, цвет заливки.


Булевы операции

Любые две или более векторные фигуры можно объединять через булевы операции:

Операция Результат
Объединение Фигуры сливаются в одну
Вычитание Одна фигура «вырезается» из другой
Пересечение Остаётся только область наложения

Из этого можно создавать сложные геометрические формы — например, стрелки, рамки с вырезом, нестандартные значки.


Настройка формы вручную

Для некоторых фигур (например, четырёхугольник) доступна настройка через синие точки — маркеры вершин, которые можно перетаскивать прямо на холсте.


Использование фигур как масок

Любая векторная фигура может выступать маской для изображения, видео или группы элементов. Для этого:

  1. Расположите фигуру поверх объекта, который нужно замаскировать.
  2. Выделите оба объекта.
  3. Выберите «Создать маску» в контекстном меню.

!(Пример маски: изображение обрезанное по форме звезды)[]