Редактор: Обзор основных элементов редактора
Схема интерфейса редактора
В данном разделе расскажем про основные блоки панелей инструментов:
- верхнюю панель инструментов;
- левое меню добавления объектов;
- холст;
- правое меню настройки объектов и списка слайдов;
- нижнюю панель инструментов.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3461-6233-4530-b432-653039643031__-__empty__01_01__-1.jpg)
Верхняя панель инструментов
На этой панели находятся основные инструменты настройки работы, такие, как “название креатива”, его размер, выбор формата анимация/статика. Кнопки сохранить, скачать и поделиться. Здесь же найдете колокольчик оповещений, настройку личного кабинета и кнопку “Выход”.
Для удобства на верхнем тулбаре, в самом центре, есть кнопки “Отменить”, “Повторить”, “Скопировать”, “Вставить”.
Для удобства на верхнем тулбаре, в самом центре, есть кнопки “Отменить”, “Повторить”, “Скопировать”, “Вставить”.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3462-3133-4930-b434-383837633733__-__empty__01_01__-2.jpg)
Левое вертикальное меню добавления объектов
Здесь находятся наши библиотеки объектов. И именно здесь вы можете загрузить свои фотографии, видео, шрифты, аудио и другие объекты для работы над креативом.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3461-3937-4463-a561-353638653466__-__empty__01_01__-3.jpg)
Холст
Холст - это основная область для работы. Сюда добавляются объекты из левого вертикального меню и редактируются непосредственно в поле холста, или с помощью правого меню.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6332-6561-4639-b237-666532623738__-__empty__01_01__-4-1.jpg)
Правое меню
Правое меню позволяет работать со слайдами и настраивать добавленные на холст объекты.
Инструменты панели меняются в зависимости от выделенного объекта на холсте.
Инструменты панели меняются в зависимости от выделенного объекта на холсте.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6163-3965-4263-a366-383735663264__-__empty__01_01__-5.jpg)
Нижняя панель инструментов
Если работать в режиме анимации, то нижнее меню будет содержать полосу прокрутки видеоролика и шкалу регулировки громкости. Ниже, в правой стороне тулбара, расположен ползунок для масштабирования холста и кнопка переключения в режим презентации.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6439-3736-4733-b765-316233653636__-__empty__01_01__-6.jpg)
Верхняя панель инструментов
В данном разделе мы расскажем о верхней панели инструментов редактора SUPA, для удобства мы условно разделим ее на три части.
Левая часть содержит дополнительное меню и поле с названием вашего креатива.
Инструменты центральной части позволяют изменить размер холста, отменить или повторить действие, скопировать и вставить, а еще - выбрать формат вашего креатива (видео или изображение).
Справа вы найдете кнопку для сохранения креатива, колокольчик оповещений, настройки вашего профиля и команды, кнопку выхода из программы.
Левая часть содержит дополнительное меню и поле с названием вашего креатива.
Инструменты центральной части позволяют изменить размер холста, отменить или повторить действие, скопировать и вставить, а еще - выбрать формат вашего креатива (видео или изображение).
Справа вы найдете кнопку для сохранения креатива, колокольчик оповещений, настройки вашего профиля и команды, кнопку выхода из программы.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3134-3037-4061-a438-616633346632__-__empty__01_02___-1.jpg)
Дополнительное меню
При нажатии на три полоски в верхнем левом углу открывается дополнительное меню, с помощью которого можно вернуться в раздел “Мои креативы”, а также использовать дополнительные инструменты и опции.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6431-3362-4461-b966-663239633265__-__empty__01_02___-2.jpg)
Разберем подробно дополнительное меню:
- Мои креативы. Открывается раздел с креативами, созданными вами ранее. Подробное описание этого раздела - здесь.
- Шаблоны. При выборе этого пункта, вы попадете в раздел Создать, где идет выбор первичных характеристик нужного вам креатива.
- Обучение. Здесь можно посмотреть подробный видеокурс по нашему редактору и детально изучить все возможности. Еще - откроется доступ к нашему сообществу в ВК, где мы регулярно выкладываем посты с новыми уроками и скринкастами.
- Инструменты. В этом разделе находится плагин для Figma. Если ваш макет подготовлен в графическом редакторе Figma, теперь его можно просто перенести в SUPA.
- Лендинг. Здесь можно создавать лендинги и мультиссылки, при нажатии на кнопку - откроется дополнительное меню с опциями: предпросмотр, опубликовать, шаблоны лендингов и обучающий урок.
- Авторам шаблонов. Если вы создаете классные ролики и хотите поделиться ими с другими пользователями SUPA, то обязательно загляните в этот раздел.
- Добавить. Через дополнительное меню можно быстро добавить текст, фигуры, линии и стрелки. Альтернатива: для вставки текста используйте клавишу “Т”, прямоугольника — клавишу “R”, круга — “C”, а линии — “L”.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6633-3434-4330-b564-653730363339__-__empty__01_02___-3.jpg)
- Скачать креатив. При нажатии открывается панель для настройки скачивания вашего креатива.
- Направляющие. Для точного размещения объектов на холсте или для проведения ровных линий можно использовать направляющие. Дополнительное меню предлагает три варианта на выбор: “Холст”, “Холст и объекты” или выключить направляющие.
- История. Открывается панель с историей сохранений вашего креатива.
- Поделиться. При нажатии открывается панель с доступом к вашему креативу. Как поделиться, выбрать права или скопировать ссылку, смотрите - здесь.
- Копировать выделенное. Эта функция в дополнительном меню позволяет копировать выделенный объект или группу объектов. Альтернатива - универсальная команда, сочетание горячих клавиш Ctrl + C для Windows и Command (⌘) + C для macOS.
- Вставить. Используем для вставки вырезанного или скопированного. Альтернатива - универсальная команда, сочетание горячих клавиш Ctrl + V для Windows и Command (⌘) + V для macOS.
- Вырезать. При нажатии вырезается выбранный объект в буфер обмена. Альтернатива - универсальная команда, сочетание горячих клавиш Ctrl + X для Windows и Command (⌘) + X для macOS.
- Отменить действие. Используем, чтобы быстро отменить действие, вернуться к предыдущему. Также можно нажать сочетание горячих клавиш Ctrl + Z для Windows и Command (⌘) + Z для macOS, или использовать кнопку отмены в центре верхней панели инструментов.
- Повторить. Жмем, если нужно повторить отмененное действие. Альтернатива - универсальная команда, сочетание горячих клавиш Ctrl + Shift + Z для Windows и Shift + Command (⌘) + Z для macOS. Кнопка “Повторить действие” также находится в центре верхней панели инструментов.
Название креатива
Чтобы присвоить название или переименовать креатив - нажмите на поле в верхней панели инструментов, рядом с дополнительным меню (три горизонтальных полоски).
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3066-6431-4431-b861-313665326534__-__empty__01_02___-4.jpg)
Размер холста
Чтобы открыть полное меню для изменения размера холста, нужно нажать кнопку “Размер” в центре верхней панели. Меню откроется слева экрана, там будет список доступных вариантов изменения холста. Подробное описание меню смотрите - здесь.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3230-3366-4965-b235-316338613266__-__empty__01_02___-5.jpg)
Выбор видео/изображение
Для выбора формата видео - кликните на чекбокс возле слова “Анимация” в центральной части верхней панели тулбара.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3132-6437-4363-b864-656666656639__-__empty__01_02___-6.jpg)
Чтобы работать с изображением без анимации - кликните на чекбокс (уберите галочку). На экране появится окно с просьбой подтвердить ваши действия.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3332-3466-4237-b035-613037326134__-__empty__01_02___-7.jpg)
Сохранение креатива, “Скачать” и “Поделиться”
Чтобы сохранить ваш креатив - нужно нажать на кнопку “Сохранить” в правой части верхней панели инструментов. Изменения в креативе сохраняются автоматически, однако это можно сделать самостоятельно.
В SUPA записывается история версий и вы можете вернуть креатив к любой из них. Узнать, как это сделать, можно здесь.
В SUPA записывается история версий и вы можете вернуть креатив к любой из них. Узнать, как это сделать, можно здесь.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6137-3735-4734-b838-353462313762__-__empty__01_02___-8.jpg)
После первого сохранения креатива появятся опции “Скачать” и “Поделиться”.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3561-6534-4562-b739-666636376666__-__empty__01_02___-9.jpg)
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3163-6636-4266-b035-386339336262__-__empty__01_02___-10.jpg)
Настройки профиля и команды
Чтобы попасть в свой профиль, нужно нажать на “шестеренку” в правой части верхней панели инструментов.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3032-3963-4637-b037-376364373865__-__empty__01_02___-11.jpg)
Откроется страница настроек, где можно изменить пароль и создать команду.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6164-6462-4062-a134-643661386566__-__empty__01_02___-12.jpg)
Меню добавления объектов
Слева расположилось "Меню добавления объектов". В этой области находятся разделы, которые содержат в себе готовые элементы для добавления на холст, а также раздел "Загрузить", в котором вы можете загрузить файлы с компьютера в редактор.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3763-6237-4539-b534-623633393437__-__empty__01_03___-1.jpg)
Холст
В этом разделе разберем основную область для работы - холст.
Основные настройки холста, такие, как размер и режим статика/анимация выполняются с помощью верхнего тулбара. Там же присваивается название креативу.
Добавляются объекты на холст из левого вертикального меню, а редактируются в правом или в поле самого холста.
Масштабирование холста и переключение в режим презентации - находятся на нижней панели инструментов справа. Если вы работаете с видео креативом, то в центре нижнего меню вы найдете полосу прокрутки видеоролика и шкалу громкости.
Основные настройки холста, такие, как размер и режим статика/анимация выполняются с помощью верхнего тулбара. Там же присваивается название креативу.
Добавляются объекты на холст из левого вертикального меню, а редактируются в правом или в поле самого холста.
Масштабирование холста и переключение в режим презентации - находятся на нижней панели инструментов справа. Если вы работаете с видео креативом, то в центре нижнего меню вы найдете полосу прокрутки видеоролика и шкалу громкости.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3735-3065-4330-b662-623436343863__-__empty__01_04_.jpg)
Список слайдов / Настройка объекта
В этом разделе расскажем про панель инструментов для настройки объектов и слайдов.
Правое меню позволяет работать со слайдами и слоями элементов, которые содержит каждый слайд и настраивать добавленные на холст объекты. Слои можно сворачивать, группировать, перемещать и задавать имя для каждого слоя. Также в этой области задаются и редактируются все эффекты.
Инструменты этой панели меняются в зависимости от выбранного на холсте объекта.
Правое меню позволяет работать со слайдами и слоями элементов, которые содержит каждый слайд и настраивать добавленные на холст объекты. Слои можно сворачивать, группировать, перемещать и задавать имя для каждого слоя. Также в этой области задаются и редактируются все эффекты.
Инструменты этой панели меняются в зависимости от выбранного на холсте объекта.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3939-3565-4362-a430-643932626430__-__empty__01_05__.jpg)
Нижняя панель инструментов
При работаете с видео креативом, в центре меню находится полоса прокрутки видеоролика и шкала громкости. Если холст в режиме изображения, то они отсутствуют.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3466-3830-4363-b663-316165613532__-__empty__01_06__-1.jpg)
В самом низу, в правой стороне, находятся инструменты изменения масштаба холста и кнопка переключения в режим презентации.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6439-3836-4461-b366-656631323031__-__empty__01_06__-2.jpg)
Подобрать подходящий масштаб для работы можно несколькими способами:
- двигать мышкой ползунок шкалы;
- выбрать нужный размер из предложенного списка;
- кликать левой кнопкой мыши на значки “+” или “-”;
- выбрать в списке функцию “Уместить холст”.
Быстрые действия
При выделении объекта рядом с ним появляется меню “Быстрые действия”. Это набор кнопок, которые предлагают вам быстрый и простой способ доступа к определенному набору действий.
Инструменты меню “Быстрые действия” меняются в зависимости от выбранного на холсте объекта.
Инструменты меню “Быстрые действия” меняются в зависимости от выбранного на холсте объекта.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3431-3231-4763-a464-613863353862__-__empty__01_07__-1.jpg)
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild6461-3563-4530-b637-656561636463__-__empty__01_07__-2.jpg)
В меню “Быстрые действия” есть правая крайняя кнопка с тремя точками — это “Все действия” — при нажатии на которую открывается контекстное меню выбранного объекта.
![](https://yc-landing.supafiles.ru/page-revisions/20242708_112923_12491311/images/tild3839-3030-4333-b633-333130613334__-__empty__01_07__-3.jpg)