Бейдж

Создавайте интерактивные 3D-бейджи на ленте, которые раскачиваются и двигаются реалистично. Идеально для цифровых визиток, бейджей на мероприятия и уникальных карточных презентаций.

Создать бейдж

Что такое бейдж?

Проект «Бейдж» создаёт интерактивную 3D-карточку, висящую на ленте, как конференц-бейдж или удостоверение. Карточка естественно раскачивается при взаимодействии зрителей, создавая увлекательный эффект.

  • Реалистичное раскачивание на основе физики
  • Настраиваемое изображение и цвета карточки
  • Генерация изображений с помощью ИИ
  • Настраиваемые цвета ленты
  • Работает на всех устройствах

Лучшие сценарии использования

Цифровые визитки

Выделитесь с запоминающейся 3D-презентацией

Бейджи на мероприятия

Виртуальные пропуска для конференций и мероприятий

Удостоверения

Удостоверения сотрудников или членов организации

Членские карты

Членские карты клубов или организаций

VIP-пропуска

Пропуска для эксклюзивного доступа

Артистические пропуска

Бэкстейдж-пропуска или аккредитации артистов

Создание бейджа

Шаг 1: Загрузите или сгенерируйте изображение карточки

На вкладке «Контент» у вас есть два варианта:

Загрузить изображение

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

Генерация изображения ИИ

Опишите, что вы хотите, и наш ИИ сгенерирует изображение для карточки. Навыки дизайна не требуются!

Генератор изображений ИИ лучше всего работает с чёткими и подробными описаниями. Попробуйте: «Профессиональная визитка с синим градиентным фоном, современный минималистичный дизайн»

Шаг 2: Настройте внешний вид карточки

Отрегулируйте параметры карточки:

  • Цвет фона карточки: цвет за вашим изображением
  • Смещение текстуры: тонкая настройка положения изображения (X и Y)
  • Масштаб текстуры: приближение или отдаление изображения

Шаг 3: Настройте ленту

На вкладке «Внешний вид» измените цвет ленты в соответствии с вашим брендом или темой мероприятия.

Шаг 4: Добавьте навигационные ссылки

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

Генерация изображений ИИ

Инструмент ИИ помогает создавать профессиональные дизайны карточек без каких-либо навыков дизайна:

  1. Нажмите кнопку генерации ИИ на вкладке «Контент»
  2. Введите описание нужной карточки
  3. Нажмите «Сгенерировать» и подождите несколько секунд
  4. Сгенерированное изображение появится на вашей карточке
  5. Сгенерируйте повторно, если хотите другой результат

Советы по описанию

  • Указывайте конкретные цвета: «синий и белый» вместо просто «профессиональный»
  • Упоминайте стиль: «минималистичный», «современный», «винтажный», «корпоративный»
  • Включайте детали содержимого: «с местом для логотипа компании сверху»
  • Укажите назначение: «бейдж для конференции», «визитная карточка», «VIP-пропуск»

Настройки бейджа

Цвет ленты

Измените цвет ленты бейджа. Подберите его под ваш бренд или цвета мероприятия.

Фон

Установите сплошной цвет, градиент или изображение в качестве фона сцены. Это фон, на котором висит бейдж.

Навигационный док

Добавьте ссылки и кнопки масштабирования в плавающий док. Настройте расположение, стиль и видимость на вкладке «Ссылки».

Кнопки масштабирования

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

Как зрители взаимодействуют

Бейдж реагирует на действия зрителей:

Перетаскивание мышью/пальцем

Кликните и перетащите карточку, чтобы она раскачивалась. Отпустите — и она плавно остановится.

Автоматическое движение

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

Масштабирование

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

Ссылки дока

Кликайте по ссылкам в навигационном доке для перехода на внешние страницы или просмотра модального контента.

Советы по созданию отличных бейджей

  • Используйте изображения высокого разрешения для чёткого отображения карточки
  • Размещайте важный контент по центру (края могут обрезаться)
  • Подберите цвет ленты под ваш бренд для целостного вида
  • Добавьте ссылки в док на ваш сайт, LinkedIn или портфолио
  • Используйте генерацию ИИ для быстрого создания профессиональных дизайнов
  • Протестируйте эффект раскачивания перед публикацией

Связанная документация