渐变背景

概述

**渐变背景（Gradient Background）**是画布上的一个独立元素，用一张会呼吸的动态渐变铺满整个画面——流动的色场、极光光幕、翻涌的色带、玻璃单元、蜂巢、径向光晕等等。从库里挑一张，它会立刻铺满画布；颜色、形态参数、速度——所有属性都能调，也都能在时间轴上做成动画。

渐变背景位于素材库的 背景 标签页，也可以直接让 AI Agent 帮你生成（见下方 AI Agent）。

添加渐变背景

1. 打开素材库，点击 背景 标签页。
2. 用顶部的族筛选 chips 缩小范围，或按名称搜索——中英文名都能搜到。
3. 点击任意卡片，即可把渐变添加到画布。它会自动铺满画布并置于图层列表最底部，稳稳地待在其它所有内容后面。
4. 双击画布上的渐变元素——或在属性面板点 编辑渐变…——打开全屏的渐变编辑器。

素材库里展示 66 张卡片：22 个渐变型各取前 3 个预设。每个型实际拥有的预设都不止 3 个，其余的可以在渐变编辑器里找到。

族与型

22 个渐变型分属 3 个族。

场域（Fields）

铺满整个画面的连续色场。

条带（Strips）

横贯画面的色带、列阵与曲线。

物体（Objects）

在画面中重复排布的形状与图形。

属性与关键帧

选中渐变元素后，属性面板提供：

• 编辑渐变… — 打开全屏渐变编辑器。
• 铺满画布 — 把渐变重新铺满当前画布。
• 速度 — 渐变的运动快慢，0 表示完全静止。
• 时间偏移 — 平移渐变自己的时钟，让两个用同一预设的渐变不至于完全同步。
• 参数 — 一组随型变化的滑杆：极光有尺度、褶皱、漂移；色带有角度、柔度、波浪；玻璃有单元、磨砂、折射，依此类推。
• 颜色 — 每个颜色槽位都能打开取色器，一张渐变可以带 2 到 6 种颜色。
• 后处理 — 柔化 让画面变柔，噪点 加入细颗粒，对比度 切换更浓烈的颜色响应。

上述每一项都可以打关键帧。 在动画模式下，在播放头位置改动任意一项都会记录关键帧，数值会像位置、透明度一样在关键帧之间插值。几个常用玩法：

• 给颜色槽位打关键帧，做一段缓慢的配色渐变过渡。
• 给速度从 0 打到 40，让背景先静止、到点再开始流动。
• 给颜色锚点（在支持锚点的型上）打关键帧，让色块在画面里游走。

渐变编辑器

双击渐变元素即可打开全屏编辑器。它是探索整个渐变库最快的方式——素材库卡片只露出每个型的前 3 个预设，而编辑器里能看到每个型的全部预设。

• 预设 — 先选族，再选型，然后在网格里挑预设。Pro 预设带 PRO 角标，动手之前就知道哪些需要套餐。
• 属性 — 与属性面板相同的参数滑杆，按分区归类，另有 后处理（柔化 / 噪点）和 对比度。
• 颜色 — 点击某个颜色打开颜色抽屉，可以用 自定义（色相环加饱和度/明度区域，也能直接输入十六进制值）或 颜色库（21 个命名色，可按色系筛选）。颜色数量可在 2 到 6 之间增减。
• 颜色平衡 — 拖动色带轨上的抓手，调整每种颜色占据的比例；点击某个色带即可编辑该颜色。
• 颜色锚点 — 在支持锚点的型上，直接在预览里拖动圆环，把每种颜色固定到想要的位置。打乱 会重新排布锚点，重置 恢复预设的位置。
• 随机灵感（R） — 按 R 键或点按钮，随时得到一份随机变体作为灵感起点。
• 预览播放 — 提交之前可以播放、暂停、拖动预览时间轴，先看清运动效果。

保存 会把全部修改一次性应用到画布，并作为一步撤销提交。返回 不会悄悄丢弃任何东西——如果还有未保存的修改会先弹窗询问，你可以选择保存并返回、不保存、或继续编辑。

编辑器跟随应用的明暗主题，中英文界面均可用。

画布适配

渐变是背景，所以它会努力保持背景的样子：

• 添加时自动铺满当前画布。
• 切换画布比例时——比如从 16:9 换到 9:16——它会自动重新铺满。
• 一旦你用侧柄手动改过尺寸，它就不再跟随。这是有意为之：你特意缩小塞进某个版块的渐变，不该在下次切比例时又跳回满屏。
• 想重新让它跟随，点属性面板的 铺满画布 即可，同样是一步撤销。

制作动画

渐变跟着项目时间轴走，而不是自己另跑一套时钟。这带来两个好处：

• 拖动时间轴就是在拖动渐变。编辑器里 2.5 秒看到的画面，就是渐变在 2.5 秒的样子。
• 导出和发布页是确定性的——同一帧每次都渲染成同样的结果，重新导出不会出现两样。

有 12 个型（网格、静场、丝膜、线性、波浪、曲线、涟漪、方块、蜂巢、球阵、径向、锥形）默认速度为 0，画面完全静止。把速度拉起来它们就会动：涟漪向外扩散、锥形扇面旋转、网格缓缓漂移。把速度调回 0，画面会精确回到最初那张静止图。

导出与发布

渐变会正常渲染进 MP4 与 WebM 导出，也会出现在发布页上，动效与编辑器里完全一致。

注意：放在组件（Component）内部的渐变，在组件的缓存位图里会渲染成占位符——请把渐变放在主画布上，而不是组件定义内部。

Free 与 Pro

22 个型和全部预设在所有套餐（包括 Free）下都能浏览、添加、编辑、预览和制作动画。只有导出时才会校验套餐。

也就是说 66 张卡片里有 8 张可免费导出，其余 58 张需要 Pro 及以上套餐。如果项目里用了 Pro 渐变、又在较低套餐上导出，升级弹窗会点名具体是哪个渐变（例如 Pro gradient: Aurora），让你一眼知道是什么触发的。

渐变背景所有套餐均可使用；导出 Pro 渐变需要 Pro 及以上套餐。

AI Agent

AI 助手目前已暂停。

描述你想要的背景，AI Agent 就会帮你创建渐变、铺满画布并置于最底层。它也能给已有的渐变换配色或做成动画。以下提示词效果不错：

• 「加一个深绿配藏青的极光动态背景。」
• 「把背景渐变换成我的品牌配色——珊瑚橘、奶油白和雾霾蓝。」
• 「让背景前两秒保持静止，之后再开始流动。」

下一步

• 素材库 — 浏览 3D 模型、TextFX、图标和你的上传素材
• 照片墙 — 把照片变成一面会动的墙
• 动画与时间轴 — 给渐变参数打关键帧
• AI 生成 — 用一句话搭建和修改场景
• 计费与套餐 — 查看各套餐可导出的渐变范围
• 定价 — 对比各套餐