3DPrompt.
GitHub
返回作品库
Claude Opus 5.5参考创作说明

Spotify 主题动态图形视频

作者分享了一份独立完整的提示词模板,用于制作一支 18 秒的 Spotify 主题动态图形影片。原帖明确将所示的动态图形设计流程归功于 Opus 5.5,并表示可以使用该模板复现这一效果。

创作者 Brain查看原始来源
Spotify 主题动态图形视频

关于此示例

根据创作者公开项目整理的起始说明,并非逐字原始提示词。实际结果可能不同。

Spotify动态图形动画音乐产品影片UI 动画60 fpsMP4专辑封面

提示词

根据以下简述,制作一支完整、精致的 Spotify 主题动态图形视频。本提示词内容独立完整:无需参考视频或外部素材。 <deliverables> 输出一支 18 秒 MP4,分辨率为 1920×1080,真实 60 fps,包含音乐和细微音效 提供完整可编辑源文件 在交付前完成动画构建、渲染、检查与优化 不要止步于分镜脚本、静帧图像或实现方案 </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” 添加圆角绿色播放按钮 协调封面移动与文字显现 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、可用于商业项目的电子音乐 使用干净的脉冲、温暖的贝斯、克制的旋律元素和细微的转场点缀 将重要的入场、选择、缩放和 Logo 显现与音乐事件对齐 音效音量低于音乐 不使用旁白 未经许可不得使用受版权保护的商业曲目 </audio> <implementation_and_validation> 通过异步 window.seek(t) 函数,以绝对时间驱动构建确定性的动画 按任意顺序跳转帧时,每个变换、不透明度、遮罩和 UI 状态都必须可复现 导出期间不得依赖实时计时器、累积物理状态或 CSS transition 状态 以真实 60 fps 渲染,并使用空间抗锯齿 每个输出帧使用 3–5 个时间子帧采样,以实现克制的运动模糊 保持静止文字和封面图清晰 检查接触表和动态回放 检查快速标题变化、封面交接、缩放、封面汇聚以及最终字标的间距 验证帧时间戳均匀分布,并确认总时长为完整 18 秒 在交付最终 MP4 和可编辑源文件前修复视觉缺陷 </implementation_and_validation>

如何使用这段提示词

01

从合适的工具开始

打开你常用的编程助手或 3D 工具。可先尝试示例所用的模型,并查看关联项目中的配置说明。

02

先选一个地方修改

替换主体、美术风格或场景,清楚描述镜头和交互。先完成简化版本,再逐项打磨细节。

03

为场景加入专属模型

需要自己的角色或道具时,用简短的物体描述或参考图制作 3D 模型,再导入项目。

预览作品归各自创作者所有。复用代码或素材前,请查看原始来源及项目许可。