--- title: "AI 动画：制作产品视频 | Potto AI" description: "从提示词或链接制作 AI 动画：让动态文字、产品界面和图表配合旁白节奏，用于产品视频与讲解视频。" canonical: "https://potto.ai/zh/ai-motion-graphics" language: "zh-CN" dateModified: "2026-10-09" --- # AI 动画 从提示词或链接制作产品视频、讲解视频和数据故事所需的动态图形：让文字、产品界面和图表按品牌风格运动，并与旁白节奏同步。 - 动态文字 - 产品界面动效 - 动态图表 - 融入品牌风格 ## 动态图形制作流程的交互预览 - 第 1 步，编写创作简述：Potto 读取 transcript.im 页面内容，起草创作简述供你确认 - 第 2 步，大纲：将 6 屏画面与旁白对应，并制定视觉体系 - 第 3 步，分镜：每屏包含旁白和视觉内容 - 第 4 步，生成：渲染完成的视频，包含 6 屏画面 - 第 5 步，编辑：通过对话修改，仅更新第 3 屏和第 6 屏 ## 热门 AI 动画 使用 AI 动画生成工具制作的动态文字、产品界面动效、图表和发布短片。先加载封面，点击后才播放视频；每张封面下方标明来源。 ### 粘贴任意链接，获取清晰文本 *动态文字 · 每个节奏点一行文字 · 0:08* **提示词** > 为转录工具制作 16:9 动态图形。使用 3 行大号屏幕文字，每个节拍出现一行：'Paste any link.'、'Get clean text.' 和 'In seconds.'，每行都与旁白同步出现。 ### 控制台功能讲解 *产品界面 · 缩放与光标，16:9 · 0:10* **提示词** > 为我的两张控制台截图制作 16:9 动效：从完整视图开始，用光标路径引导并放大到关键设置，最后以行动号召和我们的 URL 收尾。 ### 营收增长 42% *数据故事 · 45 秒看第 3 季度 · 0:09* **提示词** > 将我的季度数据制作成 16:9 动态图形：一个标题、一屏展示 42% 增长的关键数据，以及从 7 月到 10 月逐步递增的月营收柱状图。 ### 发布日公告 *发布 · 开场钩子、界面、行动号召 · 0:09* **提示词** > 制作一段 16:9 发布短片：用开场钩子点出产品名称，展示一张带光标路径的放大截图，再以包含 URL 的行动号召收尾。 ### 三个词，一个想法 *动态文字 · 文字主导短片，9:16 · 0:08* **提示词** > 使用午夜风格制作一段 9:16 文字主导短片：先展示两屏简短标题，再展示一段铺满画面的引用，配合节拍。 ### 预算花在哪里 *数据故事 · 环形图，9:16 · 0:10* **提示词** > 用 9:16 展示我们的预算分配：先是标题，再用环形图呈现产品 45、营销 30、支持 25，最后用关键数据场景突出分配给产品的 45%。 ### 认识 Halo *品牌亮相 · 名称、三个词、URL · 0:10* **提示词** > 为 Halo 制作一段 16:9 品牌亮相视频：开场钩子包含名称和标语，用三个单词分别表达三项特点，结尾画面显示 halo.studio。 ### 用动画讲清疫苗如何起作用 *讲解 · 标题、两张插画 · 0:10* **提示词** > 用 16:9 讲解疫苗如何起作用：以问题作标题，再用两个带简短说明的插画步骤解释，采用午夜风格。 ### 方形界面导览 *产品界面 · 适合信息流，1:1 · 0:10* **提示词** > 为我的截图制作适用于社交信息流的 1:1 动效：一次带光标路径的缩放、两行功能列表，再以行动号召收尾。 ### v2.0 有哪些新功能 *更新说明 · 三项变化，16:9 · 0:10* **提示词** > 将我们的 v2.0 更新日志制作成 16:9 动态图形：开场钩子点明版本，用三点列表说明变化，再提示阅读更新说明。 ### 每屏保持统一外观 *视觉体系 · 前后对比，16:9 · 0:10* **提示词** > 使用霓虹之夜风格，以 16:9 展示视觉体系的重要性：一个开场钩子、三项特点，以及前后对比。 ### 城市为什么增加绿色屋顶 *文章 · 问题、列表、引用 · 0:10* **提示词** > 将我的文章制作成 16:9 动态图形：以核心问题作标题，用列表呈现三个支撑观点，再将结论作为引用并注明来源。 *这里的每个视频都是根据创作简述制作的 Potto 示例。示例使用 Potto 场景类型编排，并非客户作品；它们在浏览器中以实时预览播放，与导出 MP4 使用相同的场景数据。* - [制作产品讲解动效](https://potto.ai/zh/product-video.md) - [制作数据故事](https://potto.ai/zh/explainer-video.md) - [制作发布短片](https://potto.ai/zh/ai-video-generator.md) ## 每屏动起来之前，先规划清楚 文字、画面和节奏协调，AI 动画才有效。Potto 会将每屏写成分镜，在开始制作动画前，你可以阅读并修改。 *0:12 – 0:18 · 第 3 屏 · 6 秒* - **旁白**: 认识 transcript.im。粘贴来自 YouTube、TikTok、Instagram 或 X 的链接，或放入一个音频文件。 - **观众看到的内容**: transcript.im 首页从下方滑入。镜头推进到搜索框，链接自动粘贴进去，下方弹出平台标识。 - **屏幕文字**: 粘贴任意链接 / YouTube · TikTok · Instagram · X - **素材**: 首页截图, 平台标识, 标志 ### 旁白决定节奏 每屏时长与对应旁白一致，文字和动效不会跑到旁白前面。 ### 屏幕文字保持简短 每屏放两三个词，用大字号呈现。完整句子交给旁白和字幕。 ### 素材来自你的链接 从你粘贴的页面提取截图、标志和颜色，再在需要它们的画面中制作动效。 ## 什么让 AI 动画有效 4 个因素决定 AI 动画能否吸引注意：运动的文字、承载文字的界面、逐步呈现的数字，以及将它们统一起来的视觉风格。 ### 大字呈现，按每句旁白计时 关键信息以大字显示在画面中，每次两三个词；每屏停留时长与对应的一句旁白一致，让文字不会抢在旁白前推进。下方字幕显示正在讲述的句子，简短词句则以足够大的字号呈现，在手机上也能看清。 - 每屏按对应旁白的时长计时 - 每句旁白都配有字幕 - 手机上也看得清的大字 ![AI 动画视频中的一帧，大号引文文字随节拍出现](https://cdn.potto.ai/images/ai-motion-graphics-kinetic-typography-frame-962.webp) ### 让你的产品界面动起来 粘贴网站地址，Potto 会导入截图、标志和颜色，再制作动效：缓慢放大搜索框、让光标沿流程点击，并为关键部分配上说明。主角始终是真实界面，而非模拟稿。 - 从链接提取截图和标志 - 在真实界面上添加缩放与光标路径 - 说明文字指向正确细节 ![动态图形画面中的镜头推近产品窗口内的插画人像，旁边有逐字出现的说明文字](https://cdn.potto.ai/images/ai-motion-graphics-product-screens-frame-1080.webp) ### 逐步递增的图表 提供数据后，Potto 先展示醒目的关键数字，再随着旁白读到各项数值，逐步填充柱状图或环形图。图表从创作简述中接收 3 至 6 个带标签数值，因此屏幕上的数字就是你提供的数据。 - 先展示关键数据，再展示图表 - 柱状图和环形图支持 3 至 6 个数值 - 数值来自你自己的数据 ![AI 动画视频中的数据故事画面，动画柱形展示七月至十月的月收入](https://cdn.potto.ai/images/ai-motion-graphics-data-story-frame-1080.webp) ### 每屏保持统一视觉 编写画面前，Potto 会先建立视觉体系：根据你的品牌或 12 种内置风格之一，确定配色、字体家族和动效风格。随后每个场景都沿用这套体系，让标题、截图和图表看起来属于同一部作品。 - 沿用品牌配色和字体 - 12 种内置视觉风格 - 每屏动效保持协调 ![动态图形画面列出各场景共用的品牌色、一套字体及协调的动效](https://cdn.potto.ai/images/ai-motion-graphics-visual-system-frame-1080.webp) ## 用 Potto 制作的更多方式 Potto 的每个视频都由 AI 动画构成。可以从特定视频类型开始，也可以先准备场景所需的图片和背景。 - [AI 视频生成器](https://potto.ai/zh/ai-video-generator.md): 从一条提示词或链接制作各类视频。 - [讲解视频](https://potto.ai/zh/explainer-video.md): 用插画和字幕讲清一个想法。 - [产品发布视频](https://potto.ai/zh/product-video.md): 根据截图展示产品操作流程。 - [AI 生成图片](https://potto.ai/zh/ai-image-generator.md): 为场景制作插画和视觉素材。 - [抠图](https://potto.ai/zh/background-remover.md): 抠出标志或产品，制作干净的场景。 - [Claude Video](https://potto.ai/zh/claude-video): Claude 编写分镜，Remotion 渲染视频。 ## AI 动画常见问题 了解 AI 动画是什么、能为哪些内容制作动效，以及如何控制。 ### 什么是 AI 动画？ AI 动画是由 AI 规划、渲染器制作动效的画面，例如动态文字、产品截图和图表。Potto 是一款 AI 动画生成工具：根据提示词或链接编写创作简述与逐场景分镜，再将场景渲染成带旁白、字幕和配乐的 MP4。结果是经过设计的动画，不是实拍镜头，也不是数字主持人。 ### AI 动画与产品视频、讲解视频有什么关系？ Potto 制作的每个视频都采用动态图形：文字、截图、图表和插画随旁白节奏运动。[产品视频](https://potto.ai/zh/product-video.md)用它们展示产品能做什么，[讲解视频](https://potto.ai/zh/explainer-video.md)用它们帮助观众理解一个想法。本页涵盖这两类用途；AI 视频生成器页面介绍的是同一个创作工具，只是按视频类型来说明。 ### 动态图形可以让哪些内容动起来？ 项目由 11 种场景类型构成：开场钩子、标题、截图、功能、列表、关键数据、对比、图表、插画、引用和结尾行动号召。文字按节奏出现，截图缩放并跟随光标路径，图表以柱状图或环形图呈现 3 至 6 个数值，并逐步递增。AI 动画生成工具还会应用 12 种视觉风格之一，或匹配你的品牌颜色。 ### 如何从链接或截图制作 AI 动画？ 从链接制作 AI 动画时，将页面地址粘贴到创作区，并说明视频要讲什么；从截图开始时，可附加最多 8 个图片、文档或音频文件。Potto 会尽可能从页面提取截图、标志和品牌色，起草创作简述与分镜，再为承载这些内容的画面制作动效。导出前请逐屏对照来源检查。 ### 可以控制动画和时长吗？ 通过编辑分镜或在对话中提出要求，可以控制每屏说什么、展示什么，以及停留多久，例如缩短第 3 屏，或以你的标志收尾。Potto 使用固定的场景类型和风格制作动画，没有自由时间线或自定义动画代码。明确指出画面和修改要求，最容易得到清楚的结果；如果想退回，之前的版本也会保留。 ### 旁白和字幕如何影响节奏？ 旁白决定节奏：每屏停留到对应句子说完，再进入下一屏。字幕跟随说出的词，支持简洁、高亮或醒目风格；关闭旁白时，时长则由分镜决定。请先开声音播放预览检查节奏，再静音并打开字幕看一遍，因为许多观众观看时不听声音。 ### 如何确保图表中的数字准确？ 请在创作简述或附加文档中提供准确数值、单位和时间范围，因为 Potto 不会核实数据。图表场景接收 3 至 6 个带标签的数值，以带说明的柱状图或环形图呈现；关键数据场景展示一个醒目的数字。在分镜中逐一核对标签和数字，导出后再对照来源检查一遍，因为缩短说明时可能遗漏单位。 ### 会得到什么文件，需要多少积分？ 你会得到 1080p、每秒 30 帧的 MP4，画面比例可选 16:9、9:16 或 1:1，时长为 15 至 90 秒。创作简述、分镜、对话修改和预览免费；导出时按报价中的基础费率计费，再加上按字符数计算的旁白及每张插画费用。一段无旁白的 30 秒视频需要 150 积分，制作视频需要账户。 ### 可以用 Claude 制作 AI 动画吗？ 可以。Potto 使用 Claude Opus 5.5 编写大纲、分镜和旁白脚本，因此用 Claude 制作动态图形和设计动效，只需在浏览器中输入简单描述或链接，无需编写代码，也无需在本地配置环境。Remotion 将场景渲染为 MP4，并配上 AI 生成的插画和旁白；导出前，你可以编辑每个场景。 ## 让下一次发布动起来 在上方创作区粘贴链接，或描述你想制作的动态图形，检查分镜，确认每屏内容都准确清晰后再导出。从链接开始制作 AI 动画；预览和编辑免费，仅在导出时付费。