# Motion Graphics

Source: [Motion Graphics](<https://pr-444-preview.chatcut.dev/zh/docs/motion-graphics>)

Documentation index: [llms.txt](<https://pr-444-preview.chatcut.dev/zh/docs/llms.txt>)

Last updated: 2026-09-08

Motion Graphics 包括标题、姓名条、标注、数据图表、示意图和动画覆盖层。你可以让 AI 从零创建，也可以从 **模板** 添加现成图形，再通过 **设计风格** 统一视觉风格。

## 在写 Prompt 之前，我需要哪些东西？

-   先判断 **模板** 里是否已有合适图形；只有现成模板不合适时，才需要让 AI 从零创建。
-   准备图形中必须出现的文字、数字、Logo 或图片，以及它应该出现的时间、持续时长和画面位置。
-   可选：品牌色、字体、参考截图或已经保存的 Design Style。
-   如果图形需要说明现有内容，准备通过 `@` 引用的片段、时间点或文字稿选区。

## 可以直接使用的 Prompt

Prompt

```text
在 @人物第一次出现的位置添加一个 4 秒姓名条，主标题写“林悦”，副标题写“产品设计师”。使用简洁黑白设计，从左侧滑入，结束前淡出。
```

Prompt

```text
根据 @销售数据 创建一个可编辑的环形图 Motion Graphic，显示三个渠道的百分比；使用我的 @品牌风格，并从时间线 00:18 开始显示 6 秒。
```

Prompt

```text
修改 @当前动态图形：把主标题改成“Ship faster”，强调色改为蓝色，Logo 放到右上角；动画节奏和时间位置保持不变。
```

## 使用 AI 创建

1.  可选：添加品牌参考、Design Style，或用 `@` 指定放置位置和内容来源。
2.  输入图形内容、层级、颜色、动画、时长和位置。
3.  发送请求；如果出现生成确认卡片，检查预估并允许。
4.  在预览窗口和时间线检查结果。需要修改时，引用该图形并明确要求改变哪些属性。

## 从模板手动添加

1.  打开媒体面板中的 **模板**。
2.  浏览或搜索模板，点击卡片查看预览。
3.  点击 **Add to timeline**，把模板放到播放头；也可以直接把卡片拖到时间线。
4.  点击 **Use with AI**，会把模板加入当前 AI 草稿，供 Prompt 调用，而不是立即放到时间线。

模板中的标题卡、姓名条、图表和其他动画都属于 Motion Graphics。需要从零生成时再使用 AI，不必重复制作已有模板。

## 使用 Design Style

在 AI 输入框下方打开 **Design Style**，选择内置风格或 **My Styles** 中的个人风格。应用后，它会指导之后生成的 Motion Graphics；已经放在时间线中的图形不会自动全部改成新风格。

## 在 Motion Graphics Editor 中修改

直接选择并编辑单个元素需要 ChatCut Desktop 0.3.13 或更高版本。在其他端，请让 Agent 完成结构、动画或元素级修改。

1.  在时间线上选中一个 Motion Graphic，画面会进入可编辑状态。
2.  在预览中把鼠标移到文字、颜色或其他可编辑元素上；蓝色边框表示可以直接修改。
3.  点击元素，在弹出的控件中修改文字、字体、颜色和该图形公开的其他属性。拖动画面中的元素可以调整位置。
4.  没有直接控件的结构或动画变化，可以继续让 AI 修改。
5.  按一次 **Esc** 关闭属性控件，再按一次退出图形编辑状态。

## 保存为模板复用

在 **我的素材** 中选中一个 Motion Graphic，右键点击素材卡片，选择 **添加模板到收藏**。ChatCut 会在“模板”的“收藏”中创建可复用模板，原图形仍保留在项目素材中。

透明背景交付使用 **导出 → 图形**。另请参阅[资源库与模板](https://pr-444-preview.chatcut.dev/zh/docs/library)、[设计风格与我的风格](https://pr-444-preview.chatcut.dev/zh/docs/design-styles)和[导出透明动态图形](https://pr-444-preview.chatcut.dev/zh/docs/export-transparent-motion-graphics)。
