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

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

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

Загрузка...

Пожалуйста, подождите

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

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

Советы

  • 1Баннер всегда ориентирован на камеру: удобно для подписей и аннотаций к товару
  • 2Фон баннера можно сделать однотонным, линейным градиентом или изображением
  • 3Кликните по поверхности модели, чтобы привязать точку баннера точно в этом месте
  • 4Пресеты камеры: орбита, дуга, наезд, изометрия и восьмёрка
  • 5Режим реального времени быстро записывает видео, а трассировка путей повышает качество картинки
  • 6Экспорт в стандартный WebM: обработка проходит в браузере, без отправки на сервер

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

Биллборд

Фон

По умолчаниюЦвет

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

Цвет

Один сплошной цвет заливки за текстом.

Градиент

Двухцветный линейный градиент с регулируемым углом.

Показать еще 1 параметров
Изображение

Используйте загруженное изображение (PNG/JPG/WebP) в качестве фона биллборда.

Цвет фона

По умолчанию#135BEC

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

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

По умолчанию#135BEC

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

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

По умолчанию#ffffff

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

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

По умолчанию

Диапазон0° – 360° · step 5°

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

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

По умолчанию1

Диапазон0.1 – 1 · step 0.05

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

Отступ

По умолчанию28px

Диапазон0px – 64px · step 2px

Внутренний отступ между текстом/содержимым и краем биллборда.

Радиус углов

По умолчанию16px

Диапазон0px – 64px · step 2px

Скругление углов биллборда.

Шрифт

По умолчаниюsystem_sans

Шрифт текста билборда. Поддерживаются встроенные коммерчески свободные шрифты, загруженные файлы и системные шрифты.

system_sans
system_serif
Показать еще 7 параметров
system_mono
Oswald (Display Bold)

Condensed display sans, strong for titles and product labels.

Inter (Modern Sans)

Neutral modern sans for body text and UI-like labels.

Cinzel (Classic Serif)

Classic serif for premium or heritage product labels.

Roboto Mono (Engineering)

Monospace for dimensions, SKUs, and technical callouts.

Noto Sans SC (CJK)

Sans covering Simplified Chinese, Japanese, and Korean.

Noto Sans Arabic

Sans covering Arabic script.

Размер шрифта

По умолчанию56px

Диапазон24px – 120px · step 2px

Размер текста в пространстве дизайна панели. Влияет на размер текста внутри карточки, а не на мировой масштаб.

Цвет текста

По умолчанию#ffffff

Цвет текста метки на биллборде.

Выравнивание по горизонтали

По умолчаниюЦентр

Горизонтальное выравнивание текста внутри биллборда.

Лево

Выровнять текст по левому краю.

Центр

Выровнять текст по центру.

Показать еще 1 параметров
Право

Выровнять текст по правому краю.

Начертание

По умолчанию600

Толщина текста (300-800).

300
400
Показать еще 4 параметров
500
600
700
800

Размер

По умолчанию0.28

Диапазон0.08 – 0.9 · step 0.01

Размер в мировом пространстве размещённого биллборда относительно модели (не зависит от размера шрифта).

Поворот

По умолчанию

Диапазон-180° – 180° · step 5°

Поворот выбранного биллборда в плоскости (градусы).

Расположение линии-связи

По умолчаниюВверх

Как метка соединяется с якорем на поверхности. Вертикально крепится к нижнему краю; горизонтально / L-изгиб крепится к центру левого или правого края.

Вверх

Идёт прямо вверх от якоря; линия соединяется с центром нижнего края биллборда.

L-изгиб

Сначала идёт вверх, затем изгибается наружу (тупой угол). Линия соединяется с центром левого или правого края биллборда.

Показать еще 1 параметров
Сбоку

Отходит горизонтально от якоря; линия соединяется с центром левого или правого края биллборда.

Смещение

По умолчанию0.25

Диапазон0.05 – 0.8 · step 0.01

Длина линии-связи как доля радиуса модели (для схем «Вверх» и «Сбоку»).

Длина вверх

По умолчанию0.2

Диапазон0.05 – 0.8 · step 0.01

Длина вертикального сегмента L-образной линии-связи (доля радиуса модели).

Боковая длина

По умолчанию0.25

Диапазон0.05 – 0.8 · step 0.01

Длина горизонтального сегмента L-образной линии-связи (доля радиуса модели).

Направление

По умолчаниюПраво

Для схем «Сбоку» и «L-изгиб»: меняет направление наружу относительно центра модели и выбирает, к какому краю биллборда крепится линия.

Лево

Предпочитать левое направление; линия крепится к центру правого края биллборда.

Право

Предпочитать правое направление; линия крепится к центру левого края биллборда.

Цвет линии

По умолчанию#374151

Цвет линии-связи и точек.

Толщина линии

По умолчанию2

Диапазон1 – 8 · step 0.5

Толщина линии-связи в пикселях.

Пунктирная линия

По умолчаниюoff

Использовать пунктирную линию вместо сплошной.

Конечная точка

По умолчаниюoff

Показывать маленькую точку на конце линии (по умолчанию выключено). Якорная точка отображается всегда. Линии скрыты во время экспорта.

Выравнивание по вертикали

По умолчаниюСередина

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

Верх

Выровнять текст по верхнему краю.

Середина

Выровнять текст по центру вертикали.

Показать еще 1 параметров
Низ

Выровнять текст по нижнему краю.

Толщина обводки

По умолчанию0px

Диапазон0px – 24px

Толщина обводки края биллборда в пикселях. 0 означает без обводки.

Цвет обводки

По умолчанию#ffffff

Цвет обводки биллборда (используется при толщине обводки больше 0).

Траектория камеры

Пресет

По умолчаниюОрбита

Шаблон пути камеры для предпросмотра и экспорта видео.

Орбита

Горизонтальное вращение вокруг модели.

Дуга

Вертикальное движение над моделью.

Показать еще 3 параметров
Долли-зум

Накат/откат вдоль направления обзора.

Изометрия

Изометрическое вращение под углом около 45°.

Восьмёрка

Путь восьмёркой вокруг модели.

Показать путь

По умолчаниюoff

Показать кривую траектории камеры в окне 3D-просмотра.

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

По умолчаниюОстановить после одного прохода

Повторяется ли траектория или останавливается после одного прохода. Длительность доступна только в режиме цикла.

Цикл

Повторять траекторию непрерывно. Задайте длину цикла в поле «Длительность».

Остановить после одного прохода

Воспроизвести траекторию один раз и остановиться.

Длительность

По умолчанию8

Длина одного цикла в секундах. Показывается только при режиме воспроизведения «Цикл».

2
3
Показать еще 10 параметров
4
5
6
8
10
12
15
20
25
30

Окружение и сцена

Тень на земле

По умолчаниюon

Мягкая контактная тень под моделью для реалистичного заземления объекта в пространстве.

Режим фона

По умолчаниюФизическое небо

Выбор стиля фона для окна 3D-просмотра и экспортируемого видео.

Физическое небо

Атмосферное рассеяние света, обеспечивающее естественное дневное освещение.

Сплошной цвет

Однородный цвет фона, оптимальный для демонстрации товаров и видеомонтажа.

Показать еще 1 параметров
Пользовательская панорама

Загрузка панорамных изображений или HDR для реалистичных 360-градусных отражений.

Цвет фона

По умолчанию#ffffff

Оттенок фона в сплошном режиме с быстрыми шаблонами и палитрой.

Панорамное изображение

Загрузка внешнего файла панорамы (поддерживаются .hdr, .png, .jpg).

Яркость света

По умолчанию1x

Диапазон0.2x – 3x · step 0.1x

Регулировка интенсивности направленного и рассеянного света от 0.2x до 3.0x.

Цвет света

По умолчанию#ffffff

Настройка оттенка освещения с пресетами дневного, теплого и холодного света.

Подиум для презентации

По умолчаниюБез подиума

Размещение выставочной платформы под моделью для удержания объекта и приема теней.

Без подиума

Подиум скрыт; модель располагается непосредственно на уровне пола.

Круглый

Цилиндрический подиум с автоматической подгонкой под размеры модели.

Показать еще 1 параметров
Квадратный

Квадратный подиум с автоматической подгонкой под размеры модели.

Цвет подиума

По умолчанию#ffffff

Цвет поверхности подиума с опциями чистого белого, обсидианового черного и своего выбора.

Рендер и экспорт

Качество

По умолчаниюСтандарт

Выберите захват WebGL в реальном времени или офлайн path tracing для более высокого качества изображения.

Стандарт

Запись в реальном времени. Подходит для черновиков и большинства экспортов.

Высокое качество

Более высокое качество за счёт офлайн path tracing. Значительно медленнее на кадр.

Разрешение

По умолчанию1080p

Уровень качества вывода (пиксели по длинной стороне). Фактический размер width×height = уровень × соотношение сторон (например, 1080p при 16:9 даёт 1920×1080).

720p

Длинная сторона 1280, подходит для быстрых черновиков.

1080p

Длинная сторона 1920, стандартное HD (по умолчанию).

Показать еще 2 параметров
2K

Длинная сторона 2560 (уровень QHD).

4K

Длинная сторона 3840 (уровень UHD); медленное кодирование, большие файлы.

Частота кадров

По умолчанию30

Кадров в секунду экспортируемого видео (24 / 30 / 60).

24

Кинематографическая частота кадров.

30

Обычная частота кадров для веб-видео.

Показать еще 1 параметров
60

Более плавное движение, больший размер файла.

Сэмплы на кадр

По умолчанию64

Сэмплы path tracing на кадр (16-256). Более высокие значения уменьшают шум, но увеличивают время рендера. Показывается только в режиме высокого качества. Сэмплирование выполняется тайлами и уступает основной поток во время экспорта.

16

Самый быстрый предпросмотр.

32

Быстрый черновик.

Показать еще 8 параметров
48

Средний.

64

Стандартный баланс.

96

Более высокое качество.

128

Высокое количество сэмплов.

160

Ещё больше сэмплов.

192

Очень высокое количество сэмплов.

224

Почти максимум.

256

Максимум сэмплов, самый медленный.

Соотношение сторон

По умолчанию16:9

Соотношение сторон выходного кадра. В сочетании с уровнем разрешения задаёт ширину и высоту в пикселях.

16:9

Горизонтальный широкоэкранный.

9:16

Портретный / вертикальный формат.

Показать еще 2 параметров
1:1

Квадратный.

4:3

Классический горизонтальный.

Формат

По умолчаниюWebM

Формат видео-контейнера. MP4 может переключиться на WebM в зависимости от поддержки браузера.

WebM

Широко поддерживается в браузерах на Chromium.

MP4

Использует H.264, если браузер поддерживает MediaRecorder MP4.

Сведения о формате

Формат входа

Расширение:
Model
Полное название:
3D Model
Тип:
3D Model
Формат:
Various 3D Formats
Инструменты:
Three.jsBabylon.js
Открыть в:
Windows 3D ViewerBlender
Описание:
Этот просмотрщик поддерживает все основные форматы 3D-моделей: GLB, OBJ, FBX, STL, STEP, USDZ и многие другие. Просто перетащите файл для просмотра.

Примечания:

  • Поддерживает 20+ форматов 3D-моделей
  • Сопутствующие файлы текстур (MTL, изображения) можно загружать вместе с основной моделью
  • Вся обработка выполняется локально, файлы никогда не покидают ваш браузер

Поддерживаемые возможности:

  • Реалтаймовый GPU-рендеринг через WebGL
  • Орбитальное управление: вращение, панорамирование, масштабирование
  • Режимы отображения: каркасный и затенённый
  • Панель информации о модели с количеством вершин/граней
  • Воспроизведение анимации для анимированных форматов

Формат выхода

Расширение:
mp4
Полное название:
Видео MP4 / WebM
Тип:
Видео
Формат:
MP4 / WebM
Инструменты:
VLCFFmpeg
Открыть в:
Системный видеоплеерВеб-браузер
Описание:
Видео витрины продукта, отрендеренное из 3D-модели с опциональными билбордами и траекторией камеры. Экспорт в MP4 или WebM с выбором разрешения и частоты кадров; path tracing высокого качества при поддержке браузера.

Примечания:

  • MP4 может откатиться к WebM в зависимости от поддержки MediaRecorder
  • Не закрывайте вкладку до завершения экспорта

Поддерживаемые возможности:

  • Экспорт MP4 и WebM
  • Разрешение от 720p до 4K
  • Настраиваемая частота кадров
  • WebGL в реальном времени или path tracing
  • Траектория камеры и наложение билбордов

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

1

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

Перетащите 3D-модель в окно или нажмите «Обзор». Поддерживаются GLB, GLTF, FBX, OBJ и другие форматы.

2

Создать баннер

Настройте фон: цвет, градиент или изображение. Добавьте текст с нужным шрифтом, размером, цветом и выравниванием.

3

Прикрепить к модели

Кликните по поверхности модели, чтобы баннер точно привязался к этому месту.

4

Задать траекторию

Выберите пресет движения: орбита, дуга, наезд, изометрия или восьмёрка. Настройте длительность и включите цикл при необходимости.

5

Отрендерить видео

Выберите запись в реальном времени или трассировку путей и экспортируйте видео в формате WebM.

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

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

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

Q

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

A

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

Q

Чем это отличается от обычного 3D-просмотрщика?

A

Просмотрщик нужен для интерактивного вращения и осмотра модели. Здесь вы добавляете настраиваемые баннеры, задаёте траекторию камеры и сразу экспортируете видео, превращая статичную модель в рекламный ролик для интернет-магазина или бренда.

Q

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

A

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

Q

Можно ли настроить фон баннера?

A

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

Q

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

A

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

Q

Какие траектории камеры доступны?

A

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

Q

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

A

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

Q

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

A

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

Общие вопросы

Q

Any3D полностью бесплатен?

A

Да, основные функции Any3D бесплатны навсегда. Мы предоставляем конвертацию форматов, оптимизацию моделей и онлайн-просмотр без оплаты и без регистрации.

Q

Загружаются ли мои файлы на ваши серверы?

A

Нет. Выбранные файлы обрабатываются только в браузере на вашем устройстве, поэтому они не покидают устройство и не отправляются на наши серверы. Мы не храним пользовательские файлы; после обработки связанные данные в памяти браузера освобождаются.

Q

Нужно ли устанавливать программное обеспечение?

A

Установка не требуется. Any3D полностью работает в браузере; просто откройте веб-страницу для использования всех функций. Работает на Windows, Mac, Linux и других основных операционных системах.

Q

Есть ли ограничение на размер файла?

A

Производительность обработки зависит от характеристик вашего устройства, количества вершин модели и сложности текстур, а не только от размера файла. Мы не устанавливаем ограничений на размер файла, но если модель превышает возможности вашего устройства, страница может работать медленно или даже зависнуть.