Перейти к содержимому
SUPA

Редактор: Работа с объектами

Как добавить объект на холст, задать его положение, размер, поворот, прозрачность и тень, выделить несколько объектов, выровнять, продублировать и сгруппировать их.

На холст можно добавить текст, изображения, видео, фигуры, диаграммы и другие объекты. Здесь собраны настройки и действия, общие для всех типов.

Типы объектов

ОбъектОписание
ТекстНадписи и заголовки
ИзображениеФотографии и картинки
ВидеоВидеоклипы
АудиоМузыка и звуки
ФигураГеометрические формы
Линия и стрелкаЛинии и указатели
ИконкаВекторные значки
Анимация (Lottie)Векторные анимации
ДиаграммаГрафики и диаграммы
ТаблицаТабличные данные
QR-кодГенератор QR-кодов
Мокап3D-сцены
РамкаДекоративные маски
ФонЗадний план слайда

Как добавить объект

Через левую панель. Нажмите на нужный раздел — «Текст», «Фото», «Фигуры» и другие, — затем на сам элемент: он появится на холсте.

Горячими клавишами. T — текст, R — прямоугольник, C — круг, L — линия.

Через панель быстрых инструментов в верхней части редактора: текст, прямоугольник, круг, линия, стрелка, таблица, диаграмма и QR-код.

Перетаскиванием файла. Перетащите изображение, видео или аудио прямо из проводника на холст — файл загрузится и добавится автоматически.

Копированием. Скопируйте файл в проводнике (Ctrl/⌘ + C) и вставьте в редактор (Ctrl/⌘ + V).

Общие настройки

Выделите объект одним нажатием — справа откроется панель настроек.

Положение и размер

В нижней части панели находятся поля точного позиционирования:

  • X — положение левого края объекта в пикселях от левого края холста;
  • Y — положение верхнего края в пикселях от верхнего края холста;
  • W — ширина в пикселях;
  • H — высота в пикселях.

Размер меняют и мышью: угловые маркеры меняют размер пропорционально, боковые — только ширину или только высоту.

Поворот

Наведите курсор на угол выделенного объекта — появится значок поворота. Зажмите и поверните или введите точное значение от 0° до 360° в поле «Поворот».

Прозрачность

Ползунок «Прозрачность» на панели справа: 0% — объект полностью прозрачный, 100% — полностью видимый. Можно ввести точное значение в процентах.

Отражение

Кнопки отражения по горизонтали (↔) и по вертикали (↕) находятся в панели настроек.

Отражение доступно для изображений, видео, иконок, фигур и Lottie-анимаций. Для групп, таблиц и диаграмм оно недоступно.

Тень

Раздел «Тень» на панели справа по умолчанию свёрнут. Поставьте галочку «Добавить тень» и настройте:

  • Цвет — цвет тени;
  • Размытие — степень размытия;
  • Смещение X и Смещение Y — сдвиг тени по горизонтали и вертикали;
  • Размах — размер тени относительно объекта.

Ссылка

Любому объекту можно назначить ссылку — см. Установка ссылок.

Выделение

Один объект — нажмите на него левой кнопкой мыши.

Несколько объектов, областью: зажмите левую кнопку мыши на пустом месте холста и проведите диагональ, охватывая нужные объекты — область подсветится светло-зелёным. Отпустите кнопку.

Несколько объектов, по одному: выделите первый, зажмите Shift или Ctrl/⌘ и нажимайте на остальные.

Все объекты на слайде — Ctrl/⌘ + A.

Перемещение

  • Мышью — зажмите левую кнопку на объекте и перетащите.
  • Клавиатурой — стрелки ← → ↑ ↓ двигают объект на 1 пиксель, Shift со стрелками — на 20.
  • Точно — введите значения в поля X и Y в правой панели.

Выравнивание

Кнопки выравнивания находятся в верхней части панели настроек.

Для одного объекта — выравнивание относительно холста: по левому краю, по центру горизонтально, по правому краю, по верхнему краю, по центру вертикально, по нижнему краю.

Для нескольких объектов — относительно друг друга: левые края, горизонтальный центр, правые края, верхние края, вертикальный центр, нижние края.

Для трёх и более объектов появляются кнопки «Распределить горизонтально» и «Распределить вертикально» — они расставляют объекты на равном расстоянии.

Копирование и дублирование

В буфер обмена: Ctrl/⌘ + C — скопировать, Ctrl/⌘ + V — вставить. Скопированные объекты можно вставить в любой слайд текущего креатива или в другой креатив SUPA.

Дублирование на месте: Ctrl/⌘ + D создаёт копию рядом с оригиналом. То же самое доступно в меню «Быстрые действия» → «Дублировать» и в контекстном меню.

Удаление

  • Выделите объект и нажмите Delete или Backspace.
  • Или нажмите иконку корзины в меню «Быстрые действия».
  • Или вызовите контекстное меню и выберите «Удалить».
  • Или нажмите иконку корзины в правой панели настроек.

Группировка

Группа ведёт себя как один объект.

Сгруппировать — выделите несколько объектов и нажмите Ctrl/⌘ + G. То же делают кнопка «Группировать» в правой панели и пункт контекстного меню.

Разгруппировать — Ctrl/⌘ + Shift + G, кнопка «Разгруппировать» или контекстное меню.

В списке слоёв группа заметна сразу: слои выделены другим цветом, у группы своя иконка, указано количество объектов, а слева есть указатель для сворачивания и разворачивания.

Чтобы отредактировать объект внутри группы, дважды нажмите на группу.

Меню «Быстрые действия»

При выделении объекта рядом с ним появляется панель быстрых действий; набор кнопок зависит от типа объекта. Крайняя правая кнопка с тремя точками — «Все действия» — открывает полное контекстное меню.

Анимация объектов

В режиме «Анимация» у объекта появляются стартовая, основная и финальная анимации. Подробнее: Базовые принципы анимации.