图形动画
达芬奇 21 起原生支持 OGraf 与 Lottie 两种图形动画:前者适合可改字的花字、标题、数据卡片,后者适合网上常见的动效素材。**彩虹桥「图形动画」**在桌面端帮你把这些模板集中管起来——左边选文件夹,中间看缩略图,点开改字、改颜色、调时长,再一键送进达芬奇当前工程(.ograf / .lottie)。侧栏图标是 。
你将学会
- 如何添加文件夹或扩展包,浏览
.ograf/.lottie素材库 - 右键菜单:星级、色标、编辑、翻译、封面 / 预览、工坊上传
- 编辑抽屉:改参、截取封面、另存副本、导入当前工程
- 蓝图工坊「OGraf 图形生成 → 导入」一句话落轴
- OGraf 与 Lottie 怎么选,和 Fusion 的分工
操作指南
本文为 实验室介绍指南(主文档)。概念与公开课图文见 博客:达芬奇 21 · OGraf 与 Lottie;版本明细见 桌面端更新说明。
适合什么场景
| 关键词 / 需求 | 在本页怎么做 |
|---|---|
| 达芬奇 21 OGraf、HTML 图文模板、可改字卡片 | 打开 .ograf 库 → 编辑 → 导入当前工程 |
Lottie 导入达芬奇、.lottie 动效素材 | 打开 Lottie 文件夹 → 预览 → 导入(目标需为达芬奇或支持 Lottie 的宿主) |
| 花字弹幕 / 数字动效 / 数据卡片 | 按文件夹分类浏览,悬停预览,改参后落轴 |
| 运动图形素材库管理 | 添加本地文件夹或扩展包,星级与色标整理 |
| 一句话生成 OGraf、蓝图工坊节点 | 蓝图:OGraf 图形生成 → 导入 OGraf 图形 → 运行 |
桌面端界面
侧栏打开 。左侧为素材树,中间为缩略图网格;底栏可调悬停预览倍速(如 0.5x / 1x / 1.5x / 2x)。点「添加文件夹或扩展包」挂载本地目录或扩展包。
OGraf 素材库(.ograf)
卡片角标显示 .ograf。常见分类如数字动效、花字弹幕、课表 / 促销卡等;可在库内悬停预览,再进入编辑或导入达芬奇。

图:图形动画中的 OGraf 库——文件夹树 + .ograf 缩略图网格。
Lottie 素材库(.lottie)
卡片角标显示 .lottie。适合网上常见的图标动效、装饰动画合集;在彩虹桥统一预览与管理后,再导入达芬奇时间线。

图:Lottie 模板合集——文件夹树 + .lottie 缩略图网格。
界面分区说明
| 区域 | 作用 |
|---|---|
| 左侧 文件夹树 | 浏览已添加的目录 / 扩展包;按主题分类(如封包、合集) |
| 中间 素材网格 | 缩略图 + 格式角标;悬停可预览动画 |
| 底部 预览倍速 | 控制悬停预览播放速度 |
| 添加文件夹或扩展包 | 挂载本地素材根目录或扩展包 |
注意
OGraf 请在达芬奇中导入(顶部目标需为达芬奇彩虹桥并保持连接)。Lottie 导入时目标需为达芬奇或 After Effects 彩虹桥(以软件提示为准)。未封包的源码可能无法在列表中完整预览,需先「封包为模板」。
右键菜单
在素材卡片上右键,可整理与处理单条动画:

图:星级、色标与编辑 / 翻译 / 封面 / 预览 / 工坊上传 / 删除。
| 图标 | 菜单项 | 作用 |
|---|---|---|
| — | 星级 | 为素材打分,便于筛选常用项 |
| — | 色标 | 用颜色标签分类整理 |
| 打开所在目录 | 在系统中打开文件所在文件夹 | |
| 编辑 | 打开右侧编辑抽屉,改参并预览 | |
| 翻译模板 | 翻译模板内文案(适用时可出现) | |
| 封包为模板 | 将松散源码封为 .ograf(适用时出现) | |
| 生成封面 | 在同目录生成封面旁路文件 | |
| 生成预览 | 在同目录生成预览视频(需本机转码工具就绪) | |
| 工坊上传 | 打开发布页上传工坊(OGraf 需已封包为 .ograf) | |
| 删除文件 | 永久删除该文件及同目录封面 / 预览旁路 |
编辑抽屉
右键 编辑 或选中后进入右侧抽屉:上方实时预览,下方按模板透出参数(如动画时长、花字文案、字体、对齐、文字 / 填充 / 描边颜色等)。预览区可拖动手柄辅助导入达芬奇。

图:改花字文案、字体与颜色,预览后导入当前工程。
抽屉底部操作
| 图标 | 名称 | 作用 |
|---|---|---|
| 重置 | 恢复当前编辑参数 | |
| 截取封面 | 按当前预览画面截取封面 | |
| 另存副本 | 保存为新文件,不覆盖原模板 | |
| 导入当前工程 | 按当前参数导入达芬奇工程 / 时间线 |
部分模板还会显示元数据(名称、说明、作者、时长、画布等),便于核对版本。
推荐流程
1. 挂载素材库
- 打开 彩虹桥桌面端,侧栏进入 图形动画
- 点 添加文件夹或扩展包,选择本机 OGraf / Lottie 目录
- 在文件夹树中进入目标分类,网格中浏览缩略图
2. 预览与整理
- 悬停卡片预览;底栏切换倍速
- 右键打星、色标,或打开所在目录核对源文件
- 需要列表封面 / 预览片时:右键 生成封面 / 生成预览(需达芬奇连接与本机转码条件满足时再操作)
3. 改参并导入达芬奇
- 确认顶部目标为 达芬奇彩虹桥 且扩展已连接、工程已打开
- 右键 编辑 → 改文案、颜色、时长等
- 点 导入当前工程,或在预览区拖动手柄导入
- 需要保留改参结果时用 另存副本;需要封面用 截取封面
4. 封包与工坊(可选)
- 松散 OGraf 源码:右键 封包为模板 得到
.ograf - 已封包模板:右键 工坊上传,在发布页确认后提交
用蓝图工坊一句话生成 OGraf
除了管理现成素材,还可在侧栏 蓝图工坊 用节点一句话生成 OGraf,再导入达芬奇;生成结果也可放入本页「图形动画」库继续改参与整理。蓝图总览、节点分类与其它起步示例见 蓝图工坊。
典型连线:OGraf 图形生成 → 导入 OGraf 图形,点顶栏 运行。

图:左侧节点库选「OGraf 图形生成」,连到「导入 OGraf 图形」,填写图形描述后运行。
| 节点 | 作用 |
|---|---|
| OGraf 图形生成 | 输入口 图形描述(自然语言,如「粉红色的心跳,底部带文字可修改」);可选参考图;节点内可预览,并调布局、时长、标题 / 副标题、字体等 |
| 导入 OGraf 图形 | 接收清单与脚本输出;目标选 使用当前目标后期软件(需顶部为达芬奇并已连接) |
简要步骤
- 打开蓝图工坊,从「生成」类节点拖入 OGraf 图形生成 与 导入 OGraf 图形
- 将生成节点的清单 / 脚本输出连到导入节点对应输入
- 在生成节点填写 图形描述,必要时调时长与可改文字参数,确认预览
- 导入节点选择当前目标后期软件 → 点 运行
- 需要长期复用时,把生成物加到「图形动画」文件夹树,用本页继续管理
产品提示
蓝图负责「生成 + 落轴」;本页「图形动画」负责「素材库管理」。复杂特效仍用 Fusion,不要用一句话生成替代整套合成。
OGraf、Lottie、Fusion 怎么选
| 维度 | OGraf(.ograf) | Lottie(.lottie) | Fusion |
|---|---|---|---|
| 定位 | HTML 图文 / 可改参模板 | 动画素材(常来自网上合集) | 节点合成与特效 |
| 改字 / 改色 | 通常友好(检查器 / 本页抽屉) | 改字常难(文字多已栅格化) | 灵活但学习成本高 |
| 典型用途 | 标题、花字、数据卡、课表、联网卡 | 图标动效、装饰动画 | 抠像、粒子、转场、复杂动态图形 |
| 本页能力 | 库管理、编辑、封包、导入达芬奇 | 库管理、预览、编辑(视模板)、导入 | 不在本页;见 Fusion 相关实验室项 |
概念展开与联网模板演示见公开课图文;日常管库与落轴以本页为准。
常见问题
Q:彩虹桥图形动画是什么?
A:桌面端实验室里的 OGraf / Lottie 素材管理页:浏览、预览、改参、整理,并导入达芬奇当前工程。
Q:达芬奇 21 怎么用 OGraf 模板?
A:用本页管理 .ograf → 编辑改参 → 顶部目标选达芬奇并连接 → 导入当前工程;时间线内还可在检查器继续改参。
Q:Lottie 怎么导入达芬奇?
A:在图形动画中打开 .lottie 库,预览确认后导入;目标需保持达芬奇(或软件提示支持的宿主)连接。要大量改字优先选 OGraf。
Q:.ograf 和未封包源码有什么区别?
A:列表预览与工坊上传通常要求已封包的 .ograf;松散源码可先「封包为模板」。
Q:生成封面 / 预览失败怎么办?
A:检查达芬奇连接与工程是否打开、文件夹是否可写、本机转码工具是否就绪;仅 Lottie / OGraf 等支持的类型可生成。
Q:能替代 Fusion 吗?
A:不能。本页管的是可拖用的图文 / 动画资产;复杂特效与合成仍用 Fusion。
Q:和蓝图工坊什么关系?
A:蓝图用「OGraf 图形生成 → 导入 OGraf 图形」一句话生成并落轴;本页负责素材库管理。步骤与截图见上文「用蓝图工坊一句话生成 OGraf」。
延伸阅读
- 实验室功能总览
- Fusion 工坊 — 达芬奇 Fusion 按需导入与社区分享
- 蓝图工坊 — 节点工作流总览与 OGraf 生成衔接
- 博客:达芬奇 21 · OGraf 与 Lottie — 概念、联网卡与蓝图生成(补充阅读)
- 口播粗剪 · 镜头侦察 — 同属桌面端效率工具
- 桌面端安装
- 桌面端更新说明
视频教程
公开课讲解见博客文内演示;本页专注实验室管库与导入步骤。更多短视频将随系列补充。