Motionboard
原片 · Linear 发布片 · 0:00–0:04YouTube ↗
Motionboard 复刻

符号展开字标

logo 符号居中，字标从符号背后或中心向两侧展开，可带乱码定格。

原片出处

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

为什么有效

符号和名字绑成一个动作：字标从符号背后被拉出，或符号原地不动、其他字母围着它长出来。乱码只出现在新加入的那一位，其余字母保持稳定；开头和结尾可以用同一套动作，一黑一白。

参数

时长
全片 9.4s：产品窗口镜头 0–3.6s（漂移 0–2.6s，推近 2.6–3.6s）；3.6s 标志交接；强调色半圆 3.75–4.05s 后仰、4.15–5.05s 回位；标志左移并展开字标 4.15–5.45s（1.3s），字母 4.2s 起错开 0.08s（每个 1.25s）；标语 6.3s（0.8s）；3.6–9.4s 缓慢推近
缓动
展开与推近 cubic-bezier(0.16,1,0.3,1)（expo.out）；标志 x 322→0 移动，同时 clip-path 左边缘 250px→−72px 滑动；字母 blur 12px→0、opacity 0→1（0.4s power1.out）；强调色半圆 rotation 0→−20° 用 power2.out 0.3s，再用 back.out(2.2) 0.9s 回位
镜头
产品窗口斜放（perspective 1600px）：rotationY 9°→5.5°，rotationX −5°→−3°，rotation −1.4°→−0.7°，scale 1.06→1.16，2.6s linear；随后 1.0s expo.out 推近到约 12.6x（328/26），倾斜归零，把侧栏标志推到画面中心；字标定格后 5.8s 内 scale 1→1.05 缓推
主体
第一镜：问题追踪窗口（3 个分组，17 行以 0.022s 错开淡入，分组标题 0.12s 错开），选中高亮在 1.15s 和 1.95s 下移，1.4–2.3s 弹出「链接已复制」toast，窗口里的工作区标志是 26×16.5px 的标志。第二镜：这枚标志放大为 328×208px（两个四分之一圆，墨色和强调色）向左滑 322px，4 个字母的字标（286px，字重 600）从它背后逐字露出
同步
窗口里的标志与矢量标志在 3.6s 同一帧、同尺寸同位置交接；clip 边缘跟随标志右缘；字母比标志开始移动晚 0.05s 起步；界面在推近开始的 0.4s 内淡出
风格
暖浅色 #efece4 底，字标墨色 #14130f，标志一半用强调色 #ff4a1f；标语用 22px 等宽字，字距 0.26em；柔和暗角

提示词

用「符号展开字标（Mark-to-Wordmark Unfold）」做品牌收尾：先放一个产品窗口（问题列表），在 1600px perspective 里斜放（rotationY 9 到 5.5 度，rotationX −5 到 −3，scale 1.06 到 1.16，2.6s linear），然后用 1.0s、expo.out 推近约 12.6x，对准侧栏里的小标志，倾斜归零、界面淡出，标志以 328px 铺在暖浅色背景（#efece4）上。同一帧交接成由两个四分之一圆（墨色和橙色）组成的矢量标志。橙色半圆用 0.3s 向后仰 −20 度，再用 back.out(2.2) 回位。随后标志用 1.3s、expo.out 向左滑 322px，四个字母的字标由跟随标志右缘的 clip-path 边缘露出，每个字母从标志背后滑出，间隔 0.08 秒，用 1.25s 从 blur 12px 变清晰。6.3s 淡入一行等宽标语，停稳阶段保持 scale 1 到 1.05 的缓慢推近。

常见说法

  • logo 先出现然后长出品牌名
  • 符号往旁边挪，名字从后面拉出来
  • 名字从中间向两边一个个字母冒出来

容易混淆

  • 色散拉伸色散拉伸是字标自身局部变形并带 RGB 重影；符号展开字标是符号与字标之间的出现顺序
  • 遮挡与闪白遮挡与闪白是场景之间的转场；符号展开字标结束后常接闪白
配方文件 (.md)

更多「收尾」