跳到主要内容
中文
← 提示词
提示词 · 视频

让镜头跟着操作步骤走

用 Claude 把产品操作流程做成动画演示:镜头逐步移向当前操作,卡片和图片依次显现,再用发光节点与短暂拖尾强调关键变化。

  • motion-design
  • product-demo
  • prompt

教程

先做一个简短的操作演示

页首参考视频把一段 AI 工作流程做成动态演示:镜头沿着进度线移动,靠近当前步骤,展示卡片、图片和生成结果。观众不必自己寻找重点,可以跟着镜头看清每一步发生了什么。

作者分享了用 Claude 制作这类动画的技巧。本页把这些技巧整理成可直接复制的提示词,不需要安装技能包。先选自己产品里的一段短流程,例如“输入需求 → 选择方案 → 查看结果”,用三个步骤把一件事讲清楚。

  1. 准备每一步的界面截图或示意内容,写清操作和结果。标注截图顺序;没有正式界面时,也可先用文字和占位卡片制作。
  2. 在 Claude 会话中附上素材,发送本页提示词,再补充下面的需求。将产品名、步骤和文字换成自己的内容。
产品:任务管理工具。
用途:演示如何从一句需求建立任务。
步骤一:输入“准备下周的产品发布”,展示输入框。
步骤二:展示生成的三个任务卡片:整理卖点、制作产品介绍页、安排发布。
步骤三:镜头移向“制作产品介绍页”,展开负责人和截止日期。
先做约 6 秒的横屏预览,只展示这三个步骤,不增加其他功能。
如果文字来不及读完,可以适当延长时长。
先说明制作方式、预览怎样打开,以及最终怎样导出视频,再列出镜头安排。
确认后再制作预览。
  1. 确认制作方式和镜头顺序后,让 Claude 制作预览,按约定的方式打开。首版应当能播放或交互,并能看到镜头移动;如果只得到文字分镜,继续要求制作预览。观看时先判断:镜头是否移向当前步骤,文字是否有时间读完,操作后是否能看到结果。先调整顺序与停留时间,再添加更多装饰。

参考视频中的“生成图片”和“生成视频”是被演示的产品流程,不代表这份提示词自带图片或视频生成服务。制作你自己的演示时,可以用已有结果图替换这些内容。

加入分层运动、光晕和拖尾

作者提到的 2.5D,是把平面的界面和卡片放在不同前后层次,利用镜头移动表现远近,而不是把所有内容都做成立体模型。

先做好镜头和卡片的基础运动,再逐项增加效果。可以在同一会话中继续要求:

保留现有三个步骤、界面文字和总时长,只调整动画:
当前步骤的卡片稍微靠近镜头,其余卡片退到背景。
镜头移动时先加速、再减速,在文字展示期间停稳。
进度线上的光点到达节点时,让节点亮起,再出现对应卡片。
光点留下短暂拖尾,光晕不能遮住文字。
图片从较大的像素块逐渐变清晰,最终完整显示。

检查效果时,一次只改一个问题。文字难读就延长停留、减小光晕;镜头晃动就减少旋转;所有卡片都抢眼,就让尚未讲到的卡片保持静止。关键操作处再加短音效,让声音与动作同时发生。

换成自己的产品流程与素材

替换产品时,不只换标题。截图、步骤名称、操作后的结果和镜头路线都要一起调整。用下面的结构补充需求,替换方括号内容:

产品与观众:[产品名称,给谁看]。
要讲清的一件事:[观众看完后应理解的操作]。
步骤顺序:[每一步的动作与结果]。
素材对应:[哪个文件用于哪一步]。
重点画面:[需要拉近、停留的区域]。
交付要求:[画面比例、总时长、是否需要旁白、是否需要音效]。
先列镜头安排,确认后做短片段,再扩展成完整演示。

改成竖屏时,需要重新安排卡片位置、镜头路线和文字大小,不要直接裁掉横屏画面两侧。完整流程确认后,再要求提供工程对应的导出步骤;如果只拿到可交互预览,可以先用录屏工具录下演示。

首次制作可以直接以 30 FPS 完成,重点放在镜头和节奏。作者还分享过以 120 FPS 制作、再转为 30 FPS 的做法,可留到后续尝试;转换时保持时长与声音同步。

页首参考视频为 960×720(4:3)、30 FPS。你自己的成片按发布平台和用途选择画面比例。

来源与资料

收录
2026年10月19日