Инструмент для создания 3D-витрины товара

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

Рабочая область

Перетащите файлы сюда

или нажмите, чтобы выбрать, поддерживается вставка

Об инструменте

Загрузите 3D-модель и создайте баннер: задайте цвет фона, градиент или картинку, добавьте собственный текст. Затем кликните по поверхности модели, чтобы закрепить баннер, выберите пресет траектории камеры и отрендерите видео. Баннер автоматически остаётся обращённым к камере при движении, поэтому текст легко читается с любого ракурса. Режим реального времени подходит для быстрого экспорта ролика, а трассировка путей даёт более реалистичное освещение и отражения. Всё выполняется локально в браузере, файлы не загружаются на сервер.

Как пользоваться

  1. 01

    Загрузите модель

    Перетащите GLB, glTF, FBX, OBJ или другой распространённый 3D-файл. Он открывается только в вашем браузере.

    Совет: Модели с настоящими текстурами лучше всего выглядят в режиме Высокое качество.

  2. 02

    Оформите табличку

    Выберите Фон: цвет, градиент или изображение, введите подпись и задайте Размер шрифта и цвет.

    Совет: Короткие подписи из двух-пяти слов остаются читаемыми, пока камера движется.

  3. 03

    Закрепите кликом

    Кликните по точке модели, на которую должна указывать подпись. Табличка всегда поворачивается к камере, а Расположение линии-связи задаёт форму линии.

    Совет: Выберите точку, которая видна на большей части пути камеры.

  4. 04

    Выберите движение камеры

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

    Совет: Орбита даёт классический эффект поворотного стола для карточек товара.

  5. 05

    Отрендерите и экспортируйте

    Для быстрого черновика берите Стандарт, для реалистичного света и теней Высокое качество, затем экспортируйте в MP4 или WebM.

    Совет: Для вертикальных роликов задайте Соотношение сторон 9:16.

ОрбитаБиллборд
Пример видео

Описание параметров конфигурации

Быстрые рецепты

  • Быстрый черновик для коллеги

    Как: Качество: Стандарт, Разрешение: 720p.

  • Аккуратное видео для страницы товара

    Как: Качество: Высокое качество, 1080p или выше и больше Сэмплы на кадр.

  • Вертикальный ролик для соцсетей

    Как: Соотношение сторон: 9:16 с пресетом Орбита.

  • Товар на подставке

    Как: Включите Тень на земле и выберите форму в Подиум для презентации.

Биллборд

Фон

Цвет
Выберите способ заливки фона биллборда: сплошной цвет, линейный градиент или загруженное изображение.
  • Цвет: Один сплошной цвет заливки за текстом.
  • Градиент: Двухцветный линейный градиент с регулируемым углом.
  • Изображение: Используйте загруженное изображение (PNG/JPG/WebP) в качестве фона биллборда.

Цвет фона

#135BEC
Цвет заливки для типа фона «Сплошной цвет».

Начало градиента

#135BEC
Начальный цвет линейного градиента.

Конец градиента

#ffffff
Конечный цвет линейного градиента.

Угол градиента

0°0° – 360° · step 5°
Направление линейного градиента в градусах (0-360).

Непрозрачность

10.1 – 1 · step 0.05
Общая прозрачность фона биллборда (0.1-1).

Отступ

28px0px – 64px · step 2px
Внутренний отступ между текстом/содержимым и краем биллборда.

Радиус углов

16px0px – 64px · step 2px
Скругление углов биллборда.

Часто задаваемые вопросы

Смотреть все частые вопросы
Q

Что такое 3D-витрина товара?

A

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

Q

Баннеры всегда повёрнуты к камере?

A

Да. Баннер автоматически доворачивается к камере во время движения, поэтому подпись остаётся читаемой с любого угла. Это удобно для обозначения функций товара и поясняющих надписей.

Q

Как баннер прикрепляется к поверхности модели?

A

При клике по поверхности 3D-модели система определяет точку щелчка и точно привязывает к ней баннер. При этом оптимизируется расстояние, чтобы метка не проваливалась внутрь модели и оставалась хорошо видимой.

Q

В чём разница между режимом реального времени и трассировкой путей?

A

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

Q

В каком формате сохраняется видео?

A

Можно экспортировать в MP4 или WebM. MP4 автоматически станет WebM, если браузер не поддерживает соответствующий кодек MediaRecorder. Рендеринг и экспорт полностью выполняются в браузере, без отправки файлов на сервер.