Комикс с анимацией

MixSlide изначально создавался как инструмент для вёрстки интерактивных комиксов. Для этого в редакторе есть специальные виджеты и удобная страничная логика.


Шаг 1. Создание проекта

Создайте новый проект. Для комиксов удобен вертикальный формат (9:16 для мобильных сторис) или квадрат. Каждая страница — отдельная сцена комикса.


Шаг 2. Добавление персонажей и фона

  1. Загрузите или сгенерируйте изображение персонажа (см. раздел «ИИ-функции»).
  2. Добавьте фоновое изображение или нарисуйте фон с помощью фигур и градиентов.
  3. Расположите персонажа на сцене.

Шаг 3. Речевые пузыри

Найдите виджеты речевых пузырей в левой панели — в группе «Блоки». Доступны разные формы: круглые, прямоугольные, с хвостиком разной длины и направления.

  1. Добавьте речевой пузырь.
  2. Настройте толщину хвостика и его направление.
  3. Добавьте внутрь текстовый блок с репликой персонажа.
  4. Выровняйте пузырь относительно персонажа.

!(Сцена комикса: персонаж-кот с речевым пузырём)[]


Шаг 4. Анимация сцены

Для оживления сцены назначьте анимации:

  1. Персонаж — анимация «Масштабирование». Перед этим перенесите центр трансформации в нужную точку (например, к основанию хвоста — тогда хвост будет качаться натурально, а не вокруг центра тела).
  2. Речевой пузырь — анимация «Появление слева» с задержкой, чтобы появлялся после персонажа.

Настройте динамику — замедление в конце (ease out) делает движение более естественным.


Шаг 5. Несколько сцен

Добавьте новые страницы в нижней панели — каждая страница — новая сцена. Элементы, общие для всех сцен (например, фон), можно скопировать со страницы на страницу.


Шаг 6. Просмотр и публикация

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

Для публикации:

  • MP4 — анимированные сцены в виде видеоролика;
  • Интерактивная ссылка — для просмотра и поделиться с другими.