跳到主要内容
中文
← 技能
技能 · 视频

Flora经期日历App广告片

Claude Opus 5.5 视频作品。Flora 竖屏片以粉色渐变和手机界面展开,能看到日常记录、日历、音乐选择及片尾下载入口。界面素材承担功能说明,文字只强调当前场景。 附素材替换与分阶段制作指南。

  • canvas
  • svg
  • gsap
  • motion

概览

你会得到什么

  • 用已有截图和录屏制作竖屏应用广告,展示三个真实使用场景。
  • 对应场景的素材清单、替换表与分阶段 AI 指令。

案例解读

怎样做一条类似的视频

Flora 竖屏片以粉色渐变和手机界面展开,能看到日常记录、日历、音乐选择及片尾下载入口。界面素材承担功能说明,文字只强调当前场景。

你可以借鉴这条作品来用已有截图和录屏制作竖屏应用广告,展示三个真实使用场景。本篇来自 Claude Opus 5.5 视频专题;在支持该模型的 AI 编程工具中选择 Claude Opus 5.5,将下面的资料与指令分阶段交给它。模型负责规划、编写和修改代码,实际工程负责预览与导出;配音或音乐需要对应工具或已有音频。

收录指令限定 JavaScript、Playwright 和 FFmpeg,并提供 ads 文件夹里的视频与截图。沿用这条路线时,让 AI 先建立浏览器动画预览,再提供逐帧采集、编码和音轨合成脚本。

开始前准备这些素材

  • 三项功能的手机截图和短录屏,使用演示账号。
  • App 图标、品牌颜色、商店链接与目标受众语言。
  • 功能说明和能够准确表述的数据处理方式。

把素材放进 AI 能读取的目录,例如 assets/,提供文件名与用途。再写清目标画幅、时长和发布位置;只有网址时,先让 AI 列出实际能读取的内容,不要凭网址补写功能。

替换元素,适配你的产品

样片或作者指令中的元素换成你的内容
日常记录你的第一项核心操作
经期日历你的第二项核心功能
音乐选择你的第三项辅助功能
粉色与 App Store 入口你的品牌色与真实下载入口

习惯打卡 App 可以换成记录、统计、提醒;笔记 App 可以换成创建、整理、检索。每段都提供真实操作素材,别只换应用名字。

截图与录屏对应同一功能;涉及健康功能时使用产品已确认文案,不把日历展示写成诊断或准确预测承诺。

可以先用这份分镜

这是本站建议的草稿节奏,不是原片逐秒还原。先确认每幕的素材和短句,镜头时长可以按信息量调整。

  1. 0–4 秒:一句使用需求。
  2. 4–10 秒:第一项功能的实际操作。
  3. 10–16 秒:第二项功能与结果。
  4. 16–22 秒:第三项功能。
  5. 22–26 秒:图标与下载入口。

跟 AI 分四步制作

以下为本站编辑建议,未经复现测试。 方括号由你填写。每一步预览通过后再继续,不把作者作品当作可下载模板。

  1. 核对素材并确定镜头。
我正在用 Claude Opus 5.5 制作 [我的产品名] 的视频。
目标:用已有截图和录屏制作竖屏应用广告,展示三个真实使用场景。
观众:[人群]。画幅与时长:[要求]。素材目录:[路径]。
读取我的产品说明、品牌和素材,列出能确认的功能和缺少的文件。
参考上面的分镜草稿,给出每幕的画面、短标题、素材文件、时长和转场关系。
截图与录屏对应同一功能;涉及健康功能时使用产品已确认文案,不把日历展示写成诊断或准确预测承诺。
先给镜头表,不要直接制作整片。
  1. 先做一个小样。 确认镜头表与素材路径后再发送:
镜头表已确认。先将一段真实录屏放进手机画框,配一行短标题;检查画框没有遮挡操作。
制作路线:收录指令限定 JavaScript、Playwright 和 FFmpeg,并提供 ads 文件夹里的视频与截图。沿用这条路线时,让 AI 先建立浏览器动画预览,再提供逐帧采集、编码和音轨合成脚本。
先检查当前环境的依赖与素材是否可用,给出实际预览方式。
缺少工具、模型或音频时明确列出来,不用占位内容冒充成片。
先交付这段小样与预览,再说明完整制作需要的文件。
  1. 完成其余镜头。 首个小样的字号、颜色、素材比例和节奏确认后发送:
沿用已确认小样的视觉规则,完成镜头表的其余部分。
截图与录屏对应同一功能;涉及健康功能时使用产品已确认文案,不把日历展示写成诊断或准确预测承诺。
让标题、界面动作和声音的出现时间对应;没有音频时先交付静音预览。
将产品名、Logo、界面素材、品牌色和片尾入口整理为容易修改的配置。
提供完整预览和关键转场的静帧,标明还未完成的部分。
  1. 检查并导出。 看完预览,在手机上核对文字和素材,再发送:
按照我确认的修改完成导出,保留可编辑源码与素材引用。
给出本工程实际可运行的导出命令、依赖前提及输出文件位置。
检查最终 MP4 的时长、画幅、文字裁切和音轨,不只检查浏览器预览。
导出后提供关键帧总览与仍存在的限制。

成片怎样修改,问题怎样排查

先指定镜头与改动,避免一句“更高级”让整片失去已确认的节奏。可以继续发送:

只替换日历幕为 [我的功能录屏],调整手机内部裁切而不改变比例。标题改成 [文字],字幕不要覆盖底部按钮。

横屏转成 9:16 时,应重新安排标题、主体与片尾入口。先看新布局,不直接裁掉画面两侧。缩短视频时先删次要镜头或句子,再调整时间轴。

  • 手机里播放像截图:使用包含点击和结果的录屏,截去操作前后的空白。
  • 导出只有画面没有声音:让 AI 检查是否另行合成音轨;浏览器预览不证明 MP4 含音频。

作者来源与复现边界

作者原帖称把视频和图片放入文件夹后交给 Opus 5.5,提示词在评论中;页面保留已收录的葡语指令及中文译文,没有采集脚本源码。查看作者原帖。

画面描述依据本站收录视频,制作要求依据已收录指令与原帖;不代表测试过产品当前功能。本文的分镜、适配示例与扩展请求是本站建议,未实际生成验证。没有作者完整工程时,需要自行提供素材和制作环境。

来源与资料

收录
2026年9月26日