Создание карточек для маркетплейсов.
Курс для абсолютных новичков

Хотите научиться создавать профессиональные карточки для маркетплейсов? Добро пожаловать на страницу бесплатных уроков по работе с конструктором инфографики WBcard! Здесь вы найдете пошаговое обучение для начинающих, которое поможет вам освоить инструменты и техники создания продающей инфографики с нуля.

Почему стоит выбрать WBcard?

  • Простота и удобство: Даже если вы никогда не работали с дизайном, наш конструктор инфографики интуитивно понятен и доступен каждому.

  • Бесплатное обучение: Все уроки доступны без оплаты. Вы можете начать обучение прямо сейчас!

  • Практические навыки: Уроки ориентированы на создание инфографики для маркетплейсов, что поможет вам повысить продажи и привлечь внимание клиентов.

Что вы узнаете на уроках?

  • Как работать с конструктором WBcard: от регистрации до сохранения готового проекта.

  • Основы создания инфографики: выбор шаблонов, работа с цветами, шрифтами и изображениями.

  • Секреты продающей инфографики для маркетплейсов: как выделить товар, подчеркнуть его преимущества и увеличить конверсию.

  • Практические примеры и советы по оформлению карточек товаров.

Кому подойдет это обучение?

  • Новичкам: Если вы только начинаете свой путь в дизайне инфографики, наши уроки помогут вам быстро освоить базовые навыки.

  • Продавцам маркетплейсов: Узнайте, как создавать инфографику, которая привлекает внимание и увеличивает продажи.

  • Маркетологам: Освойте новый инструмент для визуализации данных и продвижения товаров.

Начните обучение уже сегодня!

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

WBcard – ваш надежный помощник в мире дизайна инфографики. Обучение бесплатно, доступно и эффективно!

Урок 1. Введение. Устройство интерфейса.

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

Урок 2. Текстовые элементы

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

Урок 3. Графические элементы

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

Урок 4. Работа с изображениями

Этот урок посвящен работе с изображениями в онлайн конструкторе wbcard.ru. Вы узнаете как пользоваться встроенным фоторедактором, применять фильтры и делать маски.

Урок 5. Размер рабочей области

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

Урок 6. Дизайн и макеты - загрузка и скачивание

В этом уроке расскажем — как скачать готовое изображение, как скачать редактируемый макет (по слоям) и как загрузить его обратно в Конструктор. Также коснемся сохранения отдельных типовых элементов и дальнейшего добавления их к имеющемуся в рабочей области макету.

Урок 7. Навигатор по слоям

В этом уроке расскажем про инструмент «Навигатор», про перемещение элементов по слоям, блокировку/разблокировку элементов и про доступ к заблокированным элементам из панели Навигатора.

Урок 8. Три базовые встроенные нейросети

В этом уроке вы узнаете как генерировать при помощи встроенных в Конструктор нейросетей фоновые изображения, описание товара и пять основных преимуществ.

Урок 9. Улучшение качества изображения при помощи нейросети.

В этом видео вы узнаете как улучшить качество изображения прямо в нашем конструкторе инфографики. Улучшение делается буквально в один клик. Также расскажем о «подводных камнях» при работе с данным методом.

Урок 10. Генерация заднего фона для товара

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

Урок 11. Режимы наложения. Создаем свет в сцене.

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

Урок 12. Сохранение и загрузка отдельных элементов шаблонов

В этом коротком уроке вы узнаете как сохранять и загружать обратно отдельные элементы шаблонов. Это может быть полезно для ускорения работы путем создания собственных типовых наборов элементов.

Урок 13. Защита карточки товара. Водяные знаки.

В этом уроке разберём, как защитить карточку товара от копирования с помощью водяных знаков. Узнаете, как их правильно наносить, какие инструменты Wbcard использовать. Полезно для интернет-магазинов и продавцов!

Архив уроков по онлайн-конструктору инфографики

Урок 1. Устройство интерфейса

Назначение и расположение основных элементов интерфейса, базовые геометрические формы, базовый функционал. 

Урок 2. Картинка внутри геометрической фигуры.

В этом уроке вы узнаете как поместить любое изображение (товар, фон, произвольную загруженную картинку) внутрь графического примитива — прямоугольника, овала или многоугольника. А еще я расскажу как поместить изображение внутрь иконки. Все эти опции вы найдете на платном тарифе нашего онлайн-конструктора для маркетплейсов — wbcard.ru 

Урок 3. Инструмент текст.

Как работать с текстом, менять его размер, угол наклона, цвет, прозрачность, заливку и обводку — вы узнаете из этого подробного урока.

Урок 4. Инструмент цвет.

Видео о работе с цветовыми инструментами. Просто и доступно о:

  • окрашивании объектов
  • работе с заливкой и обводкой для геометрических фигур и стикеров 
  • копировании цвета от объекта к объекту
  • задании прозрачности

Урок 5. Как сохранить картинку, как сохранить макет? Небольшие изменения в интерфейсе.

Как сохранить изображение для загрузки на Вайлберрис? Как сохранить сам макет, чтобы потом продолжить над ним работу? Где находится кнопка для сохранения дизайна? На все эти вопросы — ответ в этом очень коротком видеоуроке.

Урок 6. Интерфейс - правый тулбокс

В этом небольшом видео подробно рассказывается о инструментах правого «инструментального ящика»:

  • отмена/возврат
  • копирование
  • перемещение по слоям 
  • удаление
  • блокировка/разблокировка

Урок 7. Рисуем всплеск

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

Урок 8. Контейнеры

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

Урок 9. Обновления в интерфейсе.

Сделано по Вашим просьбам. Конструктор инфографики для маркетплейсов wbcard.ru постоянно улучшается и обновляется, ориентируясь на Ваши пожелания. Мы допиливаем интерфейс и добавляем новые фичи. Какие — смотрите в этом ролике.

Урок 10. Инструменты для обработки изображений. Редактор. Фильтры.

В том выпуске вы узнаете:

  • как удалить лишние элементы с фотографии
  • как вернуть удаленные элементы на фото
  • как применять фильтры ко всему изображению
  • как применять фильтры к части изображения

Урок 11. Машина времени, коллекции шрифтов и цветов. Фотосток.

В этом уроке вы узнаете о недавних обновлениях в нашем конструкторе, сделанных по вашим просьбам:

  • Машина времени — для постоянного сохранения проделанной работы
  • Инструмент ТЕКСТ получил новую функцию и изменился внешне
  • Фотосток — мы добавили в конструктор коллекцию лицензионных фотографий
  • В конструкторе появились коллекции цветов и шрифтов для вашего удобства

Урок 12. Таблицы, Навигация по слоям, изменение цвета интерфейса

В этом уроке вы узнаете о нововведениях 2023, которые появились недавно в свежем апдейте конструктора инфографики для маркетплейсов wbcard.ru.

Среди новых полезняшек:

  • создание простых размерных таблиц
  • создание шапки таблицы
  • работа с навигатором и слоями
  • переименование элементов в слоях
  • изменение цвета интерфейса

Урок 13. Нейросеть для маркетплейсов. Генерация изображений и генерация текста для карточек товара

Нейросети прямо в Конструкторе. Экспериментальная функция в версии 14. Нейросеть позволяет создавать тексты и изображения для карточек товаров.

Генерируйте контент для карточки товара, не выходя из программы!

В уроке вы узнаете:

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

Урок 14. Размытие и пикселизация части изображения

Как закрыть часть изображения? В этом уроке расскажем как при помощи пикселизации/размытия и маски эффективно закрыть часть картинки.

Урок 15. Рисуем фон к товару при помощи нейросетей

В этом видео мы научимся работать с Искусственным интеллектом, будем рисовать фотореалистичные задники для товара и дорисовывать объекты на фото. Получим рекламные фотографии в один клик и научимся писать правильные запросы.

Урок 16. Процесс создания дизайна карточки в режиме реального времени.

Оригинальный способ оформить продуктовую карточку женской одежды. Весь процесс создания креатива подробно и максимально занудно! Сам макет уже загружен в Конструктор. Можете использовать для своих карточек или создавать по описанному принципу свои собственные креативы.

Урок 17. Стильная карточка товара мужского худи за 10 минут.

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

Урок 18. Маски и режимы наложения

Как использовать любой объект для создания маски? Расскажем в этом видео. 

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

Урок 19. Обновление 15_2. Нейросеть для преобразования карточек Озон 1:1 в 3:4.

Основная фишка данного апдейта в том, что теперь можно из квадрата в один клик сделать 900×1200 без проблем. Мы краем уха услышали новость, что Озон теперь принимает карточки размером 3:4 и решили облегчить жизнь тем из вас, у кого не осталось исходников дизайна, а на руках только квадратная картинка. Новый инструмент позволит в один клик дорисовать изображение до прямоугольного (или наоборот — прямоугольное до квадратного размером больше) без обрезки. Интересно? Пробуйте!

Урок 20. Прокачанные нейросети для карточки товара.

Обновление 15_2_2. Мертвые зоны в карточке товара, теперь в рабочей области.  Обновленные нейронки для дорисовки фона, дорисовки объектов и удаления объектов.

Урок 21. Процесс создания карточки товара для условного БАДа.

Дизайн карточки товара баночки БАДа. Поэтапно — с нуля до готового результата в онлайн-конструкторе инфографики для маркетплейсов wbcard.ru.

Урок 22. Новые функции в новом релизе.

В последнем обновлении Конструктора появились две важные функции, которые значительно расширяют возможности работы с графическими элементами. Теперь пользователи могут не только добавлять, но и вычитать графические объекты друг из друга, создавая более сложные и уникальные формы. Кроме того, была улучшена работа инструмента «текст по кругу».  В этом видео мы подробно расскажем, как использовать эти новые инструменты, и покажем примеры их применения.

Урок 23. Реалистичная инфографика. Как положить товар в корзину. Работаем с вырезками.

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

Урок 24. Дизайн-комбайн. Или автоматизация создания инфографики типовых карточек товара для маркетплейсов.

Написали новый инструмент — автомат по массовому созданию карточек товара на базе заранее подготовленного шаблона. О том как это работает — в этом небольшом видео.