如何导入并动画化 3D 模型（GLB/GLTF）
在浏览器里导入 GLB/GLTF 模型并做动画：取景构图、调材质与光照、给相机打关键帧，最后导出 MP4 或 WebM。
读完这篇，你会在浏览器标签页里导入一个 3D 模型，完成打光、取景和一段相机运动，并导出为 MP4 或 WebM。需要一个 KinoViz 账号和一个 .glb、.gltf 或 .fbx 文件。3D 编辑器在免费版上可用，给相机打关键帧需要 Creator 及以上。
你需要准备
- 一个在套餐导入上限内的模型——免费版 10 MB、Creator 50 MB、Pro 100 MB、Studio 1 GB——且不超过 3D 上传的 50 MB 硬上限。
- 面数大约 20 万以内，视口操作才舒服。
- 一个支持 WebGL 的桌面浏览器，不需要安装任何软件。
分步操作
1. 准备模型文件
尽量从建模软件导出成 GLB：它把几何、材质和贴图打包在一个文件里，上传时不会丢东西。导出器支持就开 Draco 压缩，密集网格先减面，颜色贴图存成 JPG，只有需要透明时才用 PNG。
2. 新建项目并添加模型
在编辑器里点击左侧工具栏的添加 → 3D 模型，选择上传模型并挑选文件。也可以打开素材库，从内置的免版税 GLB 集合里插入一个——其中的高级部分需要 Pro 及以上。
3. 在 3D 视口里取景
选中 3D 模型后，画布会切换成带独立操作方式的 3D 视口：
| 操作 | 方式 |
|---|---|
| 环绕 | 左键拖动 |
| 平移 | 右键拖动，或 Shift + 左键拖动 |
| 缩放 | 鼠标滚轮 |
| 聚焦到模型 | 按 F |
这些操作只移动相机，不会移动模型。视图下拉菜单可以跳到预设角度：正面、背面、左、右、顶、底、等轴测。
4. 精确设置相机参数
需要精确数值而不是拖出来的近似值时，打开属性 → 相机：
| 参数 | 取值范围 |
|---|---|
| cameraDistance | 1 – 20 |
| cameraOrbitX | −90° 到 90° |
| cameraOrbitY | −360° 到 360°，支持多圈 |
| cameraZoom | 0.5 – 3 |
| cameraFocalLength | 24 – 200 mm |
焦距越小视角越广、透视越夸张；焦距越大画面越平，产品类镜头通常更好看。
5. 调整材质
选中模型展开材质区，可编辑基础色、金属度、粗糙度、环境反射强度、法线贴图、自发光颜色和不透明度。模型包含多个网格时，从网格下拉菜单里逐个选择，分别编辑。
清漆、透射以及高级材质预设需要 Pro 及以上。
6. 设置光照与环境
每个场景都自带一套默认灯光，可在属性 → 光照里编辑，提供环境光、平行光、点光和聚光。选择一个环境会把 HDRI 作为 360° 光源与背景使用，这是让模型看起来可信的最快路径。自定义 HDRI 上传和地面控制需要 Pro 及以上。
7. 给相机打关键帧
切到动画模式，停住播放头设好相机角度并记录关键帧，再把播放头往后移改一次角度，中间的运动由引擎补齐。由于 cameraOrbitY 支持多圈，完整 360° 转台只需要改一个属性。
相机运动与 3D 动画关键帧需要 Creator 及以上。
8. 播放内置动画并导出
GLB 里烘焙的动画会出现在动画片段下拉菜单里。选中一段，用播放、暂停、停止预览，并给播放状态打关键帧，让它跟随项目时间轴。最后从顶部栏导出 MP4 或 WebM。
小技巧
- 先把模型收拾干净再打光。 网格太重，后面每一步预览都慢。
- 一盏主光加一张 HDRI 就够用。 堆灯光既费性能又很少让画面变好。
- 转台要慢。 一圈转六到八秒能看清形体，两秒只会糊成一团。
- 矢量图形可以直接挤出成 3D。 Creator 及以上可以把形状、路径或文字挤出成 3D 物体，常常比去找模型更快。
常见问题
可以导入哪些 3D 文件格式？
GLB、GLTF 和 FBX，支持 Draco 压缩。GLB 最省事，因为几何、材质和贴图都在一个文件里。导入体积上限跟随套餐，3D 上传另有 50 MB 硬上限。
做 3D 需要付费套餐吗？
3D 编辑器本身——GLB / GLTF 导入、相机控制、基础材质——所有套餐包括免费版都能用。相机运动和 3D 动画关键帧需要 Creator 及以上；高级材质、自定义 HDRI 环境和高级 3D 素材库需要 Pro 及以上。
模型很卡或者贴图丢失是怎么回事？
先看面数，20 万以内视口才顺畅；再看贴图，颜色贴图用 JPG，只有需要透明时才用 PNG；灯光数量也要克制。
除了相机，模型本身能做动画吗？
烘焙在 GLB 里的动画会出现在动画片段下拉菜单里，可以播放并打关键帧。除此之外，3D 模型和其他元素一样，位置、缩放、旋转、不透明度都能打关键帧。