Редактор: Обзор основных элементов редактора
Из чего состоит редактор SUPA — холст, левая панель библиотек, правая панель настроек, верхняя панель и меню, лента слайдов, режимы «Анимация» и «Изображение».
Редактор — основной инструмент SUPA: здесь креатив собирается, настраивается и готовится к скачиванию.
Холст
Центральная часть экрана — холст, на котором размещаются все элементы: тексты, изображения, фигуры, видео.
- Добавить объект — перетащите элемент из левой панели на холст или просто нажмите на него.
- Выделить объект — нажмите на него левой кнопкой мыши.
- Переместить объект — зажмите левую кнопку мыши на объекте и потяните.
- Отредактировать текст — дважды нажмите на текстовый объект.
Левая панель: библиотеки элементов
Здесь собрано всё, что можно добавить на холст. Раздел открывается нажатием на соответствующую кнопку.
| Раздел | Что внутри |
|---|---|
| Загрузить | Загрузка собственных файлов |
| Шаблоны | Готовые шаблоны слайдов |
| Текст | Текстовые элементы |
| Фото | Библиотека фотографий |
| Видео | Видеоролики — в режиме анимации |
| Аудио | Музыка и звуки — «Премиум» |
| Анимации | Lottie-анимации |
| Графика | Иконки, стикеры, GIF |
| Фигуры | Геометрические фигуры |
| Рамки | Рамки для изображений |
| Диаграммы | Графики и диаграммы |
| Таблицы | Таблицы с данными |
| QR-коды | Генератор QR-кодов |
| Мокапы | 3D-сцены для креативов |
| Фон | Настройка фона слайда |
| Нейросети | AI-инструменты |
Правая панель: настройки объекта
При выделении объекта справа появляется панель с его настройками — их набор зависит от типа объекта. Подробнее: Работа с объектами.
В нижней части панели находятся кнопки быстрых действий:
- Сохранить — закрыть панель настроек;
- Добавить в избранное — сохранить объект в раздел «Избранное» («Премиум»);
- Имя элемента — переименовать объект;
- Воспроизвести / Остановить — предпросмотр анимации объекта;
- Заблокировать / Разблокировать — защита от случайного редактирования;
- Скрыть / Показать — временно убрать объект с холста;
- Копировать стиль и Применить стиль — см. Копирование стилей;
- Удалить.
Верхняя панель
В редакторе нет верхнего меню личного кабинета. Чтобы перейти в «Мои креативы», «Создать», «Премиум», «Команда» или «Поддержка», сначала выйдите из редактора: меню-гамбургер (☰) → «Вернуться назад».
Слева — меню редактора (три горизонтальные линии) и поле с названием креатива: нажмите на него, чтобы переименовать работу.
По центру:
- Размер холста — кнопка изменения размеров креатива, см. Изменение размера холста;
- Отменить / Повторить — стрелка влево отменяет последнее действие, стрелка вправо возвращает отменённое;
- Копировать / Вставить — быстрое копирование объектов;
- Анимация — чекбокс, который переключает режим работы креатива.
Справа:
- Сохранить — ручное сохранение. Изменения сохраняются автоматически, статус показывается надписью «Сохраняется...» или «Сохранено». При наведении на «Сохранено» появляется ссылка на историю изменений («Премиум»).
- Скачать — панель настроек экспорта, см. Скачивание креатива.
- Поделиться — публичная ссылка на просмотр, см. Поделиться креативом.
- Шестерёнка — настройки профиля и команды.
Меню редактора
Открывается нажатием на гамбургер (☰) в левом верхнем углу.
Основное действие — «Вернуться назад»: выход из редактора в личный кабинет, где снова доступно стандартное верхнее меню.
Добавить — быстрое добавление объекта: текст, прямоугольник, круг, треугольник, многоугольник, звезда, линия, стрелка, диаграмма, таблица, QR-код.
Загрузить — окно загрузки файлов с компьютера.
Режимы и настройки:
- Анимировать / Сделать статичным — переключение между видео и изображением. При отключении анимации появится запрос подтверждения.
- Изменить размер («Премиум») — панель изменения размера холста.
- История изменений («Премиум») — просмотр и восстановление версий.
- Направляющие — выбор режима направляющих, см. Линейки и направляющие.
- Линейка — включение и выключение линейки по краям холста.
Экспорт и публикация: «Скачать», «Поделиться», «Режим презентации».
Редактирование: «Копировать выделенное» (Ctrl/⌘ + C), «Вставить» (Ctrl/⌘ + V), «Вырезать» (Ctrl/⌘ + X), «Отменить» (Ctrl/⌘ + Z), «Повторить» (Ctrl/⌘ + Shift + Z). Полный список: Горячие клавиши.
Справка: «Обучение» — ссылки на видеокурс, Дзен, ВКонтакте и Telegram; «Помощь» — переход на страницу справки; «Сообщить об ошибке» — форма обратной связи.
Нижняя панель
Здесь находится лента слайдов — см. Работа со слайдами.
В режиме анимации в нижней панели дополнительно появляются полоса прокрутки видеоролика для навигации по временной шкале и шкала громкости.
Режимы работы креатива
«Анимация» (видео)
Чтобы включить, поставьте галочку в чекбоксе «Анимация» в верхней панели.
- Объекты получают анимацию появления, основную и исчезновения.
- Слайды сменяют друг друга с переходами.
- Можно добавлять аудио и музыку.
- Доступны библиотеки видео и анимаций.
- При скачивании получается MP4 или анимированный GIF.
«Изображение»
Чтобы включить, снимите галочку «Анимация» и подтвердите действие в диалоге.
- Анимации отключены, временная шкала недоступна.
- Каждый слайд — отдельное изображение.
- При скачивании получается PNG, JPG или PDF.
Ограничения
| Параметр | Бесплатно | «Премиум» |
|---|---|---|
| Длительность видео | до 40 секунд | до 5 минут |
| Разрешение | до 854 px | до 1920×1920 px |
| Количество слайдов | 100 | 100 |
Дальше
- Работа с объектами — выделение, выравнивание, группировка, слои.
- Работа со слайдами — добавление, порядок, переходы.
- Режимы редактора — классический, компактный и мобильный.
- Горячие клавиши.