# Keystroke: 键盘快捷键叠加层

每个快捷键都有 3D 键帽升起，按真实顺序按下并按住修饰键，然后弹回并离开。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/keystroke

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-keystroke.mp4?v=90da95af14

画面底部的实体键帽按正确顺序按下每个快捷键，按下时亮起，之后弹回原位。

- 框架: Remotion
- 类别: 特效
- 时长: 6 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/keystroke

米白色键帽在浅灰色画面底部升起并按下 ⌘K：先按下 ⌘ 键，按住的同时轻点 K，按下期间键面字符变为蓝色，随后键帽弹回。接着依次按下 G 和 I，最后是 ⇧⌘P，每出现一个新快捷键，前一个就向后退并变暗。短暂停留后键帽离开。动画时长约六秒。

您可以在 Mac 符号和 Windows 按键名称之间切换，选择浅色或深色主题，修改强调色、键帽大小、最后一个按键后的停留时间和整排的位置，以及播放速度和背景。适用于软件教程、以键盘操作为主的产品演示、效率技巧和开发者工具录屏。

## 适用场景

- 软件教程
- 键盘优先的产品演示
- 效率技巧
- 开发者工具录屏

## 可修改的内容

- `speed`: 播放速度 (数字)
- `platform`: 平台 (文本)
- `theme`: 主题 (文本)
- `accent`: 强调色 (颜色)
- `size`: 键帽大小 (数字)
- `linger`: 最后按键后停留（帧） (数字)
- `x`: 水平位置 (数字)
- `y`: 垂直位置 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Keystroke 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Keystroke 制作: https://remocn.dev