动态图形
制作一段完整精致的 Spotify 主题动态图形视频…

shader
svg
提示词

根据以下简报制作一段完整、精致的 Spotify 主题动态图形视频。本提示词自包含：无需参考视频或提供的素材。

<deliverables> 一段 18 秒、1920×1080、真 60 fps 的 MP4，包含音乐和细微音效 完整可编辑源文件 在交付前，构建、渲染、检查并打磨这段动画 不要止步于故事板、静帧或实现方案 </deliverables>
<art_direction>
一部高级音乐产品影片，呈现在一个巨大的、近乎黑色的圆角矩形舞台上
舞台约占画布宽度的 80%、高度的 75%，水平居中，并略低于垂直中心
舞台之外，使用柔和的氛围绿色背景：左上角附近为明亮的翠绿色，向两侧过渡为更深的森林绿，底部渐隐至近黑
舞台内部：
近黑背景
白色主标题文字
柔和灰色次要文字
Spotify 绿 # 1ED760 用于强调和控件
一种简洁的无衬线字体，例如 Geist 或 Inter
一致的图标线条和克制的阴影
保持构图紧凑居中，留有充足负空间
文字应感觉像音乐产品广告，而非过大的演示标题
不要添加外部说明文字、创作者水印、装饰性页脚或进度计数器
</art_direction>

<artwork> 为一首虚构曲目“Glass Tides”（由“AURA”创作）打造原创的正方形专辑封面
主视觉封面是一幅抽象微距图像，展现流动的珠光液态丝绸与熔融玻璃
使用柔和薰衣草色、粉青、腮红粉、香槟金和微妙的薄荷绿
包含宽广的三维褶皱、逼真的反光高光、细腻的条纹，以及一道醒目的扫掠式 S 形褶皱
正方形填满至边缘
这幅主视觉作品上不要有文字、标志或边框
整部影片始终一致地使用这幅作品

另外设计几款播放列表封套：
“Late Nights”用芥末黄
“Good Energy”用粉色
“Deep Focus”用蓝色
“Daily Mix 1”、“Daily Mix 2”和“Daily Mix 3”使用互补色

它们应看起来像成品平面设计封面，带有醒目的字体和简单的几何图案
</artwork>

<timeline> 0.0–0.6 秒：一个绿色 Spotify 图标平滑地放大进入深色舞台中央 让它自信登场，仅有极小的过冲
0.6–1.5 秒：
图标过渡为上方一个小的 Spotify 标识，下方两行居中文字：
“Discover”
“new music”
第一行为白色；第二行为绿色
用短暂的遮罩垂直运动揭示它们
1.5–2.4 秒：
一个风格化的 Spotify 桌面界面升入视野
展示一个细侧边栏、“Made for you”、三张专辑卡片和几行小的辅助行
入场时使用微妙的透视倾斜，并趋于正面视角
2.4–3.2 秒：
靠近三张特色封面
在它们上方显示“New for you”
保持封面清晰，下方配简短的专辑标题
一条窄圆角播放条现在锚定在舞台底部
3.2–4.0 秒：
特色卡片收拢为一份紧凑的“Fresh finds”列表
以轻微错落揭示四行歌曲
每行包含缩略图、简短曲目标题、艺人和一个小菜单图标
4.0–4.9 秒：
过渡为一条彩色播放列表封面的横向条带
标题：“Every mood”
辅助文字：“Find what moves you”
条带平滑地向旁侧滑动，边缘卡片被舞台部分裁切
4.9–5.8 秒：
出现一个紧凑的搜索框
输入“Glass Tides”
在它下方揭示一个被选中的结果，带有虹彩封面、“AURA”和一个绿色播放图标

5.8–6.6 秒：
选中的封面扩展为一张居中的大封面
在下方揭示“Glass Tides”，随后以绿色揭示“AURA”
保持播放条可见
6.6–7.5 秒：
同一张封面向左滑动
曲目信息出现在右侧：
“Glass Tides”
“AURA”
“A new frequency”
添加一个圆角绿色 Play 按钮
协调封面的移动与文字的揭示
7.5–8.3 秒：
一次短暂品牌色变换，用绿色填满内部舞台
封面收缩为一块更小的居中图块
在下方放置一个小的深色 Spotify 标识
播放条短暂退隐
8.3–9.8 秒：
回到深色舞台
同一幅封面戏剧性地朝镜头扩展，变得超大并被圆角舞台裁切
在底部恢复播放条
在缩放最快的部分使用可控的运动模糊

9.8–11.2 秒：
封面清空为一句居中的排版宣言：
“Find your”
“rhythm”
第一行用白色，第二行用绿色
播放条在其下方保持可见且稳定
11.2–12.5 秒：
显示“Made for your every day”
三款播放列表封套以轻柔的透视和微小的相反倾斜进入
它们展开为六款更小的封套横跨舞台
辅助文字：“Your sound, always evolving”

12.5–14.0 秒：
播放列表布局过渡为四张悬浮专辑封面
包含那张虹彩主视觉作品
使用克制的旋转、透视、深度排序和重叠
让它们的运动彼此协调，而非随机漂浮
14.0–15.2 秒：
封面朝中心汇聚，并围绕一个绿色 Spotify 图标折叠
封面退去，图标成为焦点
让播放条淡出
Spotify 图标必须从与汇聚封面相同的中心位置出现
15.2–18.0 秒：
图标略微左移，停在巨大的白色“Spotify”字标旁
整个运动过程中保持图标与字母分离
揭示：
“Discover new music”
“every day”
第一行用白色；第二行用绿色
将完成后的构图干净地保持到结尾
</timeline>
<persistent_player>
在中间序列的大部分时间里，在内部舞台底部附近保留一条窄圆角播放条
包含：
小的主视觉缩略图
“Glass Tides”和“AURA”
播放和跳过控件
一条细进度轨
一个小音量图标
低调的深色半透明样式，配以细边框
这条反复出现的播放条连接着不断变化的镜头
它必须在视觉上始终次于封面
</persistent_player>

<motion_quality>
匹配一部剪辑紧凑的高级产品影片的能量
大多数视觉创意持续约一秒，但转场保持平滑
使用连续的加速与减速
优先使用临界阻尼弹簧或精心调校的平滑缓动
不要反复弹跳或大幅弹性过冲
在搜索、专辑详情、品牌图块和缩放过程中，保持主视觉作品的身份和位置关系
使用匹配位置转场、协调缩放、遮罩揭示和透视
离场的标题必须在入场标题占据同一空间之前消失
避免文字重叠、镜头突然重置、长时间空白间隔和随意的全画面对叠溶解
将每一处超大封面和镜头运动干净地裁切到圆角舞台
不要粒子、冲击波圆环、镜头光晕、镜头晃动或无关的库存素材
</motion_quality>

<audio> 创作或选择约 120 BPM、可商业使用的电子音乐 使用干净的脉冲、温暖的贝斯、克制的旋律元素和微妙的转场点缀 将重要的入场、选择、缩放和标志揭示与音乐事件对齐 让音效比音乐更轻 不要旁白 未经许可不要使用受版权保护的商业曲目 </audio>
<implementation_and_validation>
通过一个异步 window.seek(t) 函数构建由绝对时间驱动的确定性动画
在任意顺序定位帧时，每个变换、不透明度、遮罩和 UI 状态都必须可复现
不要依赖实时计时器、累积物理或导出期间的 CSS 过渡状态

渲染真 60 fps，并带空间抗锯齿
每个输出帧使用 3–5 个时间子帧采样，以实现克制的运动模糊
保持静止文字和封面清晰锐利
检查缩略图总览和运动播放
检查快速的标题变化、封面交接、缩放、封面汇聚和最终字标间距
验证帧时间戳均匀间隔且总时长为完整 18 秒
在交付最终 MP4 和可编辑源文件之前修复视觉缺陷
</implementation_and_validation>
视频

我用 Opus 5.5 为我的活动管理网站做了这支宣传片。一切…
这段视频是一个 AI 做的 🤯 靠代码，不是靠模板。
Opus5.5 motion graphics 用 Remotion 很容易复用，所以很方便！ #AIMotionDesign
Claude Opus 5.5 完全用代码做出了这整支视频。
我忍不住又做了一次，这次是为 RedShip……
Claude Opus 5.5 刚刚为 Bridge… 制作了这支周边发布视频