Объекты: Фигура
Добавление фигуры
Фигуры - это базовые геометрические элементы, а также узоры и несложные рисунки.
Чтобы открыть все фигуры, в окне редактирования креатива слева нажмите “Объекты”, а затем нажмите “Фигуры” или “Показать все”.
Чтобы открыть все фигуры, в окне редактирования креатива слева нажмите “Объекты”, а затем нажмите “Фигуры” или “Показать все”.

Чтобы добавить фигуру на холст, щелкните по ней один раз.

Типы фигур
В SUPA представлено множество базовых фигур. Рассмотрим некоторые из них.
Прямоугольник
Прямоугольник - одна из базовых фигур.
По умолчанию, на холст добавляется прямоугольник с равными сторонами.
В разделе “Фигуры” вам на выбор представлены два прямоугольника, один из которых со скруглёнными краями.
По умолчанию, на холст добавляется прямоугольник с равными сторонами.
В разделе “Фигуры” вам на выбор представлены два прямоугольника, один из которых со скруглёнными краями.

Круг
Круг - вторая базовая фигура.
Нажмите на изображение круга для добавления его на холст.
Нажмите на изображение круга для добавления его на холст.

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

Звезда
Звезда - это фигура, характеризующаяся двумя параметрами: количеством точек и внутренним радиусом. Подробнее о её параметрах прочитайте здесь.

Многоугольник
Многоугольник в SUPA - это фигура со множеством вершин, равномерно распределённым по окружности.

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

Настройки фигуры
Все фигуры, как объекты, имеют свои параметры для настройки. В этой статье рассмотрены основные из них.
Заливка фигуры
Любая фигура может иметь заливку.
Для настройки заливки выделите фигуру и нажмите на кнопку “Изменить заливку” в открывшейся справа панели параметров объекта.
Слева откроется группа “Фон”. Для вас доступны следующие типы заливки:
● Своя заливка (можно загрузить с компьютера)
● Цвет
● Градиенты
● Текстуры
● Фотографии
● Видео (для видео-креатива)
● Живые фоны (для видео-креатива)
● Фото-градиенты
● Абстракции
● Дерево
● Бетон
● Кирпич
● Вода
● Светлый
● Тёмный
Чтобы увидеть все варианты заливки в выбранной категории, нажмите на кнопку “Показать все”.
Для настройки заливки выделите фигуру и нажмите на кнопку “Изменить заливку” в открывшейся справа панели параметров объекта.
Слева откроется группа “Фон”. Для вас доступны следующие типы заливки:
● Своя заливка (можно загрузить с компьютера)
● Цвет
● Градиенты
● Текстуры
● Фотографии
● Видео (для видео-креатива)
● Живые фоны (для видео-креатива)
● Фото-градиенты
● Абстракции
● Дерево
● Бетон
● Кирпич
● Вода
● Светлый
● Тёмный
Чтобы увидеть все варианты заливки в выбранной категории, нажмите на кнопку “Показать все”.

Кликните по любой пиктограмме заливки, чтобы применить её к фигуре.
Обратите внимание, что рисунок заливки будет растянут по фигуре.
Обратите внимание, что рисунок заливки будет растянут по фигуре.

Граница фигуры
Для настройки границы фигуры выделите её - справа откроется меню со свойствами фигуры.
Выберите подходящий цвет, настройте толщину линии и выберите сплошной или пунктирный стиль.
Выберите подходящий цвет, настройте толщину линии и выберите сплошной или пунктирный стиль.

Скругление (для прямоугольников)
Для прямоугольников доступна настройка скругления углов.
Выделите фигуру и установите справа нужное скругление с помощью ползунка.
Выделите фигуру и установите справа нужное скругление с помощью ползунка.

Точки и внутренний радиус (для звезд)
Для фигуры "Звезда" вы можете настроить количество лучей (точек) и внутренний радиус.
Для этого выделите фигуру и установите необходимые настройки справа с помощью ползунков.
Для этого выделите фигуру и установите необходимые настройки справа с помощью ползунков.

Стороны (для многоугольника)
Многоугольники имеют настройку количества сторон.
Для этого выделите фигуру и настройте количество сторон, с помощью ползунка в меню справа.
Для этого выделите фигуру и настройте количество сторон, с помощью ползунка в меню справа.

Виды заливки фигур
Для всех фигур доступны разные варианты заливки, рассмотрим основные.
Заливка цветом
Для заливки фигуры цветом выделите фигуру и нажмите в меню справа “Изменить заливку”.
В левом меню, в категории “Цвет”, нажмите на иконку заливки, чтобы открыть меню, в котором вы можете выбрать цвет:
● из набора предложенных
● с помощью пипетки
● на палитре
● введя его HEX или RGBA-значение
Вы также можете нажать “Показать все”, чтобы открыть библиотеку готовых цветов.
В левом меню, в категории “Цвет”, нажмите на иконку заливки, чтобы открыть меню, в котором вы можете выбрать цвет:
● из набора предложенных
● с помощью пипетки
● на палитре
● введя его HEX или RGBA-значение
Вы также можете нажать “Показать все”, чтобы открыть библиотеку готовых цветов.

Заливка градиентом
Для заливки фигуры градиентом выделите фигуру и нажмите справа “Изменить заливку”.
В левом меню, в категории “Градиент”, нажмите на иконку заливки, чтобы открыть меню, в котором вы можете выбрать цвета градиента:
● из набора предложенных
● с помощью пипетки
● на палитре
● введя их HEX или RGBA-значения
а также выбрать стиль градиента:
● линейный
● радиальный
Вы также можете нажать на кнопку “Показать все”, чтобы открыть библиотеку готовых градиентов.
В левом меню, в категории “Градиент”, нажмите на иконку заливки, чтобы открыть меню, в котором вы можете выбрать цвета градиента:
● из набора предложенных
● с помощью пипетки
● на палитре
● введя их HEX или RGBA-значения
а также выбрать стиль градиента:
● линейный
● радиальный
Вы также можете нажать на кнопку “Показать все”, чтобы открыть библиотеку готовых градиентов.

Заливка изображением
Для заливки фигуры изображением выберите нужную фигуру и нажмите в меню справа “Изменить заливку”.
В левом меню используйте категории Текстуры, Фотографии, Фото-градиенты, Абстракции, Дерево, Бетон, Кирпич, Вода, Светлый или Тёмный для выбора изображения.
Вы также можете загрузить свой рисунок: для этого нажмите кнопку “Загрузить с компьютера” и выберите нужное изображение на своём компьютере.
В левом меню используйте категории Текстуры, Фотографии, Фото-градиенты, Абстракции, Дерево, Бетон, Кирпич, Вода, Светлый или Тёмный для выбора изображения.
Вы также можете загрузить свой рисунок: для этого нажмите кнопку “Загрузить с компьютера” и выберите нужное изображение на своём компьютере.

Мощение изображением при заливке
Кроме того, изображением для заливки можно замостить фигуру.
Выделите фигуру и поставьте галочку в опцию “Плитка” в меню справа.
Рядом появится ползунок с коэффициентом “1”, а изображение своим исходным размером покроет всю фигуру плиткой.
При изменении коэффициента, размер изображения заливки будет меняться пропорционально его значению.
Выделите фигуру и поставьте галочку в опцию “Плитка” в меню справа.
Рядом появится ползунок с коэффициентом “1”, а изображение своим исходным размером покроет всю фигуру плиткой.
При изменении коэффициента, размер изображения заливки будет меняться пропорционально его значению.

Заливка видеороликом
Заливка фигуры видеороликом доступна только для видео-креативов.
Для этого выделите фигуру и нажмите в меню справа “Изменить заливку”.
В левом меню используйте категории Видео или Живые фоны для выбора видео.
Вы также можете загрузить своё видео: для этого нажмите на кнопку “Загрузить с компьютера” и выберите нужное видео на своём компьютере.
Для этого выделите фигуру и нажмите в меню справа “Изменить заливку”.
В левом меню используйте категории Видео или Живые фоны для выбора видео.
Вы также можете загрузить своё видео: для этого нажмите на кнопку “Загрузить с компьютера” и выберите нужное видео на своём компьютере.

Позиционирование изображения или видео при заливке
Изображение и видео заливки можно позиционировать по фигуре.
Для этого выделите нужную фигуру и нажмите в меню справа “Позиционировать”.
Переместите заливку в доступных рамках и нажмите на иконку галочки.
Для этого выделите нужную фигуру и нажмите в меню справа “Позиционировать”.
Переместите заливку в доступных рамках и нажмите на иконку галочки.

Удаление заливки
Для того, чтобы удалить заливку, выделите нужную фигуру и нажмите в меню справа “Удалить заливку”.
