Motion 动效与视频
先看 Motion 示例效果,再从第一步学习需求、制作、预览、修改和 MP4 导出。下方步骤使用独立的 Focus 练习项目讲解。
从 5 个内置 Motion 案例开始
在 Home 输入框下方选择 Motion design。案例列表默认只露出 4 行,在列表上向下滚动即可看到 Product Promo。
选择一个方向
- Bring Ideas to Life:20 秒纸艺叙事,参考故事结构、纸片人物与手工质感。
- The Future Is Already Here:20 秒科技短片,参考节拍、动态文字与镀铬视觉。
- Motion Designer Showreel:15 秒动效展示,参考作品集或个人介绍。
- One-Shape UI Motion:14 秒连续 UI 变形,参考按钮、加载、播放器和图表之间的过渡。
- Product Promo:15 秒虚构支付产品宣传片,参考卖点、界面演示与品牌收束。
先预览,再带入需求
点左侧缩略图打开 Preview。关闭后,点右侧标题或需求文字,把示例需求带入输入框。替换产品名、文案、时长和风格,再点击发送箭头。预览不等于已创建你的新项目。
第一步:选择动效设计
打开 OpenDesign,在首页输入框下方的创作类型菜单选择“动效设计”(Motion design)。首页下方会出现对应的内置案例,无需先去社区。
第二步:描述视频需求
告诉 AI 你要表达什么、用于哪里,以及希望采用的视觉风格。建议同时写明时长、画面比例和声音要求。
例如:
请制作一个 10 秒、1920×1080、30fps 的原创 Motion 产品短片《Focus》。纸白 #fafafa、墨黑 #262626,少量亮绿 #63fe13。一个绿色圆点连续变形为待办卡片、完成勾,最后收束为 Focus 标记。0–2 秒出现 Focus;2–5 秒展示 Collect 卡片;5–8 秒展示 Done 完成勾;8–10 秒显示 Make room for what matters.。使用清晰英文排版、轻柔原创配乐和少量音效,不要旁白,不调用外部付费媒体服务。请使用内置 Motion 工作流直接完成可编辑源文件与实际可播放的 MP4,并提供文件入口。文案尚未确定时,可以先要求 AI 给出脚本或分镜。只想讨论方案,就明确说“先出方案,不开始制作”。
第三步:等待制作完成
视频制作包括生成可编辑动画和渲染视频。能看到动画预览,并不代表 MP4 已完成;需要等视频文件实际生成。本次案例在对话中出现 Generating video 状态,完成后生成了 focus.mp4。
第四步:查看源稿与视频
打开生成的 HTML 源稿预览,可以查看动画效果。打开 MP4,可以检查最终视频的播放效果。
先确认文字和内容正确,再检查节奏、转场和声音。
第五步:修改并重新生成视频
继续在当前项目中提出修改。尽量说明要改哪一段、期望什么效果,以及哪些部分保持不变。
只把片尾标语 Make room for what matters. 改为 Focus on what matters.,其余画面、10 秒时长、配色和声音保持不变。重新渲染为 focus-v2.mp4,保留原版 focus.mp4。涉及视频内容的修改需要重新渲染。下载前确认 MP4 对应最新修改。本例第二版已将片尾改成 Focus on what matters.。
第六步:下载 MP4
打开要交付的那一版 MP4,点击右上角 Download(下载)。在系统保存窗口选择位置与文件名并保存,再到本地确认文件存在、可以播放、片尾内容对应最新修改。
如果保存无法完成,先保留原项目,并把保存窗口的问题截图提供给支持。点击了下载入口,不代表本地已保存成功。
后续还要修改时,保留项目中的源稿及其依赖素材。
内容与文案
说明观众需要理解什么。必须原样出现的产品名、数字、日期和句子,建议单独列出。
时长与画面比例
在开始制作前说明用途,例如横屏产品介绍或竖屏社交短片。需要改变比例时,请同时要求调整构图和文字布局。
风格与节奏
“科技感”或“活泼”可以作为起点,更具体的描述有助于沟通:背景颜色、字体气质、元素的移动方式、画面停留时间,以及希望参考的作品特点。
声音
分别说明背景音乐、音效和旁白。例如“轻快配乐,加少量转场音效,不要旁白”。需要无声视频时,明确说“无声,不添加任何音轨”。“不要旁白”不等于“不要音乐”。
修改范围
局部修改时说明保留项。例如“只改结尾文案,配色、音乐和前面的画面保持不变”。
HTML 源稿预览
视频源稿使用内置播放逻辑,在活动预览中自动循环播放。点击画面可暂停或继续。受到浏览器自动播放限制时,点击画面也可以尝试开启声音。
切换离开当前活动预览后,播放和声音会暂停,避免多个预览同时出声。
MP4 视频预览
MP4 使用视频播放器,提供播放、暂停和进度控制。检查最终成果时,请播放生成的 MP4,而不仅查看 HTML 动画。
为什么两种预览不同?
HTML 是可编辑动画的运行预览;MP4 是已渲染的视频文件。源稿修改后,需要重新渲染,视频才会包含最新变化。