Перейти к основному содержанию
/Документация

Бейдж

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

Создать бейдж
Открыть интерактивную версию

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

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

  • Карточка раскачивается по законам настоящей физики
  • Ваше изображение на лицевой стороне и, по желанию, ещё одно на обороте
  • Лента вашего цвета с логотипом, повторяющимся по всей длине
  • Док ссылок с вашим сайтом, соцсетями или всплывающим окном
  • Работает с мышью и сенсорным экраном

Для чего подходит

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

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

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

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

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

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

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

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

VIP-пропуска

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

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

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

Файлы и ограничения

  • Лицевая сторона карточки (обязательно): изображение или PDF, из которого вы выбираете одну страницу.
  • Оборот карточки (необязательно): изображение. Без него на обороте виден цвет фона карточки.
  • Логотип на ленте (необязательно): изображение, которое повторяется вдоль ленты. Лучше всего читается вытянутый в ширину знак, а у GIF используется только первый кадр.
  • Карточка вертикальная, примерно 5 к 7 (например, 1000 на 1400 пикселей), и изображение растягивается на всю её площадь, поэтому делайте дизайн именно в этой пропорции.
  • Загрузки учитываются в хранилище рабочего пространства: 50 МБ на Free, 10 ГБ на Pro, 25 ГБ на Business.

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

  1. 1. Загрузите карточку

    Откройте вкладку «Содержимое» и добавьте лицевую сторону карточки, а также оборот и логотип для ленты, если они у вас есть.

  2. 2. Подгоните карточку и ленту

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

  3. 3. Добавьте ссылки

    На вкладке «Меню» добавьте в док ссылки, разделители и всплывающие окна: ваш сайт, соцсети, контактные данные.

  4. 4. Поделитесь

    Сохраните проект, затем скопируйте ссылку или код для встраивания на вкладке «Поделиться».

Настройки

Всё, что описано ниже, находится на вкладке «Настройки» редактора и сгруппировано по подвкладкам, где это лежит: «Общее», «Сцена» или «Камера».

Общее

У любого типа вверху находится «Основная информация»: название и описание проекта. Ниже идут настройки самого объекта.

Карточка

«Цвет фона карточки» заполняет оборот, когда изображения для него нет, и лежит под вашим изображением на лицевой стороне. «Настройка текстуры» сдвигает изображение на карточке (положение по горизонтали и вертикали, от -1 до 1) и масштабирует его (от 0,5 до 2); есть кнопка сброса.

Лента

«Цвет ленты» задаёт цвет ленты. Когда логотип для ленты загружен, его расставляют четыре ползунка: «Копии» (от 1 до 40, по умолчанию 8), «Интервал» (от 0 до 2), «Поворот» (до пол-оборота в каждую сторону) и «Смещение» (от 0 до 1).

Сцена

То, что окружает объект, и эффект «Реализм» поверх всего кадра.

Фон

Сплошной цвет, градиент или собственное изображение (по желанию с размытием), плюс необязательный узор поверх.

Реализм

Плёночное зерно поверх кадра (от 0 до 100, по умолчанию 15), сколько его ложится на карточку, статичное или анимированное зерно и виньетка. Висящая карточка ни на что не опирается, поэтому тени на поверхности нет.

Камера

Откуда начинается обзор и насколько зрители могут его менять.

Камера

«Масштаб по умолчанию», от 50 до 200%, определяет, насколько близко карточка видна в начале. Это единственная настройка камеры у бейджа.

Hotspots, меню и звуки

Рядом с «Файлами» на вкладке «Содержимое» есть ещё две подвкладки: «Меню» и «Sounds». Вкладки «Hotspots» у этого типа нет.

Sounds

К любому типу проекта можно добавить фоновую музыку. Загружайте треки в форматах MP3, M4A, WAV, OGG или FLAC длительностью до 20 минут каждый. Они сжимаются примерно до 1 МБ на минуту и учитываются в хранилище рабочего пространства. Плейлист можно зациклить, задать громкость и показать рядом с доком небольшой плеер. Автовоспроизведение начинается с первого касания или нажатия клавиши зрителем, потому что до этого браузеры блокируют звук.

Снимите видео в Studio

Любой тип проекта можно снять в Studio. Откройте вкладку «Studio» проекта, выберите движения камеры, подготовленные для этого типа, и превратите проект в видео, GIF, статичное изображение или отдельную страницу, которой можно поделиться. Studio берёт файлы и настройки этого проекта, поэтому всё, что вы задали здесь, переносится туда. Документация по Studio · Движения камеры для каждого типа

Текущие ограничения

  • На карточке нет hotspots. Ссылки размещаются в доке.
  • Зрители не могут развернуть карточку, чтобы рассмотреть оборот: она всегда возвращается лицевой стороной.
  • На сенсорном экране нельзя масштабировать щипком. Включите кнопки масштабирования, если ваши зрители в основном заходят с телефонов.
  • Изображение растягивается под форму карточки, а не обрезается, поэтому изображение другой пропорции выглядит сплющенным.

Советы

  • Делайте изображение карточки вертикальным, примерно 5 к 7 (например, 1000 на 1400 пикселей), чтобы оно не растягивалось.
  • Без изображения для оборота на обороте виден цвет фона карточки, поэтому выберите тот, что подходит вашему бренду.
  • Подберите цвет ленты под свой бренд и используйте для неё вытянутый в ширину логотип.
  • Ставьте самую важную ссылку в доке первой.
  • Перед публикацией проверьте, как карточка качается на телефоне.