原片 · Apple iOS 26 Liquid Glass · 1:44–1:48YouTube ↗
Motionboard 复刻

玻璃水滴分离

玻璃片拉长成水滴,颈部收细断开,留下一颗圆珠;同类形式是色散玻璃环向中心收束。

原片出处

YouTube ↗
YouTube ↗
完整配方

为什么有效

全黑背景只靠玻璃边缘一条高光勾出形状,没有填色和投影。拉伸与断开符合表面张力,断开瞬间圆珠有约 5% 的回弹,这颗圆珠成为后续按钮的原型;环形版把环外的尖峰与环内的安静文字分开,图形本身说明降噪。

参数

时长
全片 10s。玻璃片弧线滑动 0–1.2s,立起拉伸 1.2–2.2s,颈部 2.12–2.41s 收细并在 2.41s 断开,圆珠悬停 2.45–3.45s,圆珠张开成环 3.45–3.75s,环收束 3.75–4.55s,落定抖动 4.55–6.75s,环收成 logo 圆珠 6.75–7.35s,字标 7.42s、副标 7.8s 出现并停到 10s
缓动
拉伸和旋转 cubic-bezier(0.65,0,0.35,1);断开回弹 cubic-bezier(0.34,1.56,0.64,1),持续 0.5s;环收束 cubic-bezier(0.16,1,0.3,1),持续 0.8s;环收成圆珠 cubic-bezier(0.65,0,0.35,1),持续 0.6s;字标和副标 expo.out(0.9s、0.8s)
镜头
透视镜头(15 度视野)在 0–1.2s 沿弧线从 101.5 度转到 90 度,半径 1500,缓动曲线 1-(1-t)^1.6,同时后退 200 单位,之后固定,直到 7.35–10s 做 3% 的 sine.inOut 推近
主体
一块薄玻璃片(厚度为宽度的 0.085)沿弧线滑动,同时绕长轴从 54 度、滚转 -68 度旋转到 0 度立起,厚度增到 0.5,整体缩放 1 到 1.3。下端拉长成水滴(下端半径 150 到 270,尖端下探到 -700),颈部半径从 18 收细到 1.6,在 2.41s 断开并闪光;下半身坠落,圆珠(半径从 150 缩到 70,位于画面中心下方约 54px)膨胀 5% 并纵向回弹 8%。3.45s 圆珠张开成环,环半径从 1000 收到 350、管径从 120 收到 34,以 5.5Hz 抖动 5px,长出最多 18 根 90–240px 的尖刺,随后收成中心偏左 310px 的 86px logo 圆珠
风格
背景 #04060b,玻璃后方有深蓝径向光池、带十字标记的淡网格和十张模糊通知卡(3.45s 淡入);Focus 文案 4.35–4.95s。光线步进玻璃,折射率 1.47,RGB 分离 0.016 在环上增长到 0.12,只有边缘高光,无填色、无投影,30% 暗角。字标 Inter 600 180px,字距 -0.035em,#eef1f7;副标 Inter 400 28px #8790a3

提示词

用「玻璃水滴分离(Glass Droplet Split)」做一段抽象图形,全片 10s。背景 #04060b,带深蓝径向光池、淡网格,以及在 3.45s 淡入玻璃后方的十张模糊通知卡。玻璃用光线步进渲染(折射率 1.47,RGB 分离 0.016),只靠边缘高光勾形,无填色、无投影。一块薄玻璃片沿弧线滑动 1.2s,同时透视镜头从 101.5 度转到 90 度并后退 200 单位(缓动 1-(1-t)^1.6),然后在 1.2–2.2s 内用 cubic-bezier(0.65,0,0.35,1) 从倾斜 54 度、滚转 -68 度旋转到 0 度立起,同时变厚并放大 1.3 倍。下端拉长成水滴,颈部从 2.12s 起半径由 18 收细到 1.6,在 2.41s 断开并闪光;下半身坠落,圆珠膨胀 5% 并用 cubic-bezier(0.34,1.56,0.64,1) 在 0.5s 内纵向回弹 8%,随后悬停在中心偏下到 3.45s。圆珠在 3.45–3.75s 张开成环,环用 0.8s cubic-bezier(0.16,1,0.3,1) 从半径 1000 收到 350,同时 RGB 分离升到 0.12、边缘出现彩虹色,之后以 5.5Hz 抖动 5px 并长出最多 18 根尖刺,持续到 6.75s,再用 0.6s 收成中心偏左 310px 的 logo 圆珠。字标在 7.42s 淡入(模糊 10px 到 0,x 从 -18 到 0,0.9s expo.out),副标 7.8s 跟入,镜头在 7.35–10s 用 sine.inOut 推近 3%。

常见说法

  • 玻璃片拉长变成水滴然后断开
  • 一滴玻璃从大块上分离出来
  • 彩虹边的圆环往中间收拢

容易混淆

  • 玻璃透镜玻璃透镜强调折射内容;水滴分离强调玻璃自身的拉伸与断开
  • 分叉生长分叉生长是从一个点向外长出多层结构;水滴分离是一个形体分出一颗圆珠
配方文件 (.md)

更多「衔接」