实物推进聚焦亮出产品
字物穿插
文字和实物在深度上互相穿插：文字出现在产品后面，设备插入句子中间，或文字穿过实物变成另一种文字。
原片出处
完整配方
为什么有效
文字放在产品后面一层，产品压住字标约 1/3，形成前后两层空间；句子在中间断开，设备成为句子的一部分，视线从左词经屏幕到右词；翻译用遮挡关系表达，词进去是黑色原文，出来是渐变色译文，画面里没有箭头。
参数
- 时长
- 全片 11s，3.2s 和 7.8s 硬切。字标升起场景 0–3.2s：产品 0–1.15s 亮起，0.9–2.7s 字标升起（1.8s，54 帧）。穿过场景 3.2–7.8s：原文滑入 1.0s（30 帧；3.75–4.75s 和 5.85–6.85s），译文冒出 0.4s（12 帧；4.75–5.15s 和 6.85–7.25s）。夹入场景 7.8–11.0s：设备 8.55–9.05s 落入（0.5s，15 帧），光环 9.05–9.65s 亮起（0.6s，18 帧）
- 缓动
- 字标升起、设备落入、译文冒出和收尾字标
cubic-bezier(0.16,1,0.3,1)（expo.out）；原文滑入linear；产品打光 power2.inOut；词亮起 power2.out，光环亮起 power2.inOut - 镜头
- 固定透视相机，fov 20°，距离 34 单位，中近景。字标升起时机壳顶边从 350px 下沉到 515px（165px，约 15% 画面高），字标同时上升 255px；缓慢漂移：第一场景机壳 scale +2.5%，第二场景耳机 scale +2%
- 主体
- 分层顺序：背层文字，中层 3D 产品，前层文字。穿过场景里译文被裁切成从耳机出声口（x 1060px）开始，原文越过 x 820px 即被遮住；夹入场景里句子分左右两组词，中间留 400px（一台耳机宽度）的缺口，左词先亮（8.05s），右词后亮（8.3s）
- 同步
- 光环在两组词都亮起、设备落入之后（9.05s）才点亮；译文从耳机出声口（出口位置 1060px、580px）冒出，语种标签晚 0.12s 出现
- 风格
- 第一和最后一个场景纯黑背景，中间场景浅灰
#f5f5f7；字标竖向渐变#ff5a0a→#ff7a26→#ffb27a→#ffd2ad（Archivo Black 340px），译文渐变#4b2dff→#9b33ff→#ff2f8a（background-clip: text），句子词#5e5e63亮起到#f5f5f7
提示词
用「字物穿插（Text–Object Interleave）」做文字和产品的前后穿插，整段 11 秒，三个场景，3.2 秒和 7.8 秒硬切。分三层：最下层文字，中层你的 3D 产品（固定透视相机，fov 20°，距离 34 单位），最上层文字。场景一（黑场）：机壳先亮起（轮廓光 0–0.45s，主光 0.25–1.15s），0.9 到 2.7 秒用 expo.out（cubic-bezier(0.16,1,0.3,1)）下沉 165px（约 15% 画面高），同时竖向橙色渐变（#ff5a0a 到 #ffd2ad）的大字标从机壳顶边背后上升 255px，底部被裁切。场景二（浅灰 #f5f5f7）：耳机特写，出声口固定在画面上；原文匀速（linear）滑进耳机 1.0 秒后被遮住，随后 0.4 秒内译文用 expo.out 从出声口冒出，紫粉渐变（#4b2dff 到 #ff2f8a，background-clip: text）；做两轮（3.75–5.15 秒和 5.85–7.25 秒）。场景三（黑场）：句子分成左右两组词，中间留 400px（一台耳机宽度）的缺口；左词先亮（8.05 秒），右词晚 0.25 秒；耳机从上方用 expo.out 落入缺口 0.5 秒（8.55–9.05 秒），随后光环亮起 0.6 秒（9.05–9.65 秒），字标用 expo.out 落定。用 HTML 分层 + GSAP，叠在 Three.js 画布上。
常见说法
- 文字在产品后面升起来
- 手机从上面滑进两段文字中间
- 文字从耳机里穿过去变成另一种语言
容易混淆
更多「亮出产品」
