原片 · Figma Slides · 0:01–0:09YouTube ↗
Motionboard 复刻

多人光标

放大的双色带名字光标在画布上移动、评论、拖动重排。

原片出处

YouTube ↗
YouTube ↗
YouTube ↗
完整配方

为什么有效

光标放大后成为画面里的角色,用两个光标的互动演出协作;评论气泡与光标同色,一眼对应到人;缩略图网格提供密度,推近后只看一小块。

参数

时长
全片 10.5s;头像 0.35、0.8、1.2、1.53、1.8s 依次弹出(每个 0.25s,间隔 0.45→0.27s);Liam 框选 1.9–2.65s;Maya 气泡 2.5s 弹出(0.3s),2.65–4.05s 以 15 字符/秒打字,4.2s 回车;推近 4.3–4.7s(0.4s,12 帧);4.8s 按下,4.95–5.75s 拖动(0.8s),让位各 0.4s,5.85s 放下;6.15s 拉回(0.6s);7.55s 点击 Present;字标 8.75s
缓动
推近 expo.out 并带 3px 模糊脉冲;拖动 power2.inOut,y 方向有 12px 弧线;头像 back.out(2.2);气泡 back.out(1.7);让位 expo.out 0.4s;按下 scale 0.86 历时 0.08s,松开 back.out(1.7) 0.22s
镜头
画布内容 4.3s 内 linear 上滚 140px(约每秒 3% 画面高),整个场景 8.7s 内 scale 1→1.04 漂移;4.3s 推近 1.4x 到幻灯片上,光标按 1/1.4 反向缩放保持屏幕尺寸;6.15s 拉回
主体
光标 46×56px(约画面高 5%),一黑 #141414(Liam Ortiz)一品红 #d81283(Maya Chen),各带名字标签;Liam 框选三张幻灯片,Maya 停在一张绿色幻灯片旁,弹出同色评论气泡并打出「Can we lead with this?」,随后把第 12 张向左拖两列到第 10 位,第 11、10 张向右让一列;放下那一帧幻灯片编号和左侧列表同步更新;Maya 随后点击 Present,该幻灯片全屏打开
同步
回车那一帧气泡头部从「typing…」变成「Just now」;推近比回车晚 0.1s;推近开始 0.5s 后开始拖动;放下帧(5.85s)幻灯片编号和左侧列表顺序同时变化
风格
白色窗口,#fafafa 画布上是 33 页路演幻灯片,荧光绿、黄、橙、墨绿;光标带白描边和柔和阴影

提示词

用「多人光标(Multiplayer Cursors)」演示协作:白色编辑器窗口里是 33 页缩略图网格,4.3s 内 linear 上滚 140px,顶部栏的头像逐个弹出(back.out(2.2),间隔从 0.45s 缩到 0.27s)。两个带名字的光标尺寸 46×56px(约画面高 5%),Liam 黑色、Maya 品红,在画布上移动:Liam 从 1.9s 起框选三张幻灯片,Maya 2.45s 起停在一张绿色幻灯片旁,弹出同色评论气泡(back.out(1.7)),以 15 字符/秒打字。4.2s 回车后,画面用 0.4s、expo.out 推近 1.4x,光标反向缩放保持屏幕尺寸。Maya 4.8s 按下,用 0.8s、power2.inOut 把幻灯片向左拖两列到第 10 位,另外两张缩略图用 expo.out 在 0.4s 内让出一列,放下那一帧编号同步更新。6.15s 拉回,7.55s 点击 Present 让该幻灯片全屏打开,8.75s 落上你的字标,两个光标汇合在字标上。光标路径带停顿。

常见说法

  • 好几个人同时在画布上操作
  • 带名字的彩色光标到处移动
  • 协作评论和拖动排序

容易混淆

  • 控件驱动控件驱动是单个控件改变结果;本条多个光标在画布上并行活动
  • 焦点跳格焦点跳格里光标只引导一个高亮块;本条光标本身是角色,执行评论和拖动
配方文件 (.md)

更多「讲功能」