Заливки и градиенты

MixSlide поддерживает несколько типов заливки для фигур — от простого цвета до многослойных градиентов.


Типы прямоугольников и их заливки

В MixSlide есть два типа прямоугольников, и они по-разному работают с заливками:

HTML-прямоугольник поддерживает комплексные градиенты — несколько градиентов, наложенных друг на друга. Это даёт широкие возможности для создания сложных цветовых переходов.

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


Простая заливка

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


Одиночный градиент

Нажмите кнопку «Градиент» в панели свойств. Можно выбрать один из готовых вариантов или настроить свой.

Доступные настройки:

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

!(Панель настройки градиента с ползунками цветов)[]


Комплексный градиент (только для HTML-прямоугольника)

HTML-прямоугольник позволяет добавить несколько градиентов, которые накладываются друг на друга. Это позволяет создавать:

  • цветовые переходы с несколькими зонами;
  • эффекты подсветки и виньетки;
  • сложные фоны для постов и историй.

Для добавления второго градиента нажмите «Добавить градиент» — появится новый слой с независимыми настройками.


Градиент для контура (обводки)

У векторных фигур контур (обводка) тоже может иметь градиентную заливку — выберите «Градиент» вместо «Заливки» в настройках контура. Толщина контура задаётся отдельным ползунком.


Быстрые советы

  • Для мягких фонов и подложек используйте радиальный градиент с прозрачностью в центре или по краям.
  • Для акцентных элементов и кнопок — линейный градиент под углом 45°.
  • Комплексный градиент на HTML-прямоугольнике с прозрачными крайними зонами создаёт красивую виньетку поверх фотографии.