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

Визитка

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

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

Что такое визитка?

Проект «Визитка» — это двусторонняя 3D-карточка. Зрители нажимают Flip в доке или клавишу со стрелкой, чтобы перевернуть её и прочитать оборот. Hotspots на любой из сторон могут нести ваши ссылки.

  • Лицевая и обратная стороны, каждая из загруженного вами изображения
  • Настраиваемые ширина и скругление углов
  • Hotspots на карточке: ссылки, подсказки и всплывающие окна
  • Тот же фон и те же эффекты «Реализма», что и у флипбука
  • Работает с мышью и сенсорным экраном

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

Нетворкинг

Делитесь контактами запоминающимся способом

Личный бренд

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

Мероприятия

Делитесь карточкой на конференциях и встречах

Подписи в email

Добавьте ссылку на интерактивную карточку в ваши письма

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

  • Два изображения: одно для лицевой стороны и одно для оборота. PDF не принимается.
  • Любой формат изображений, который открывает ваш браузер, например JPG, PNG или WebP.
  • Пропорции карточки задаёт настройка «Ширина карточки», а не ваше изображение, поэтому делайте обе стороны в тех же пропорциях, что и карточка.
  • Загрузки учитываются в хранилище рабочего пространства: 50 МБ на Free, 10 ГБ на Pro, 25 ГБ на Business.

Создание визитной карточки

  1. 1. Загрузите обе стороны

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

  2. 2. Задайте форму карточки

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

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

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

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

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

Настройки

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

Общее

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

Карточка

«Ширина карточки», от 100 до 400 мм (по умолчанию 350), меняет пропорции карточки: высота остаётся прежней, поэтому более широкая карточка — это более вытянутый прямоугольник. «Скругление углов» — от 0 до 15% (по умолчанию 5%).

Сцена

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

Фон

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

Реализм

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

Камера

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

Воспроизведение

«Автоматический переход» сам переворачивает карточку. «Интервал» задаёт число секунд между переворотами, от 1 до 30 (по умолчанию 3).

Камера

«Скорость перелистывания» — сколько длится переворот карточки, от 0,15 до 5 секунд (по умолчанию 0,8). «Начальный масштаб» (50–200%), «Мин. масштаб» (50–100%) и «Макс. масштаб» (100–200%) задают, откуда начинается обзор и насколько далеко он может зайти. «Горизонтальное вращение» (до 30 градусов в каждую сторону) и «Вертикальный наклон» (до 45) направляют камеру. «Вращение перетаскиванием», включённое по умолчанию, позволяет зрителям поворачивать карточку, перетаскивая фон; когда они отпускают, она возвращается на место. «Сбросить настройки» возвращает скорость перелистывания, масштаб и углы к значениям по умолчанию, а «Вращение перетаскиванием» оставляет как есть.

На телефоне в разделе «Камера» редактора нет ползунков «Горизонтальное вращение» и «Вертикальный наклон». Угол камеры задавайте с компьютера.

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

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

Hotspots

Hotspots размещаются на лицевой или обратной стороне карточки. У визитки нет дока ссылок, поэтому ссылки на неё добавляются через hotspots.

Hotspot может вести на другую страницу, открывать ссылку, показывать подсказку или открывать всплывающее окно. Как работают hotspots

Sounds

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

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

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

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

  • Одна карточка на проект, ровно с двумя сторонами.
  • Дока ссылок нет. Ссылки размещаются в hotspots.
  • Пропорции карточки задаёт настройка её ширины, а не ваше изображение.

Советы

  • Делайте лицевую и обратную стороны одного размера, в форме вашей карточки.
  • Оставьте оборот для контактов и QR-кода и поставьте hotspot поверх каждого из них.
  • Если скругляете углы, оставьте отступ от краёв, чтобы ничего не обрезалось.
  • Простой тёмный фон выделяет светлую карточку, и наоборот.
  • Добавьте ссылку в подпись своих писем: карточку можно обновить позже, а ссылка продолжит работать.