Создатель 3D-презентации продукта

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

Загрузка...

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

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

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

Советы

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

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

Биллборд

Фон

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

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

Цвет

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

Градиент

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

Изображение

Используйте загруженное изображение (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

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

Шрифт

По умолчаниюsans-serif

Системный шрифт для текста биллборда (веб-шрифты не загружаются).

sans-serif
serif
monospace
'Arial', sans-serif
'Georgia', serif
'Courier New', monospace

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

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

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

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

Цвет текста

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

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

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

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

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

Лево

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

Центр

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

Право

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

Начертание

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

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

300
400
500
600
700
800

Размер

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

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

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

Поворот

По умолчанию

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

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

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

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

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

Вверх

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

L-изгиб

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

Сбоку

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

Смещение

По умолчанию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

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

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

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

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

Верх

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

Середина

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

Низ

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

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

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

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

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

Цвет обводки

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

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

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

Пресет

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

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

Орбита

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

Дуга

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

Долли-зум

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

Изометрия

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

Восьмёрка

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

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

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

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

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

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

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

Цикл

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

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

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

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

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

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

2
3
4
5
6
8
10
12
15
20
25
30

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

Качество

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

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

Стандарт

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

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

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

Разрешение

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

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

720p

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

1080p

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

2K

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

4K

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

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

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

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

24

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

30

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

60

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

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

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

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

16

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

32

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

48

Средний.

64

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

96

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

128

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

160

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

192

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

224

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

256

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

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

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

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

16:9

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

9:16

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

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

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

Поддержите нас