原片 · Apple AirPods Pro 3 · 0:19–0:22YouTube ↗
Motionboard 复刻

吐出排列

配件从主体里逐个滑出排成一行,文案逐词同步出现,停留后对称收回。

完整配方

为什么有效

文案的词数和配件个数一一对应,正放和倒放对称,成为可逆的动作;配件尺寸从大到小递减,行内产生透视感;整行没有辅助线或标注。

参数

时长
全片 10.5s,三个镜头(A 0–3.9s、B 3.9–7.6s、收尾 C 7.6–10.5s),两轮吐出。每轮:展开 0.9s(27 帧)+ 停留 1.1s(33 帧)+ 收回 0.9s(27 帧);第一轮 0.5–1.4s 展开、2.5–3.4s 收回,第二轮 4.3–5.2s 展开、6.3–7.2s 收回。每个配件间隔 0.15s(约 5 帧),单个滑出 0.3s(9 帧)
缓动
滑出 cubic-bezier(0.16,1,0.3,1)(expo.out);收回是展开的精确时间镜像;镜头推近 sine.inOut;字标和副标 expo.out
镜头
透视相机,A、C 镜头为锁定侧视(fov 13°),用镜头偏移让底座在左、一排配件在中偏右;B 镜头是从左侧的三四分之三视角(fov 23°),一排配件向纵深后退;每个镜头推近 3%(scale 1.00→1.03);运动模糊用 14 个子帧、180° 快门
主体
5 个电源适配器(140W、96W、70W、35W、20W)从底座右侧面向右滑出,排成一行,尺寸从大到小,间距 0.42 单位;最小的先出发、走得最远,最大的最后出发;收回时按镜像顺序从右往左进入底座
同步
每个配件开始滑出 0.1s 后,文案多出一个词,词直接出现不淡入(5 个词对应 5 个配件);收回时按相反顺序每隔 0.15s 删除一个词
风格
浅灰白底 #f4f4f6,哑光白色产品(#f4f4f3,roughness 0.62),大面积柔和顶部灯箱加宽幅正面补光,隐形地面上的柔和接触阴影;不加色调映射;深灰文字 #1d1d1f(文案 50px,字标 156px)

提示词

用「吐出排列(Dispense Line-up)」做配件展示,整段 10.5 秒。浅灰白底(#f4f4f6),一台哑光白色充电底座,锁定侧视机位(fov 13°,用镜头偏移让底座在左、一排配件在中偏右)。5 个电源适配器(140W、96W、70W、35W、20W)从底座右侧面向右滑出,排成一行,尺寸从大到小:最小的先出发、走得最远,后一个晚 0.15 秒出发,单个滑出 0.3 秒,用 expo.out(cubic-bezier(0.16,1,0.3,1)),总共 0.9 秒。每个配件开始移动 0.1 秒后,下方文案多出一个词,词直接出现无淡入,词数与配件数一致。停留 1.1 秒后按精确的时间镜像收回,耗时 0.9 秒:配件从右往左回到底座,文案按相反顺序逐词删除。做两轮(0.5 秒和 4.3 秒开始),第二轮换一句文案,镜头切到左侧三四分之三视角(fov 23°),最后回到侧视,7.75 秒字标淡入(expo.out,blur 10px→0)。每个镜头用 sine.inOut 推近 3%。柔和顶光,柔和接触阴影,运动部分加 14 子帧运动模糊。3D 由时间函数驱动,使收回成为镜像,GSAP 只负责文案词和字标。

常见说法

  • 配件从产品里一个个出来排成一排
  • 一边出来一边冒出文字
  • 再一个个收回去

容易混淆

  • 字物穿插字物穿插是文字与实物的前后遮挡;吐出排列的文案只与配件个数同步
  • 收束成标收束成标把多个元素收拢成一个图标;吐出排列的收回回到原主体,不变成新形状
配方文件 (.md)

更多「讲功能」