如何制作视频用的动态渐变背景
在浏览器里做视频用的动态渐变背景：从素材库选预设、在渐变编辑器里调颜色和速度、打关键帧，最后导出 MP4 或 WebM。
读完这篇，你会得到一段会动的渐变背景，导出为 MP4 或 WebM，可以垫在标题、产品画面或人物口播之下。需要一个 KinoViz 账号和大约十分钟。浏览、编辑和预览渐变在所有套餐上都能用，导出大部分渐变需要 Pro，免费可导出的例外见下文。
你需要准备
- 一个已经按发布画幅建好的 KinoViz 项目。
- 一个大致的配色想法，或者愿意反复按 R 抽随机变体直到满意。
- 除此之外没有别的。渐变在浏览器里实时生成，不需要找素材，也没有授权问题。
分步操作
1. 按最终画幅新建项目
横版（1920 × 1080）用于 YouTube 或网站首屏，竖版（1080 × 1920）用于 Reels 和 Stories，方形用于信息流贴文。渐变加进来时会铺满画布，之后改比例也会自动重铺，但一开始就按最终画幅构图能省一遍返工。
2. 打开素材库的背景标签页
点击左侧工具栏的素材库图标，切到背景标签页。这里有 22 种渐变类型、3 个族，以 66 张预设卡片展示。用顶部的族筛选条或搜索框定位。
| 族 | 大致长相 |
|---|---|
| 场 Fields | 连续色场：Flow、Sky、Aurora、Mesh、Still、Retro、iOS |
| 条 Strips | 带状与列状：Linear、Stripes、Bars、Columns、Prism、Waves、Lines |
| 体 Objects | 重复图形：Glassy、Rings、Pixel、Blocks、Beehive、Balls、Radial、Conic |
3. 把渐变加到画布上
点击卡片，渐变以铺满画布的状态加入，并落到图层列表最底部。所有类型和预设在任何套餐（含免费版）上都能添加、编辑、预览和做动画，套餐检查发生在导出时。
4. 打开渐变编辑器
在画布上双击渐变，或点击属性面板里的编辑渐变…。全屏编辑器展示每种类型的全部预设，而不只是素材库上的三张。需要付费才能导出的预设带 PRO 角标，动手之前就能看到。
需要灵感时按 R，或点击随机灵感按钮，得到一份随机变体。
5. 调整颜色
在颜色区点击某个颜色打开抽屉：
- 自定义 — 色相滑块加饱和度/亮度面板，或直接填十六进制值。
- 颜色库 — 21 个命名颜色，可按色系筛选。
一个渐变带 2 到 6 个颜色。拖动色带上的把手可以调整每个颜色占多少画面；在支持颜色锚点的类型上，还可以直接拖预览里的圆环，把颜色固定在你想要的位置。
6. 设置速度与参数
速度决定运动快慢，0 会让渐变完全静止——有 12 种类型默认就是 0。时间偏移挪动渐变自己的时钟，让两个同预设的渐变不同步。参数滑块随类型变化：Aurora 是 Scale、Fold、Drift；Stripes 是角度、柔和度、波形；Glassy 是 Tiles、Frost、Refract。柔化、噪点在后处理一栏，另有对比度。
点保存，全部改动作为一步撤销应用回画布。
7. 给渐变打关键帧
切到动画模式，上面这些属性全都能打关键帧——在播放头处修改就记录，并像位置和不透明度一样插值。三个值得抄的做法：
- 给颜色槽打关键帧，做一次缓慢的配色过渡。
- 把速度从 0 打到 40，让背景先静止、再在某个节拍上开始流动。
- 给颜色锚点打关键帧，让色块在画面里游走。
8. 叠上内容并导出
把标题、Logo 或产品画面叠在渐变之上，然后从顶部栏导出 MP4 或 WebM。渐变跑在项目时间轴上，重新导出不会得到不同的结果。
小技巧
- 慢一点通常是对的。 背景动得太快会和前景内容抢注意力。
- 动手之前先看免费导出清单。 Radial 和 Conic 任何套餐都能导出，其余类型大多需要 Pro。
- 用时间偏移做变化。 两个镜头用同一预设，如果时钟一致就显得是复制粘贴。
- 别把渐变放进组件。 在组件定义内部它会在缓存位图里渲染成占位符。
常见问题
哪些动态渐变可以免费导出？
Radial 和 Conic 两个类型整体免费导出，另加两个单独预设：Mesh · Wisteria haze 和 Linear · Wisteria blossom（保持原样）。合计 66 张卡片中的 8 张，其余 58 张需要 Pro 及以上。改动免费预设的参数会让它转为自定义，同样需要 Pro。
背景在视频里能干净地循环吗？
渐变跑在项目时间轴上，拖时间轴就是拖渐变，导出是确定性的。想无缝循环，把参数打成首尾一致的关键帧，或者把速度设为 0。
能把动态渐变放进组件里吗？
建议放在主画布上。放进组件定义内部时它会渲染成占位符，不会按预期运动。
改了画幅比例，渐变会怎样？
会自动重新铺满新画幅。但只要你用侧边手柄手动调整过大小，跟随就会停止；想恢复，点属性面板里的铺满画布。