实物推进聚焦亮出产品
微距拉出
镜头贴着局部超近距离慢移，最后一次后拉把整机或整页交代出来。
原片出处
完整配方
为什么有效
观众先在微距里认识材质和纹理，再在拉出时看到这些细节在整体中的位置；景深很浅，只有焦平面一条带清晰，平面 UI 因此像实物；拉出段前快后慢，落在整机上很稳。
参数
- 时长
- 全片 10.5s。三个微距子镜头：图表 0–1.7s（51 帧）、部署行 1.7–3.3s（48 帧）、主按钮 3.3–4.8s（45 帧）；拉出 4.8–6.0s（1.2s，36 帧）；余漂 6.0–8.4s；焦点虚出并带出字标 7.9–8.75s，停到 10.5s
- 缓动
- 微距漂移
linear；拉出cubic-bezier(0.16,1,0.3,1)（expo.out）；余漂linear；每次切镜后焦带用 power2.out 在 0.5s 内回到中心；字标透明度 power2.out 0.5s，scale 1.06→1 与 blur 10px→0 用 expo.out 0.8s - 镜头
- CSS 3D，
perspective2000px，窗口倾斜rotateX25–26°、rotateZ−3° 到 −4°。微距 scale 依次为 4.2x、4.2x、4.0x；平移依次为窗口坐标 75、80、60px（屏幕 315、336、240px），约每秒 8–11% 画面宽。拉出 scale 4.0x→1x，rotateX 25°→11°，终点窗口占画面宽 80%。余漂 scale 1.00→1.03，rotateX 11°→9.5°，rotateY −1°→−4° - 主体
- 1536×880 的仪表盘窗口，用 DOM/SVG 重建；窗口不动，只有镜头移动。拉出起点是最后一个微距子镜头所拍的主按钮。微距阶段叠一层像素网格，4.8–5.15s 淡出
- 风格
- 近黑背景
#050506，左上方掠射光（左上角径向渐变rgba(150,170,210,0.13)加 118° 反光带），景深用四份同一场景叠加，模糊 0、2.6、6、11px，外加倾斜焦带（半宽 100–125px），颗粒透明度 7.5%、每 3 帧重抽一次，暗角到 62% 黑
提示词
用「微距拉出（Macro Pull-out Reveal）」做一个产品展示镜头。总长 10.5 秒。用 DOM/SVG 重建一个 1536×880 的仪表盘窗口，放进 CSS 3D 倾斜（perspective 2000px，rotateX 25°，rotateZ −3° 到 −4°），背景近黑 #050506，左上方一束掠射光。前 4.8 秒镜头以 4.0–4.2x 的 scale 做三个线性微距子镜头，每秒平移约 8–11% 画面宽：图表曲线（0–1.7s）、表格一行（1.7–3.3s）、主按钮（3.3–4.8s）。景深很浅：叠四份同一场景，模糊 0、2.6、6、11px，用画面中间一条约 200–250px 宽的倾斜焦带做蒙版，每次切镜后焦带用 power2.out 在 0.5 秒内回到中心；再叠像素网格和颗粒。4.8 到 6.0 秒用 expo.out（cubic-bezier(0.16,1,0.3,1)）向后拉出，scale 从 4.0x 到 1x，倾斜放松到 rotateX 11°，焦带加宽到 560px，直到窗口占画面约 80%。之后线性余漂 2.4 秒（scale 1.00→1.03）。7.9–8.75 秒焦点从窗口虚出，带入字标（scale 1.06→1 与 blur 10px→0，expo.out 0.8 秒），停到 10.5 秒。主体不动，只有镜头移动。
常见说法
- 先贴得很近拍局部，最后拉出整个产品
- 镜头从细节慢慢拉远看到全貌
- 特写之后一下子拉出整页
容易混淆
更多「亮出产品」
