Как сделать баннер (рекламный креатив)?
В этом уроке мы, используя большую библиотеку шаблонов SUPA, создадим рекламный баннер для джазового оркестра.
Шаг 1. Регистрация в сервисе SUPA
Для возможности создавать баннеры, вы должны авторизоваться в нашем сервисе. Для этого нажмите на кнопку “Вход” в верхнем правом углу главной страницы.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав кнопку “Регистрация” рядом.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав кнопку “Регистрация” рядом.

Подробности о вариантах авторизации и создании нового аккаунта вы можете прочитать здесь.
Шаг 2. Создание нового креатива
Чтобы создать рекламный баннер, выберем подходящий шаблон на экране создания креатива.
С главной страницы профиля перейдите в раздел “Создать”.
С главной страницы профиля перейдите в раздел “Создать”.

Затем последовательно выберите “Соцсети” и “Рекламный креатив для соцсетей”.

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

Нажмите на понравившийся шаблон и вы перейдёте в редактор.

В любом шаблоне вы можете изменять, заменять или добавлять любые элементы.
Внимание! Некоторые элементы могут быть недоступны, если у вас не подключен тариф Премиум.
Шаг 3. Редактирование текста
Чтобы изменить текст элемента, дважды щёлкните по нему для перехода в режим редактирования. Заодно сразу поменяем шрифт: выделите текст, перейдите в настройки в правом меню и выберите шрифт из списка.

Замените остальные тексты и удалите лишний блок.

Шаг 4. Изменение размера объектов
Потянув за край подложки, на которой не поместился новый текст, измените её размер до необходимого. Повторите для всех блоков.

Шаг 5. Выравнивание объектов
Выделите текст и его подложку и нажмите подряд “Выравнивание по центру по вертикали” и “Выравнивание по центру по горизонтали”, чтобы выровнять их относительно друг друга. Повторите для всех блоков.

Шаг 6. Добавление нового текста
Нам понадобится дополнительная информация о дате и месте проведения концерта: для этого нужно создать дополнительные текстовые блоки.
Чтобы не настраивать заново форматирование нового текста, создайте дубликат уже имеющегося текстового блока. Для этого выделите блок и нажмите на значок “Дублировать”. Также можно воспользоваться клавишами Ctrl + С и Ctrl + V.
Чтобы не настраивать заново форматирование нового текста, создайте дубликат уже имеющегося текстового блока. Для этого выделите блок и нажмите на значок “Дублировать”. Также можно воспользоваться клавишами Ctrl + С и Ctrl + V.

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

Шаг 7. Удаление объектов
Чтобы удалить ненужные объекты, выделите их и нажмите клавишу Delete или иконку корзины.

Шаг 8. Замена фона
Чтобы заменить однотонный фон, выделите его и нажмите справа “Изменить фон”. В левом меню перейдите в категорию “Градиенты”.

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

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

Цвет по центру оставим тот, который был в готовом варианте, а цвет по краям хочется сделать более темным и насыщенным.
Для этого щелкните по нужной точке на шкале градиента и подберите новый цвет из палитры или задайте его с помощью HEX кода.
Для этого щелкните по нужной точке на шкале градиента и подберите новый цвет из палитры или задайте его с помощью HEX кода.

Шаг 9. Замена подложки текстовых блоков
Сделаем центральные текстовые блоки более яркими и заметными.
Для этого выделите блок, в настройках нажмите “Изменить заливку” и выберите новый цвет из палитры. Возьмем желтый, он хорошо выделяется на новом фоне.
Для этого выделите блок, в настройках нажмите “Изменить заливку” и выберите новый цвет из палитры. Возьмем желтый, он хорошо выделяется на новом фоне.

Чтобы новый блок выглядел гармонично, поменяем и цвет тени. Для этого в настройках перейдите в раздел “Тень”, щелкните на ячейку с цветом и выберите новый оттенок из палитры, темнее, чем основной цвет блока.

Повторите действия для остальных текстовых блоков.

Шаг 10. Дополнительные эффекты для текста
Также сделаем более заметным текст с датой концерта и добавим яркую подложку.
Выделите текст, перейдите в настройки цвета и замените цвет на темный - это промежуточный этап.
Выделите текст, перейдите в настройки цвета и замените цвет на темный - это промежуточный этап.

Затем в настройках текста выберите “Фон” и выберите желтый цвет из цветов креатива.

Выделите нижние текстовые блоки и выровняйте их по вертикали с помощью настроек выравнивания.

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

Воспользуйтесь поисковой строкой, чтобы подобрать подходящий объект. Щелкните по объекту для добавления его на холст.

Выделите иконку, перейдите в “Редактор цветов” в правом меню и выберите цвет из цветов креатива. Чтобы новый элемент не так контрастировал с остальными, установим для него прозрачность 10%.

Расположите объект на холсте, изменяя его размер и наклон за края.

Таким же образом добавим еще несколько элементов из музыкальной тематики, например, ноты.

Шаг 9. Скачивание креатива
Для сохранения креатива нажмите кнопку “Скачать”.
В левом меню выберите формат файлов (PNG, JPG или PDF), настройте качество изображения кнопками или ползунком, выберите нужные опции генерации и нажмите “Сгенерировать изображение”.
В левом меню выберите формат файлов (PNG, JPG или PDF), настройте качество изображения кнопками или ползунком, выберите нужные опции генерации и нажмите “Сгенерировать изображение”.

Подождите, пока происходит обработка, затем нажмите “Скачать файл” для сохранения креатива на устройство или “Поделиться” для его передачи в Dropbox, Google Drive или с помощью QR-кода.
