WBCard Academy
Бесплатные уроки по инфографике: разберитесь в дизайне карточек и научитесь создавать продающий контент для Wildberries и Ozon.
Практические видеоуроки по созданию карточек товара: от интерфейса, композиции и типографики до работы с изображениями, слоями, масками, ИИ и автоматизацией.
Хотите освоить основы создания инфографики для маркетплейсов, но не знаете, с чего начать? Этот бесплатный курс от WBCard создан для практической работы с редактором карточек товара. Вас ждут пошаговые видеоуроки, разбор интерфейса и приёмы, которые помогают оформлять карточки для Wildberries, Ozon и других площадок.
Мы учим не абстрактной «кнопке в программе», а принципам инфографики для маркетплейсов: композиция, типографика, работа с изображением, слоями, масками, ИИ и автоматизация. Курс подойдёт селлерам, менеджерам маркетплейсов и специалистам, которые хотят делать карточки товара самостоятельно.
Начните с обучения — ролики ниже помогут разобраться, как устроено оформление карточек и что влияет на продажи. Следующий шаг — регистрация в WBCard и работа в онлайн-конструкторе: шаблоны, проекты и нейросетевые инструменты доступны сразу после входа.
Навыки, которые последовательно раскрываются в видеоуроках курса и архиве занятий.
Посмотрите уроки и начните создавать карточки товара для Wildberries и Ozon в редакторе WBCard.
Модуль 01
Первые шаги в редакторе WBCard: интерфейс, текст, графика, размеры холста и работа со слоями.
01
На этом бесплатном обучении вы получите общее представление об устройстве интерфейса и логике расположения элементов. Это вводное занятие по конструктору инфографики для маркетплейсов с использованием WBСard: разберём технические основы, учебные примеры и приёмы, которые обучают базовой работе с инструментом — пригодится и для других задач.
02
В этом уроке вы узнаете о свойствах текстовых элементов, научитесь загружать свои шрифты и управлять их параметрами. Вы получите умение быстро подключать кастомные гарнитуры и поддерживать единообразие типографики. Отдельно разберём список гарнитур и подход к созданию собственных коллекций: как систематизировать дизайнерские наборы, подготовить пресеты и обучиться разработке библиотек для проекта.
03
Урок посвящён тому, как собирать простую инфографику из базовых фигур — линий, прямоугольников, кругов и прочих форм. Разбираем свойства объектов: заливка, обводка, градиенты, прозрачность и порядок слоёв. Отдельный блок — работа с цветом: подбор палитр, контраст и гармония. В итоге вы сможете делать качественную инфографику; пошаговые задания учат уверенно компоновать элементы.
04
В этом небольшом уроке рассмотрим, как изменять размер рабочей области, какие готовые пресеты предусмотрены для разных маркетплейсов, и как задать произвольные размеры холста в пикселях под ваши требования.
05
Во время этого бесплатного обучения мы расскажем — как скачать готовое изображение, как скачать редактируемый макет (по слоям) и как загрузить его обратно в Конструктор. Также коснемся сохранения отдельных типовых элементов и дальнейшего добавления их к имеющемуся в рабочей области макету.
06
В этом уроке расскажем про «Навигатор», про перемещение элементов по слоям, блокировку/разблокировку элементов и про доступ к заблокированным элементам из панели Навигатора.
Модуль 02
Загрузка и обработка изображений товара, фоторедактор и защита карточек.
01
Этот бесплатный урок посвящен работе с изображениями в онлайн конструкторе wbcard.ru. Вы узнаете как пользоваться встроенным фоторедактором, применять фильтры и делать маски.
02
В этом уроке разберём, как защитить карточку от копирования с помощью водяных знаков. Узнаете, как их правильно наносить, какие возможности Wbcard использовать. Полезно для интернет-магазинов и продавцов!
Модуль 03
Свет, типовые элементы, контейнеры, градиенты и приёмы визуального оформления карточки.
01
В процессе обучения мы расскажем как добавить в сцену световой эффект, используя любое изображение светового луча на черном фоне (это может быть реальное фото или сгенерированная при помощи ИИ картинка).
02
Еще раз расскажем про контейнеры. Более дотошно и доходчиво. По шагам. Как поместить картинку внутрь геометрической фигуры на примере круга, как ее масштабировать, поворачивать и заменять.
03
Учимся работать с градиентами в WBКАРД: сдвигать цвета, настраивать прозрачность, использовать пресеты и открывать редактор в отдельных палитрах. На практике создаём объёмную кнопку для карточки товара.
Модуль 04
Нейросетевые инструменты WBCard для фона, текста и улучшения изображений.
01
На обучении вы узнаете как генерировать при помощи встроенного в Конструктор Искусственного интеллекта фоновые изображения, описание и пять основных преимуществ.
02
В этом видео вы узнаете как улучшить качество изображения прямо в нашем конструкторе инфографики. Улучшение делается буквально в один клик. Также расскажем о «подводных камнях» при работе с данным методом.
03
В этом небольшом уроке вы узнаете как создать реалистичный задний фон при помощи искусственного интеллекта.
Модуль 05
Типовые элементы, ускорение работы и приёмы для сложных карточек. Дополнительные продвинутые материалы — в архиве уроков ниже.
01
В этом коротком бесплатном уроке вы узнаете как сохранять и загружать обратно отдельные элементы шаблонов. Это может быть полезно для ускорения работы путем создания собственных типовых наборов элементов.
Модуль 06
Архив занятий по онлайн-конструктору инфографики — структурированный каталог записей по темам, обновлениям редактора и продвинутым приёмам создания карточек для маркетплейсов.
01
Назначение и расположение основных элементов интерфейса, базовые геометрические формы, базовый функционал.
02
В этом уроке вы узнаете как поместить любое изображение (продукт, фон, произвольную загруженную картинку) внутрь графического примитива — прямоугольника, овала или многоугольника. А еще я расскажу как поместить изображение внутрь иконки. Все эти опции вы найдете на платном тарифе нашего онлайн-конструктора для маркетплейсов — wbcard.ru
03
Как работать с текстом, менять его размер, угол наклона, цвет, прозрачность, заливку и обводку — вы узнаете из этого подробного урока.
04
Видео о работе с цветовыми палитрами. Просто и доступно о:
05
Как сохранить изображение для загрузки на Вайлберрис? Как сохранить сам макет, чтобы потом продолжить над ним работу? Где находится кнопка для сохранения дизайна? На все эти вопросы — ответ в этом очень коротком видеоуроке.
06
В этом небольшом видео подробно рассказывается о возможностях правого «инструментального ящика»:
07
Учимся создавать всплеск воды и красить его в нужный цвет в бесплатном конструкторе WBCard. Вы узнаете как работать с инструментом «тень» и создавать интересные эффекты.
08
В этом видео мы познакомимся с устройством и работой «контейнеров», научимся размещать в них изображения, менять их положение внутри контейнера, менять сами изображения.
09
Сделано по Вашим просьбам. Конструктор инфографики для маркетплейсов wbcard.ru постоянно улучшается и обновляется, ориентируясь на Ваши пожелания. Мы допиливаем интерфейс и добавляем новые фичи. Какие — смотрите в этом ролике.
10
В том выпуске вы узнаете: - как удалить лишние элементы с фотографии - как вернуть удаленные элементы на фото - как применять фильтры ко всему изображению - как применять фильтры к части изображения
11
В этом уроке вы узнаете о недавних обновлениях в нашем конструкторе, сделанных по вашим просьбам:
12
В этом уроке вы узнаете о нововведениях 2023, которые появились недавно в свежем апдейте бесплатного конструктора инфографики для маркетплейсов wbcard.ru.
13
Экспериментальная функция в версии 14. ИИ позволяет создавать тексты и изображения для карточек.
14
Как закрыть часть изображения? В этом уроке расскажем как при помощи пикселизации/размытия и маски эффективно закрыть часть картинки.
15
В этом видео мы научимся работать с Искусственным интеллектом, будем рисовать фотореалистичные задники для товара и дорисовывать объекты на фото. Получим рекламные фотографии в один клик и научимся писать правильные запросы.
16
Оригинальный способ оформить продуктовую карточку женской одежды. Весь процесс создания креатива подробно и максимально занудно! Сам макет уже загружен в Конструктор. Можете использовать для своих карточек или создавать по описанному принципу свои собственные креативы.
17
Научимся при помощи оригинального текстового решения создавать фирменную карточку товара, как у больших серьезных брендов. С универсальным и очень прикольным текстовым решением.
18
Как использовать любой объект для создания маски? Расскажем в этом видео.
19
Основная фишка данного апдейта в том, что теперь можно из квадрата в один клик сделать 900×1200 без проблем. Мы краем уха услышали новость, что Озон теперь принимает карточки размером 3:4 и решили облегчить жизнь тем из вас, у кого не осталось исходников дизайна, а на руках только квадратная картинка. Функция позволит в один клик дорисовать изображение до прямоугольного (или наоборот — прямоугольное до квадратного размером больше) без обрезки. Интересно? Пробуйте!
20
Обновление 15_2_2. Мертвые зоны в карточке товара, теперь в рабочей области. Обновленные нейровозможности для дорисовки фона, дорисовки объектов и удаления объектов.
21
Дизайн карточки товара баночки БАДа. Поэтапно — с нуля до готового результата в онлайн-конструкторе инфографики для маркетплейсов wbcard.ru.
22
В последнем обновлении Конструктора появились две важные функции, которые значительно расширяют возможности работы с графическими элементами. Теперь пользователи могут не только добавлять, но и вычитать графические объекты друг из друга, создавая более сложные и уникальные формы. Кроме того, была улучшена работа алгоритма «текст по кругу». В этом видео мы подробно расскажем, как использовать эти новые возможности, и покажем примеры их применения.
23
В этом уроке расскажем как использовать пнг вырезки на примере корзины и класть в них свой товар, создавая реалистичные изображения продукта в интерьере.
24
Написали новый автомат по массовому созданию карточек товара на базе заранее подготовленного шаблона. О том как это работает — в этом небольшом видео.
25
В этом уроке вы узнаете, как быстро создать эффект матового стекла для заднего фона карточки товара в wbcard.ru. Покажу пошагово, как добиться стильного полупрозрачного слоя, который подчёркивает продукт. Приём подходит для любых категорий товаров и делает карточку более современной и привлекательной для покупателей.
26
В этом видео мы покажем, как создать реалистичный дизайн карточки товара с прозрачными предметами — на примере прозрачного чехла для iPhone. Прозрачность теперь не проблема — создавайте профессиональные визуалы быстро и удобно прямо в браузере
27
Представьте: у вас есть всего одна фотография товара — и больше ничего. А теперь она превращается в полноценный контент для карточки: с моделью, с подходящим фоном, с идеальным светом и стилем.
28
Теперь инфографика создаётся вообще в один клик. Это вайб дизайн! Фон товара, текст, иконки и визуальный стиль собираются автоматически — быстро, красиво и без лишних действий. Плюс у нас появилось облако для хранения макетов!
29
В этом уроке мы расскажем о новом инструменте, интегрированном в Конструктор WBCard, который позволяет легко создавать и обрабатывать фотографии с помощью искусственного интеллекта. Вы узнаете, как:
30
В конструкторе инфографики появилась виртуальная примерочная. Теперь можно создавать изображения с моделями без съемок:
31
- «Перо» для обтравки — теперь можно вырезать как в Photoshop - прямоугольник и эллипс для быстрого выделения - удаление частей изображения в пару кликов - горячие клавиши для зума - отмена и повтор действий (наконец-то нормально)
32
Новый инструмент внутри WBCard — ВолшебнИИк . Загружайте фото товара, создавайте витрину из заготовок, задавайте промпты или используйте готовые пресеты и запускайте генерацию. ИИ автоматически создаст готовые карточки товара и инфографику для маркетплейсов за несколько кликов.
33
Теперь нейросеть создает не готовую картинку, а полноценный макет карточки товара со шрифтами, иконками, фонами и геометрией. Все элементы остаются редактируемыми — просто замените товар, при необходимости скорректируйте текст и получите уникальный профессиональный дизайн за считанные секунды.
34
Обновили Дизайн-Комбайн — инструмент для массового создания карточек товаров на основе шаблона и таблицы Excel.В версии 2.0 появился новый интерфейс и свободное сопоставление данных. Теперь любое значение из загруженного Excel можно назначить любому элементу шаблона: названию, размеру, цвету, характеристике, изображению или другому полю.
Практика в редакторе
Материалы курса построены вокруг практической работы в онлайн-конструкторе карточек товара. Вы изучаете интерфейс, слои, типографику, обработку изображений и ИИ прямо в редакторе — и сразу применяете навыки к карточкам для Wildberries и Ozon.
Открыть редактор
Конструктор инфографики WBCard помогает быстро войти в работу с маркетплейсами и собирать аккуратные карточки товара: понятный интерфейс, редактируемые проекты, шаблоны, фоторедактор и ИИ-инструменты для фона, текста и инфографики.
Бесплатные уроки и архив занятий дают тематическую глубину: от базового интерфейса до продвинутых приёмов — реалистичная инфографика, серии карточек, автоматизация, виртуальная примерочная и генерация редактируемых макетов. Обучение инфографике с нуля остаётся доступным и применимым к реальным задачам селлера.
