向我索取:用于字标的一个单词品牌名(动词最理想)、9 到 12 张高分辨率照片、一首接近 120 BPM 且带有清晰 drop 和安静 breakdown 的免版税音乐(Mixkit,可免费用于商业项目),以及一张带有移动植物阴影的空白墙面免费素材照片(Pexels)。 制作一部纯 2D 的 Apple 主题演讲风格产品发布影片,以一次不间断长镜头呈现。每个场景都必须直接从前一个场景演化而来:没有淡入淡出、模糊转场或剪辑。元素会变形为其后继形态。字体通过遮罩边缘升起,图标从零缩放弹出,进度条横跨画布延伸,页面推入画面,一个黑色形体扩展覆盖屏幕,然后收缩进入下一个场景。 使用温暖的米白色背景、黑色界面元素,以及在摄影画面上叠加 iOS 26 风格的液态玻璃。字标使用 Archivo(wdth 125,weight 800),UI 使用 Geist。 光标必须通过真实点击、拖拽和长按来发起每一次交互。以屏幕工作室的感觉移动镜头,使每个节拍都填满方形构图,并让光标随镜头一起缩放。 禁止:交叉淡化、模糊进入、亮度“揭示”、3D 翻转、粒子、辉光、超过 1 秒的静态停留,以及任何看起来哪怕稍微像模板的东西。 120 BPM,54 拍,每一拍都有可见变化。 开场:字标像手风琴一样朝自己的句点收缩。圆点长成一个黑色胶囊,一个标签在其中出现。点击时,六片虹膜叶片围绕标签闭合,然后弹开进入一张照片。圆形变成方形并缩小。在它后面,一个网格像一张纸一样展开——中心、加号、四角——然后重组为 bento 布局。一次点击潜入其中一个 tile,并恰好落在 drop 上。 玻璃:一个玻璃单词一次构建一个字符,然后液化成水滴。水滴向侧面拉伸成玻璃工具栏。调整图标转变为滑块。拖动滑块,使用两张完美对齐的照片,将照片从日光转变为黄金时刻。被握住的旋钮变成玻璃镜头,向上升起并变成玻璃球体。下一张照片作为圆形出现在球体内部。球体扩展成锁屏,其中包含玻璃时钟数字、日期和 home bar。home bar 向外拉伸成玻璃音乐播放器。 舞台:锁屏被拉开,露出围绕它的手机,边框直接从屏幕边界生长出来。灵动岛像液体一样拉伸,从手机上捏离,飞过画布并扩展成 Mac 窗口。窗口像百叶窗一样向上卷起。长按壁纸并将其拖到 Safari 标签页上。浏览器页面向前推入。释放图像时,它成为落地页的 hero image。滚动:hero image 转变为产品卡片中的装裱画,卡纸和画框从照片边缘有机生长出来。选择一种画框颜色,让它涂满整个画框。选择尺寸。导航按钮向下飞出并转变为“Order print”。 订单:一个黑色形体持续改变状态: Ordered ✓ → Printing % → On its way(厢式货车沿路线行驶)→ Delivered ✓。 墙面:已送达的圆形扩展,直到黑色占据整个画面。精确保持一拍,然后收缩成挂在真实墙面素材中的装裱画。同样的六叶虹膜打开到艺术品上,然后再次闭合。画框扩展直到填满屏幕,再收缩回胶囊,变成圆点,最后让字母在回归节拍上向外弹开。 最终画面必须与开场画面完全一致。 1. 将所有内容保存在一个 1440×1440 的单一 HTML 文件中。每个视觉属性都必须由 async seek(t) 函数内部的时间推导出来。帧与帧之间不得有 CSS transitions、timers 或 persistent state。 对所有弹簧运动使用闭式阶跃响应。每当某个属性多次改变目标时,为每次目标变化添加单独的弹簧,使整个动画始终保持为时间的纯函数。 通过为每个玻璃组件提供其下方场景的独立副本来构建液态玻璃。使用基于圆角矩形距离场的 SVG feImage 位移图处理该副本。让它通过三个比例略有不同的 feDisplacementMaps,以创建细微的色边分离,然后添加边缘高光层。对于玻璃排版,为每个字形生成 canvas 距离场,并将其用于位移、遮罩和高光。 对于粘性效果,模糊源并通过 alpha threshold 处理,然后将原始源重新合成到结果之上,使内部保持完全清晰。 用六片围绕六边形开口定位的叶片构建虹膜。每片叶片应使用其两个顶点、对应的边延长线以及连接它们的 SHORT arc。 对于字标挤压,使用相同压缩因子将每个字符朝句点移动。相应调整绘制宽度:先收窄 wdth 轴,再缩放剩余几何形状,使所有字母保持相接。 使用 ffmpeg(-g 1)将每一段素材重新编码为 all-intra。通过 blob URL 加载生成的媒体,并在绘制每一帧之前 await “seeked”。 对于音频,为每个交互事件使用下载的 SFX(Mixkit),绝不使用生成的声音。使用测得的峰值定位每个 SFX。让音乐精确从强拍开始,让镜头落地与 drop 对齐,将墙面序列放在 breakdown 内,并在
本片段由 Anthropic 的 Claude Opus 5.5 生成,页面上的提示词就是生成它的原始文本。
示例由 Claude Opus 5.5 生成,参数:1:1 · 0:29 · Animation · Motion Graphics · Advertising。沿用这些参数可获得最接近的效果。
先原样复制提示词,只改主体、保留镜头/运动/光影描述。视频模型对措辞很敏感,多试几次为佳。
当然可以。提示词最适合作为起点——替换场景、调整节奏词或宽高比,适配你的项目。