旋转落定收尾
收束成标
片尾把多个元素收拢、压缩成一个图标或 logo，位置始终在画面中心。
原片出处
完整配方
为什么有效
先慢漂再快收，速度对比给出明确的结束点；从具体产品逐步去掉细节变成几何，再变成品牌标，形状和位置始终在画面中心不跳；片尾手法与开场一致时首尾闭合。
参数
- 时长
- 全片 10.6s。工作区演示 0–6.2s；从 5.0s 起各元素向下漂移（1.2–1.5s，约 4–5% 画面高）；6.2s 起汇聚：每个元素在 6.2s 后 0–0.55s 开始，各用 0.65–0.95s（20–29 帧）；界面外框 6.2–6.7s 退出，壁纸 6.4–7.4s 洗成白色；标在 7.32s 落成，落定 0.65s（20 帧）；字标 8.05–9.3s 拉出，标语 8.9–9.7s，停到 10.6s
- 缓动
- 漂移
linear；汇聚位移一个轴用cubic-bezier(0.32,0,0.67,0)（power3.in，越近越快），另一个轴用 power2.in，路径因此带弧度；缩放 power2.in，旋转 power1.in，最后 35% 时间内淡出 power1.in；标落成 back.out(2.1)；字标和标语cubic-bezier(0.16,1,0.3,1)（expo.out） - 镜头
- 画幅固定，目标图标位于画面中心 (960, 540)。0–6.2s 线性慢推 1.00→1.035（x −14px，y −6px），6.2–7.1s 用 power2.inOut 回到 1.0；落标后 lockup 从 7.6s 起用 3.0s 线性推近 1.00→1.04
- 主体
- 17 个元素先向下漂移，再汇聚到中心：4 个窗口、计时器、通知、画中画、命令面板、2 个协作者光标和 7 个 Dock 图标；它们缩到 0.07–0.4，旋转 6–30°，在最后 35% 时间内淡出；Dock 里的 Tessel 图标以原大小飞到中心，200px 的标在同一大小接手，最后只剩这个标
- 风格
- 浅色底
#f5f5f7上叠柔和壁纸（桃、粉、蓝、淡紫），随后洗成白色；白色窗口 12px 圆角带柔和紫色阴影；靛蓝强调色#5b5bf0（图标渐变#8a8cff→#3d31d6），四个白色方块加一个琥珀色方块；淡紫色暗角
提示词
用「收束成标（Converge to Mark）」做片尾，整段 10.6 秒。在浅色 #f5f5f7 底和柔和壁纸上搭一个产品工作区：4 个白色窗口、计时器、通知、画中画、命令面板、2 个协作者光标，以及一排 7 个应用图标的 Dock，你的图标在中间；先做 6.2 秒的简短演示，配线性慢推（scale 1.00→1.035）。5.0 秒起所有元素匀速向下漂移（每秒 34px）。6.2 秒时菜单栏和 Dock 底板用 0.5 秒退出，壁纸用 1.0 秒洗成白色，所有元素飞向画面中心 (960, 540)：每个在 6.2 秒后 0–0.55 秒开始，各用 0.65–0.95 秒，一个轴用 power3.in，另一个轴用 power2.in，缩到 0.07–0.4（窗口 0.07–0.09），旋转 6–30°，最后 35% 时间内淡出。你产品的 Dock 图标以原大小飞到中心，7.32 秒时 200px 的大图标在同一大小接手，用 back.out(2.1) 落成 0.65 秒，背后带一圈光晕。8.05 秒图标向左滑，字标从它身后用 expo.out（cubic-bezier(0.16,1,0.3,1)）拉出 1.25 秒，blur 10px→0，8.9 秒淡入标语；lockup 推近 4%，停到 10.6 秒。用 HTML/SVG + GSAP 实现。
常见说法
- 最后所有东西缩成一个图标
- 散开的图标一起飞到中间变成 logo
- 文字缩成一个光点再变成标志
容易混淆
更多「收尾」
