Анимации

В MixSlide анимации назначаются отдельным элементам и управляются через таймлайн. Таймлайн появляется автоматически, как только хотя бы одному элементу назначена анимация.


Типы анимации

Каждый элемент может иметь анимацию входа (появления) и выхода (исчезновения). Доступные типы:

  • Появление — плавное появление (fade in);
  • Появление слева / справа / сверху / снизу — элемент «въезжает» с нужной стороны;
  • Появление из круга — элемент «вырастает» из центра;
  • Масштабирование — элемент увеличивается из точки;
  • Вращение — элемент появляется с поворотом.

Аналогичные эффекты доступны для выхода.


Назначение анимации

  1. Выделите элемент на холсте.
  2. В панели свойств откройте вкладку «Анимация».
  3. Выберите тип анимации входа и/или выхода.
  4. Настройте продолжительность и задержку.

Таймлайн в нижней части экрана покажет все анимации страницы на временной шкале.


Последовательность появления

По умолчанию все анимации начинаются одновременно. Чтобы элементы появлялись один за другим:

  1. Включите последовательный режим воспроизведения или
  2. Вручную задайте задержки для каждого элемента в таймлайне.

Пример: текст въезжает справа → фото агента появляется масштабированием → речевой пузырь появляется слева. Каждый следующий элемент начинает анимацию чуть позже.

!(Таймлайн с несколькими анимациями, выстроенными последовательно)[]


Центр трансформации

Для анимаций вращения и масштабирования важно понимать, относительно какой точки происходит трансформация. По умолчанию — центр объекта.

Центр трансформации можно перенести вручную. Пример: для анимации хвоста персонажа-кота перенесите центр к основанию хвоста — тогда хвост будет качаться естественно.


Динамика анимации

Для каждой анимации можно настроить кривую динамики (easing):

  • линейная (равномерная скорость);
  • с замедлением в конце (ease out);
  • с ускорением в начале (ease in);
  • пружинная (bounce).

Экспорт анимаций

Анимации поддерживаются при экспорте в MP4-видео и при просмотре через интерактивную ссылку. При экспорте в PNG/JPG/PDF анимации не сохраняются.