Как сделать инфографику без дизайнера, фигмы и фотошопа?

Хотите сделать карточку товара для маркетплейса без фотошопа, фигмы и затрат на дизайнеров? Или вы начинающий дизайнер и хотите на этом заработать? В этой статье вы найдете пошаговый гайд, с помощью которого сделаете красивую инфографику для товара за 10 минут.

Для работы будем использовать онлайн-редактор Flyvi, и вот почему:

у него простой и понятный интерфейс. Легко разобраться даже если раньше никогда не работали с редакторами.
есть уже готовые шаблоны инфографики и своя библиотека самых разных графических элементов, иконок, шрифтов и фонов.
есть весь нужный функционал для карточек товара: удаление фона с фото, создание многостраничного дизайна, выбор нужного размера и т.д.
в Flyvi есть бесплатный пробный период в 5 дней, за который можно успеть создать очень много вариантов карточек товара.

Итак приступим. Проходим регистрацию на сервисе и попадаем на дашборд. В строке поиска пишем “инфографика”.

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

Кликаем на текст и меняем на свой. Мы будем продавать комплект халат + сорочка. Так и напишем.

Теперь идем в раздел загрузки и загружаем свои фотографии товара.

Для загрузки нужно нажать на кнопку "загрузить медиа" и выбрать нужные файлы на компьютере.

Нажимаем на фотографию из шаблона, и удаляем ее. После этого нажимаем на нашу фотографию из загрузок. Они появляется на холсте. Теперь самое классное. Мы нажимаем на кнопку “удалить фон” на верхней панели и получаем фото девушки в халате без фона.

Функция "удаления фона" работает очень быстро и качественно, что избавляет от необходимости искать дополнительные сервисы и делать это на стороне. Для создания инфографики это просто мастхэв .

Теперь нам нужно указать преимущества своего товара. Вместо текста “премиальное качество” мы напишем “удобно для кормления”, а все остальное удаляем. Хочется сделать акцент на качестве ткани и для этого мы будем использовать увеличенное изображение халата. Идем в раздел маски, выбираем круг, добавляем его на холст и масштабируем как нам нужно.

В разделе "маски" вы найдете самые разные варианты форм. Я использую стандартную для наглядности.

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

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

Я показала самый простой вариант. А вообще возможностей работы с фоном очень много, но с этим лучше разбираться на практике.

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

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

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

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

Как сделать инфографику без дизайнера, фигмы и фотошопа?

Создаем инфографику из шаблона