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

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

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

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

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

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

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

Страница дашборд редактора Flt
Страница дашборд редактора Flt

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

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

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

Редактирование текста шаблона
Редактирование текста шаблона

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

55
Начать дискуссию