原片 · Apple iPhone 17 Pro · 0:00–0:04YouTube ↗
Motionboard 复刻

暗场显影

产品从全黑中靠提高曝光逐步显出,镜头只有极轻的推近,片尾同镜头反向熄灭。

原片出处

YouTube ↗
YouTube ↗
YouTube ↗
YouTube ↗
完整配方

为什么有效

亮起全靠光线推进,没有淡入叠化;镜头孔、闪光灯、边缘反光依次出现,不同材质(银、橙、深蓝)的反光差异在亮起过程中逐个显出。开场亮起、片尾熄灭用同一个机位,整片首尾闭合。

参数

时长
全片 11s。轮廓光 0.0–0.4s 亮起;亮起 0.4–1.6s(1.2s,36 帧);保持并慢推 1.6–4.4s(2.8s,84 帧)。4.4s 切到三色机型:每台亮起 1.5s(45 帧),从最左一台起错开 0.1s,4.55s 开始;7.0s 切回单台;反向熄灭 7.35–8.55s(1.2s,36 帧),轮廓光 8.55–8.9s 熄灭;字标 8.78–9.58s 出现,停到 11s
缓动
亮起与熄灭 cubic-bezier(0.65,0,0.35,1)(power2.inOut);轮廓光和保持阶段的推近用 sine.inOut;三色亮起 cubic-bezier(0.16,1,0.3,1)(expo.out);字标 power2.out
镜头
透视相机 fov 24°。单台镜头:从略偏上方对准摄像头模组特写,距离 13 单位,保持阶段推近 scale 1.00→1.03,无景深变化。三色镜头:正面机位,距离 47 单位,4.4–7.0s 线性推近 1.00→1.015
主体
Three.js 3D 手机,全程不位移。曝光从 3.5% 抬到 100%,同一条 power2.inOut 曲线按材质依次生效:镜头玻璃和光学件占曲线的 0–0.55,闪光灯 0.18–0.72,金属边框和摄像头模组 0.30–0.95,背面玻璃 0.45–1.0。三色机型从左到右依次为银、橙、蓝,间距 8.7 单位
风格
纯黑背景。轮廓光层:右后上方一条硬条形灯,擦过顶边和右边。主光层:左上方大柔光箱加右侧一条硬条形灯。ACES 色调映射,曝光 1.25,辉光,暗角 0.28,颗粒 0.022;字标 Inter 600、76px、#ecebe8,模糊 6px→0

提示词

用「暗场显影(Light Reveal)」做一个产品开场。纯黑背景,一台手机,镜头从略偏上方对准摄像头模组特写(fov 24°,距离 13 单位)。分两层光渲染再相加:轮廓光层(右后上方一条硬条形灯,擦过顶边和右边)0–0.4s 淡入;主光层(左上方大柔光箱加右侧一条硬条形灯)起始 3.5%,1.2 秒内(0.4–1.6s)用 power2.inOut(cubic-bezier(0.65,0,0.35,1))抬到 100%。这一条曲线按材质分级生效:摄像头镜片先亮,然后闪光灯,再到金属边框和摄像头模组,背面玻璃最后,没有淡入叠化。之后保持 2.8 秒(1.6–4.4s)并缓慢推近 3%(scale 1.00→1.03,sine.inOut),手机不位移。4.4s 切到正面机位的三色机型(银、橙、蓝,间距 8.7 单位);从 4.55s 起每台用 expo.out(cubic-bezier(0.16,1,0.3,1))亮起 1.5 秒,从最左一台起每台错开 0.1 秒,镜头线性推近 1.5%。7.0s 切回单台,主光层反向熄灭 1.2 秒(7.35–8.55s),随后轮廓光 8.55–8.9s 熄灭。字标 8.78–9.58s 淡入(power2.out,模糊 6px→0,y 8px→0),停到 11s。ACES 色调映射,加辉光、暗角 0.28 和颗粒 0.022,不加景深。用 Three.js(MeshPhysicalMaterial,逐材质 envMapIntensity)由可 seek 的时间函数驱动,字标用 GSAP。

常见说法

  • 产品从黑暗里被灯光照亮
  • 黑场里慢慢亮起来
  • 三个颜色的手机一起亮起来

容易混淆

  • 旋转落定暗场显影主体不动、只变光;旋转落定靠物体转动到目标角度
  • 透视叠化透视叠化切换的是内部层与外壳层,暗场显影只调曝光
配方文件 (.md)

更多「开场」