原片 · Cursor 1.0 · 1:53–2:00YouTube ↗
Motionboard 复刻

旋转落定

物体在缓出旋转中停下,停止那一帧的角度正好是 logo 轮廓或产品的主视角。

原片出处

YouTube ↗
YouTube ↗
YouTube ↗
完整配方

为什么有效

旋转结束的那一帧就是 logo,过程交代平面标志的三维来源;转速逐渐降低,最后 0.8s 几乎在慢速逼近目标;材质只用三档灰、平面光,角度读得清楚。

参数

时长
全片 10s。旋转 0.2–2.7s(2.5s,75 帧):共 1.62 圈,前 1s 约 1.5 圈;淡入 0.2–0.42s;静止保持 2.7–5.0s(2.3s,69 帧)。5.0s 硬切到碎片拼合镜头:三块板从 5.14s 起飞入,每块 0.8s(24 帧),错开 0.08s;落标 6.55–7.45s(0.9s,27 帧);停到 10s
缓动
cubic-bezier(0.16,1,0.3,1)(expo.out,归一化到恰好在 1 结束),无回弹;旋转角度 = 1.62 圈 ×(1 − 缓动进度),倾斜四元数在同一条曲线上 slerp 到单位姿态;飞入和落标 expo.out;淡入 smoothstep
镜头
固定正交相机,物体居中;六边形轮廓高度按旋转曲线从 324px 放大到 432px(画面高 30%→40%)。第二个镜头里拼好的标高 300px,随后缩到 150px 并向左让位给字标
主体
一个切成三层的立方体(层间缝 0.05 倍边长)绕倾斜的视图空间轴 (0.62, 0.74, 0.26) 翻转;终点姿态为等轴测(rotX 35.264°,rotY −45°),顶点朝向镜头,轮廓是与 logo 对齐的六边形。三块板沿视线对角方向错位,到终点角度才对齐成一体;停下时倒角和面渐变淡出。碎片镜头里三块板分别从左下、右侧、上方入画,旋转 1.35–1.5 rad,scale 1.25–1.3x→1x
风格
近黑背景 #0b0b0c,三个面用三档平面灰(顶面 #ecebe7,最暗 #5c5b58,左面居中),无高光;180° 快门运动模糊(子帧累加);字标 Inter 600、103px、#ecebe7

提示词

用「旋转落定(Rotate to Lockup)」做 logo 收尾。近黑底(#0b0b0c),固定正交相机。画面中央 0.2–0.42 秒淡入一个切成三层的立方体(层间缝为边长的 5%),绕斜轴翻转 1.62 圈:用 expo.out(cubic-bezier(0.16,1,0.3,1))共 2.5 秒(0.2–2.7 秒),前 1 秒完成约 1.5 圈,转速逐渐降低,六边形轮廓从画面高 30% 放大到 40%(324px 到 432px)。最后一圈落在等轴测姿态(rotX 35.264°,rotY −45°),某个顶点朝向镜头,正好对齐你的 logo 轮廓;三块板沿视线对角方向错位,直到这个终点角度才对齐。停住 2.3 秒,无回弹。三个面只用三档平面灰(顶面 #ecebe7,最暗 #5c5b58,左面居中),无高光,倒角和渐变只在运动时出现,加 180° 快门运动模糊。5.0 秒切第二个镜头:三块板从 5.14 秒起从画外飞入,每块 expo.out 0.8 秒,错开 0.08 秒,旋转归位并从 1.3 倍缩到 1 倍,拼成 300px 的标。6.55 秒标缩到 150px 并向左让位 0.9 秒(expo.out),字标从它身后被揭开(裁切边跟随标,x −36px→0)。停到 10 秒。用 Three.js 实现:正交相机,自定义平面着色材质,旋转用绕视图空间轴的角度加一个从倾斜四元数出发的 slerp。

常见说法

  • 立方体转着转着变成 logo
  • 东西转一转停在正好的角度
  • 碎片飞过来拼成一个圆环

容易混淆

  • 收束成标旋转落定是同一个物体转到目标角度;收束成标是多个元素收拢压缩成一个图标
  • 描边显形描边显形先线后实;旋转落定整个过程材质不变,只改变朝向
配方文件 (.md)

更多「收尾」