Как сделать инфографику для маркетплейсов?
В данном уроке мы рассмотрим процесс создания инфографики товара для маркетплейса Wildberries из готового шаблона. Для примера мы выбрали товар - подушка для сна, размер 50*70 см.
Шаг 1. Регистрация в сервисе SUPA
Для возможности создавать креативы, вы должны авторизоваться в нашем сервисе. Для этого нажмите на кнопку “Вход” в верхнем правом углу главной страницы.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав кнопку “Регистрация” рядом.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав кнопку “Регистрация” рядом.
Подробности о вариантах авторизации и создании нового аккаунта вы можете прочитать здесь.
Шаг 2. Создание нового креатива
Чтобы создать инфографику для маркетплейса, выберем подходящий шаблон в категории “Маркетплейсы” на экране создания креатива.
С главной страницы профиля перейдите в раздел “Создать”.
С главной страницы профиля перейдите в раздел “Создать”.
Далее в категорию “Маркетплейсы”, а затем в подкатегорию нужного креатива:
- Инфографика OZON 3:4
- Инфографика OZON 1:1
- Инфографика для Wildberries
- Инфографика для Яндекс Маркета
- Видеообложка
Здесь вы можете выбрать шаблон. При необходимости воспользуйтесь фильтрами или поиском по ключевым словам.
Нажмите на понравившийся шаблон и вы перейдёте в редактор.
Мы выбрали шаблон с заголовком, несколькими ключевыми особенностями и изображением товара.
Мы выбрали шаблон с заголовком, несколькими ключевыми особенностями и изображением товара.
В любом шаблоне вы можете изменять, заменять или добавлять любые элементы.
Внимание! Некоторые элементы могут быть недоступны, если у вас не подключен тариф Премиум.
Шаг 3. Замена изображения
Для замены фонового изображения щелкните по нему и нажмите справа “Заменить фон”.
Слева, в открывшемся разделе “Фон”, выберите подходящее изображение и щёлкните по нему. Мы выбрали нейтральный серый цвет с лёгкой текстурой.
Слева, в открывшемся разделе “Фон”, выберите подходящее изображение и щёлкните по нему. Мы выбрали нейтральный серый цвет с лёгкой текстурой.
Шаг 4. Добавление нового изображения
Картинка товара в шаблоне оказалась частью фона, поэтому мы добавим новый объект с изображением товара.
Слева, в разделе “Объекты”, найдите категорию “Фотографии” и щёлкните по названию или по кнопке “Показать все”.
Слева, в разделе “Объекты”, найдите категорию “Фотографии” и щёлкните по названию или по кнопке “Показать все”.
Воспользуйтесь поисковой строкой, чтобы найти нужное изображение, а затем щёлкните по нему для добавления на холст.
Если файл с фотографией товара хранится у вас на устройстве, перейдите в раздел “Загрузки” и щелкните по зоне загрузки для выбора файла. Вы также можете перетащить файл в зону загрузки для добавления его в SUPA.
Если файл с фотографией товара хранится у вас на устройстве, перейдите в раздел “Загрузки” и щелкните по зоне загрузки для выбора файла. Вы также можете перетащить файл в зону загрузки для добавления его в SUPA.
Шаг 5. Удаление фона изображения
Чтобы от фотографии остался только нужный объект, нажмите справа кнопку “Убрать фон”. После непродолжительной обработки вы получите нужное изображение.
Расположите новый объект на холсте, изменяя его размеры за края, и поворачивайте его с помощью элементов управления под объектом.
Шаг 6. Изменение текста
Чтобы поменять текст в заголовке, дважды щёлкните по элементу, для перехода в режим редактирования текста.
Шаг 7. Удаление элементов
Если вы хотите удалить ненужные элементы, выделите их и нажмите Delete или щёлкните по иконке корзины.
Вы можете выделить сразу несколько элементов, зажав клавишу Shift или Ctrl.
Шаг 8. Выравнивание элементов
Поменяв текст на данных о товаре мы видим, как элементы съехали относительно друг друга.
Чтобы выровнять их, выделите два элемента и нажмите на кнопки центрирования по вертикали и горизонтали в верхнем части свойств объектов.
Чтобы выровнять их, выделите два элемента и нажмите на кнопки центрирования по вертикали и горизонтали в верхнем части свойств объектов.
Шаг 9. Добавление элементов
Для установки новой иконки в нижний элемент с надписью “Не искажают подсветку” удалите старую. На её место найдём более подходящую в библиотеке SUPA.
Перейдите в раздел “Объекты” и найдите категорию “Иконки”. Нажмите на название категории или на кнопку “Показать все”, чтобы перейти в категорию.
Перейдите в раздел “Объекты” и найдите категорию “Иконки”. Нажмите на название категории или на кнопку “Показать все”, чтобы перейти в категорию.
Воспользуйтесь поисковой строкой, чтобы найти нужную иконку. Щёлкните по ней для добавления на холст, а затем расположите её в нужном месте.
Шаг 10. Группировка и выравнивание элементов
Чтобы сделать ровный рисунок, вы можете сгруппировать элементы для их дальнейшего взаимного расположения.
Выделите два элемента (иконку и подпись к ней) и нажмите “Группировать” в верхней части свойств объектов.
Повторите действие для желтой плашки и только что созданной группы.
Выделите два элемента (иконку и подпись к ней) и нажмите “Группировать” в верхней части свойств объектов.
Повторите действие для желтой плашки и только что созданной группы.
Теперь все три элемента будут выступать как единый объект.
Выровняем все ключевые элементы - заголовок, размер и преимущество. Для этого выделите все три элемента и нажмите выравнивание по левому краю.
Выровняем все ключевые элементы - заголовок, размер и преимущество. Для этого выделите все три элемента и нажмите выравнивание по левому краю.
Шаг 11. Добавление декора и работа с уровнями
Чтобы еще немного разнообразить креатив, добавим небольшой декоративный элемент.
Перейдите в раздел “Графика” слева и в поисковой запрос введите “zzz”, означающий сон. Щелкните по элементу для добавления на холст.
Перейдите в раздел “Графика” слева и в поисковой запрос введите “zzz”, означающий сон. Щелкните по элементу для добавления на холст.
Новые элементы всегда добавляются на самый верхний уровень, перекрывая уже имеющиеся элементы.
Для того, чтобы передвинуть добавленный элемент вниз и скрыть его под другими элементами, снимите выделение со всех объектов. Вы увидите справа список всех элементов, которые есть на холсте. Они расположены в том порядке, как они лежат на холсте, сверху вниз.
Для того, чтобы передвинуть добавленный элемент вниз и скрыть его под другими элементами, снимите выделение со всех объектов. Вы увидите справа список всех элементов, которые есть на холсте. Они расположены в том порядке, как они лежат на холсте, сверху вниз.
Переместите строку нового изображения вниз под элемент жёлтой плашки, и оно скроется под ней.
Шаг 12. Скачивание креатива
Для сохранения креатива нажмите на кнопку “Скачать”.
В левом меню выберите формат файла (PNG, JPG или PDF), настройте качество изображения кнопками или ползунком, выберите нужные опции генерации и нажмите “Сгенерировать изображение”.
В левом меню выберите формат файла (PNG, JPG или PDF), настройте качество изображения кнопками или ползунком, выберите нужные опции генерации и нажмите “Сгенерировать изображение”.
Подождите, пока происходит обработка, затем нажмите “Скачать файл” для сохранения креатива на устройство или “Поделиться” для его передачи в Dropbox, Google Drive или с помощью QR-кода.
