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

В данном разделе расскажем, как добавлять объекты на холст. Это могут быть ваши медиафайлы или объекты из библиотек SUPA.

Для добавления объекта нужно перейти к редактированию существующего креатива или создать креатив с чистого листа.

Добавляются объекты на холст через левое боковое меню.

Чтобы загрузить свои медиафайлы - кликните на кнопку “Загрузить”, откроется панель для загрузки.
Подробнее про загрузку файлов, смотрите здесь.

При клике левой кнопкой мыши на любой нужный вам раздел в левом боковом меню - откроется панель, где можно выбрать объект.

В данном разделе рассмотрим варианты перемещения объектов на холсте.

Перемещать объект на холсте можно тремя способами:

• Выделить объект мышкой и “зацепив” нажатой левой кнопкой мыши, переместить в нужное положение.

В этом разделе расскажем, как удалить объект с холста.

1 вариант. Кликнуть на объект левой кнопкой мыши и нажать на клавиатуре клавишу Delete или Backspace.

2 вариант. Выделить объект левой кнопкой мыши и нажать в меню “быстрых действий” иконку с корзиной — “Удалить”.

3 вариант. Кликнуть на объект правой кнопкой мыши, в появившемся контекстном меню выбрать пункт “Удалить”.

4 вариант. Выделить объект левой кнопкой мыши и нажать иконку корзины “Удалить” в меню настроек объекта.

5 вариант. В списке слайдов кликнуть правой кнопкой мыши на слайде с объектом, в появившемся контекстном меню выбрать пункт “Удалить”.

В SUPA вы можете изменять размер объектов - делать их длиннее или короче только в одном направлении или сделать их больше или меньше пропорционально.

Чтобы изменить размер объекта пропорционально, нужно выделить объект и кликнуть на угловую точку рамки выделения левой кнопкой мыши. Угловая точка изменит цвет с белого на оранжевый. Затем потяните эту точку наружу от объекта - объект увеличится в размерах.

Чтобы пропорционально уменьшить размер объекта - делайте движение мыши внутрь объекта.

Чтобы сделать объект шире или выше, то есть растянуть - нужно выделить объект и кликнуть на боковую точку рамки выделения со стороны нужного направления. Боковая точка изменит цвет с белого на оранжевый. Потяните эту точку наружу от объекта - объект растянется.

Исключение - в изображениях и видео боковые точки (контролы) приводят не к растяжению, а к кадрированию.

Чтобы сделать объект короче только в одном направлении - потяните боковую оранжевую точку внутрь объекта.

Напоминаем, что при копировании вы забираете копию объекта в буфер памяти. Потом из буфера можете вставить объект сюда же, либо в любой слайд вашего креатива, либо в другой креатив SUPA.

Разберем все варианты копирования выделенного объекта или группы объектов.

1 вариант. Использовать универсальную команду - сочетание горячих клавиш Ctrl + C для Windows и Command (⌘) + C для macOS.

2 вариант. Копировать выделенный объект через дополнительное меню верхней панели инструментов.

3 вариант. Воспользоваться кнопкой “Скопировать” в центральной части верхнего тулбара.

4 вариант. Скопировать объект через контекстное меню. Кликнув на объект правой кнопкой мыши, из появившегося списка нужно выбрать действие “Копировать”. Также контекстное меню можно вызвать через “Быстрые действия” (под выделенным объектом).

А теперь рассмотрим дублирование объекта в SUPA.

Для дублирования объекта нужно выделить его кликом левой кнопки мыши и в появившемся меню “Быстрые действия” выбрать действие “Дублировать”.

Все объекты SUPA, добавленные на холст, настраиваются в правом меню. Чтобы открылась панель настроек объекта - объект нужно выделить левой кнопкой мыши.

Инструменты панели меняются в зависимости от выбранного на холсте объекта и режима “Анимация или картинка”.

Подробно про настройку каждого объекта смотрите в разделе Объекты.

Первый способ выделения нескольких объектов - нажатой левой кнопкой мыши проведите диагональ над объектами, которые нужно выделить. Область выделения при этом подсвечивается светло-зеленым цветом.

Мы выделили 3 объекта, правая панель настройки объектов это подтверждает.

Второй способ выделения нескольких объектов - выделять объекты по очереди, кликая на них левой кнопкой мыши с одновременно зажатой на клавиатуре клавишей Shift или Control для Windows и Shift или Command (⌘) для mac OS.

Теперь, когда вы выделили несколько объектов, можете редактировать общие параметры в правом меню.

Если в вашем креативе очень много объектов или есть необходимость объединить объекты логически - на помощь приходит функция группировки объектов.

Три неоспоримых плюса:

• объединив объекты в группы, с ними можно работать, как с одним целым;
• будет комфортнее работать со списком объектов, что в правом меню - объектов станет меньше и увеличится визуальный доступ;
• сгруппировав объекты, их можно анимировать группой, сохраняя возможность анимации отдельных объектов.

Первый способ группировки объектов. После выделения нужных объектов на холсте вашего креатива, воспользуйтесь горячими клавишами Ctrl + G для Windows и Command(⌘) + G для macOS.

Второй способ. Чтобы сгруппировать объекты, сначала их нужно выделить, затем нажать на кнопку “Группировать” в меню настроек правой панели списка слайдов и настройки объектов.

Третий способ. Группируем объекты с помощью контекстного меню. Для этого нужно выделить объекты на холсте и нажать на них правой кнопкой мыши. В появившемся списке выбрать строку “Группировать”. Также контекстное меню можно вызвать через “Быстрые действия” под выделенными объектами.

В списке слоев на правой панели списка слайдов и настройки объектов, когда объекты сгруппированы:

• они выделяются другим цветом
• имеют иконку “Группа слоев”
• на слое указывается количество объектов в группе
• слева слои имеют указатель, позволяющий свернуть группу и развернуть.

Теперь разберем, как объекты разгруппировать. Самый быстрый способ - воспользоваться горячими клавишами. Сначала выделяем группу объектов, которую нужно разгруппировать, и нажимаем Ctrl + Shift + G для Windows и Command(⌘) + Shift + G для macOS.

Еще вариант: чтобы разгруппировать объекты, сначала группу нужно выделить на холсте вашего креатива, затем нажать на кнопку “Разгруппировать” в меню настроек правой панели списка слайдов и настройки объектов.

Третий вариант разгруппировки объектов - с помощью контекстного меню. Для этого нужно кликнуть на группу правой кнопкой мыши. В появившемся списке выбрать строку “Разгруппировать”. Также контекстное меню можно вызвать через “Быстрые действия” под выделенной группой объектов.

В данном разделе расскажем о выравнивании объектов относительно границ холста и относительно друг друга.

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

Рассмотрим выравнивание объектов относительно друг друга.

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

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

Разберем подробнее шкалу выравнивания объектов относительно друг друга:

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

Теперь рассмотрим варианты выравнивания одного объекта относительно холста.

Разберем подробнее шкалу выравнивания объекта на холсте:

• выравнивание объекта по левой стороне холста
• вертикальное выравнивание объекта относительно холста
• выравнивание объекта по правой стороне холста
• выравнивание объекта по верхней стороне холста
• горизонтальное выравнивание объекта относительно холста
• выравнивание объекта по нижней стороне холста

В данном разделе расскажем о направляющих линиях, которые редактор SUPA строит по ключевым точкам для удобного позиционирования объектов на холсте.

Вы можете настроить направляющие линии в дополнительном меню верхнего тулбара. Мы предлагаем три варианта на выбор: “Холст”, “Холст и объекты” или выключить направляющие.

Рекомендованный вариант, как самый удобный - “Холст и объекты”, стоит по умолчанию. При необходимости вы всегда можете выбрать другой вариант.

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

Еще направляющие помогают ровно проводить линии.

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

Сначала нужно выделить объект, которому мы хотим включить тень. Справа на панели настройки объектов находим вкладку “Тень” и открываем ее, чтобы получить доступ к ее настройкам.

При открытии меню “Тень” вы сможете:

• выбрать цвет тени
• задать координаты
• придать нужное размытие

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

Первый вариант. Чтобы скрыть объект на холсте, воспользуйтесь контекстным меню. Для этого нужно кликнуть на объект правой кнопкой мыши и в появившемся списке выбрать действие “Скрыть”, также контекстное меню можно открыть через панель “Быстрые действия” (кнопка подсветится оранжевым цветом).

Второй вариант. Чтобы скрыть объект - выделите его левой кнопкой мыши, справа на рабочем поле появится панель настройки объектов. Внизу панели кликните на иконку с зачеркнутым глазом “Скрыть объект”. Когда иконка активизируется, ее цвет изменится на оранжевый.

Третий вариант. Скрыть объект можно через панель списка слайдов и настройки объектов, где объекты (слои), отображаются списком внутри каждого слайда. Зайдите в эту панель, откройте нужный слайд и кликните правой кнопкой мыши на слой объекта, который нужно скрыть. В появившемся списке нажмите строку с действием “Скрыть”.

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

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

1 вариант. Правой кнопкой мыши кликните на объект, которому нужна блокировка. Появится контекстное меню, в списке вариантов действий выбираем строку “Заблокировать”. Еще контекстное меню можно открыть через панель “Быстрые действия”.

2 вариант. Чтобы закрепить/блокировать объект - выделите его левой кнопкой мыши, справа от холста появится панель настроек объектов. Внизу панели справа находится меню из пяти иконок - кликните на картинку с замком “Закрепить объект”. В активном режиме цвет иконки оранжевый.

3 вариант. Блокировать объект можно через панель списка слайдов и настройки объектов, где списком отображаются все объекты (слои), которые есть на слайде.

Зайдите в меню списка слайдов, которая находится справа от рабочего стола, откройте нужный слайд и кликните правой кнопкой мыши на слой объекта, который хотите закрепить (заблокировать). В появившемся списке нужно выбрать строку с действием “Заблокировать”.

Первый вариант, самый быстрый - это воспользоваться меню “Быстрые действия” возле выделенного объекта, который нужно повернуть. Самая первая кнопка в меню - “Вращать”, зажмите ее левой кнопкой мыши и потяните в сторону поворота.

Рядом появится подсказка с градусом наклона.

Второй вариант повернуть объект - выделяем объект и обращаемся к меню настроек объектов, которые находятся справа от холста. Находим инструмент “Поворот” и передвигаем ползунок в нужное положение.

Для точной настройки поворота можно ввести значение вручную.

Сначала выделяем объект, который нужно сделать прозрачным. Затем обращаемся к панели инструментов для редактирования объектов - она находится справа от холста. Находим инструмент “Прозрачность” и передвигаем ползунок в нужное положение. Для точной настройки можно ввести значение вручную.

В данном разделе рассмотрим, как отразить объект по вертикали и горизонтали.

Чтобы отразить объект по горизонтали, сначала выделяем объект, затем обращаемся к меню настроек объектов. Внизу панели находим иконку “Отразить по горизонтали” и нажимаем ее. В активном режиме иконка имеет оранжевый цвет.

Теперь будем отражать объект по вертикали. Нужный объект также сначала выделяем правой кнопкой мыши, затем обращаемся к меню настроек объектов. Внизу панели находим иконку “Отразить по вертикали” и нажимаем ее. В активном режиме - иконка оранжевого цвета.

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

Если объект на холсте должен иметь точный размер, его можно настроить вручную в правой панели настроек объектов. Выделите нужный объект левой кнопкой мыши и найдите внизу правого инструментария два поля для ввода значений - W (ширина) и H (высота). Введите нужные вам цифры и объект будет соответствовать заданным параметрам.

Чтобы задать объекту точные координаты на холсте, сначала выделите нужный объект. Затем перейдите в правую панель настроек объектов, внизу которой есть инструменты для указания точной позиции - поля X и Y. Заполните их, введя нужные координаты.