主题
计时抢拍：效果演示与背景制作指南
先看效果，再把您的品牌放进画面。您提供设计好的背景，软件完成灯光切换、反应计时与成绩显示。
客户需要交付：选定主题的完整背景成品图。 选一款主题交 1 张；三款都使用，就分别交 3 张。
先看完整玩法效果
约 39 秒，依次展示赛车发车、街机闯关和像素电玩，包含抢跑重试、绿灯计时、成绩弹窗与按钮重置。视频是软件游玩效果演示，采用自动按键，片中成绩仅为示例。
| 视频位置 | 主题 | 展示内容 |
|---|---|---|
| 00:00 | 赛车发车 | 抢跑提示、重新挑战、成绩与重置 |
| 00:13 | 街机闯关 | 两轮随机等待、绿灯拍击与成绩 |
| 00:31 | 像素电玩 | 随机等待、绿灯拍击与成绩 |
怎么玩
- 按按钮开始，进入红灯等待。
- 等绿灯，立即拍下。绿灯前拍下判抢跑，提示后可以重试。
- 查看反应时间成绩。再按一下按钮重置，重置后再按一下开始新一轮。
USB 按钮通过模拟键盘按键连接电脑，也可使用空格键、回车键或鼠标点击。
| 等待模式 | 默认设置 | 可调整内容 |
|---|---|---|
| 固定时间 | 红灯到绿灯等待 3 秒 | 输入固定等待时间 |
| 随机时间 | 每轮在 2–5 秒内随机等待 | 修改最短与最长时间 |
三种主题玩法相同，分别保存各自的背景；当前不设排行榜。
您需要提供什么
一张完整的品牌背景
把 Logo、活动标题、玩法文案和装饰直接设计在背景里。背景的颜色、纹理和插画都可以重新创作。
交付前确认 Logo 和文字内容，并替换底图中的「LOGO」占位。建议保留 PSD、AI 等分层源文件，软件导入的是最终 PNG / JPG 成品。
软件自动完成的部分
红绿灯、灯具外框、计时器、状态提示及成绩弹窗，由软件自动叠加，不用画进背景。它们的位置和样式保持固定。Logo 无需单独上传。
重要内容请避开下方标出的固定区域与安全留白。
统一尺寸与格式
| 项目 | 要求 |
|---|---|
| 标准画布 | 1920 × 1080 px |
| 也支持 4K | 3840 × 2160 px；坐标与留白均乘 2 |
| 画面比例 | 横向 16:9；其他尺寸或比例无法导入 |
| 成品格式 | PNG 推荐，或 JPG / JPEG，质量建议 95% 及以上 |
| 色彩 | RGB / sRGB，8 bit |
| 背景 | 不透明，底色与纹理铺满整张画布 |
| 文件大小 | 单张不超过 32 MB |
三个主题的底图与避让模板
每套都有 1920 × 1080 纯背景 PNG 和独立的 透明辅助线 PNG / SVG，可以直接导入 Photoshop。
底图保留原有标题、玩法文字、Logo 占位和主题装饰，只去掉红绿灯和计时器。PNG 内的文字已经合并在图片中；需要修改时，先覆盖旧文字，再新建文字图层。
三套固定位置不同，请使用同一主题的配套文件，不能混用模板。
- 红框：固定控件区，不要放重要内容。
- 橙框：24 px 安全留白，Logo、文字、二维码须避开。
- 绿框：建议排版区，Logo、标题、玩法可放在这里。
红橙区域下方仍需铺满底色和纹理，不用留空。成绩弹窗会临时覆盖画面中央，由软件自动显示。
01 赛车发车
实际游戏画面
背景底图：保留文字，仅去掉红绿灯和计时器
底部黑白方格是赛车主题自带的赛道装饰，属于背景图片的一部分。
下载纯背景 PNG · 下载透明辅助线 PNG · 下载矢量辅助线 SVG
位置避让图：用于设计参考，不能当作正式背景导入
02 街机闯关
实际游戏画面
背景底图：保留文字，仅去掉红绿灯和计时器
下载纯背景 PNG · 下载透明辅助线 PNG · 下载矢量辅助线 SVG
位置避让图：用于设计参考，不能当作正式背景导入
03 像素电玩
实际游戏画面
背景底图：保留文字，仅去掉红绿灯和计时器
下载纯背景 PNG · 下载透明辅助线 PNG · 下载矢量辅助线 SVG
位置避让图：用于设计参考，不能当作正式背景导入
精确坐标与 4K 换算
以下以 1920 × 1080 为基准。左上角为原点，X 向右、Y 向下；单位为 px。橙色安全区已包含固定控件与外扩 24 px 留白，不用再外扩一次。
| 主题 | 区域 | X | Y | 宽 | 高 |
|---|---|---|---|---|---|
| 赛车发车 | 红绿灯固定区 | 519 | 218 | 887 | 234 |
| 赛车发车 | 计时器＋状态固定区 | 298 | 436 | 1333 | 339 |
| 赛车发车 | 红绿灯安全区 | 495 | 194 | 935 | 282 |
| 赛车发车 | 计时器安全区 | 274 | 412 | 1381 | 387 |
| 街机闯关 | 红绿灯固定区 | 579 | 253 | 765 | 259 |
| 街机闯关 | 计时器＋状态固定区 | 413 | 485 | 1096 | 327 |
| 街机闯关 | 红绿灯安全区 | 555 | 229 | 813 | 307 |
| 街机闯关 | 计时器安全区 | 389 | 461 | 1144 | 375 |
| 像素电玩 | 红绿灯固定区 | 504 | 245 | 912 | 220 |
| 像素电玩 | 计时器＋状态固定区 | 390 | 416 | 1140 | 331 |
| 像素电玩 | 红绿灯安全区 | 480 | 221 | 960 | 268 |
| 像素电玩 | 计时器安全区 | 366 | 392 | 1188 | 379 |
| 建议排版区（三主题共用） | X | Y | 宽 | 高 |
|---|---|---|---|---|
| Logo / 标题 | 64 | 32 | 1792 | 152 |
| 玩法 / 品牌落款 | 64 | 840 | 1792 | 180 |
制作 4K 时，表格中的 X、Y、宽、高全部乘 2，安全留白为 48 px。例如赛车红绿灯固定区从 519 / 218 / 887 / 234 变为 1038 / 436 / 1774 / 468。
建议排版区只作参考，仍以红橙避让范围为准。
在 Photoshop 中，照这五步做
1. 选主题，打开背景底图
下载对应主题的纯背景 PNG，用 Photoshop 直接打开。图片已是 1920 × 1080 px，保留标题与玩法文字，仅去掉灯和计时器。
2. 叠放透明辅助线
把同主题的辅助线 PNG 放到最上层，确认宽 1920、高 1080，左上角对齐画布并锁定。也可置入 SVG 矢量辅助线。
3. 在辅助线下方设计
纯背景放底层，辅助线放顶层，您的 Logo 和文字放在中间。重要文字、Logo、二维码须避开红橙区域，底色与纹理仍要铺满。
4. 隐藏辅助线，导出
务必隐藏全部辅助线与标注层后再导出。 导出不透明 PNG 或高质量 JPG，只保留背景本身，不要把红橙框、尺寸文字、红绿灯或计时器导出。
若制作 4K，先将画布和底图调整为 3840 × 2160，再将辅助线放大至 200% 并对齐。提供的底图为 1080p，放大或重绘时检查装饰清晰度，优先使用矢量 SVG 辅助线。
5. 按主题命名，交付
核对尺寸与内容后交付成品。建议命名：
- 赛车发车：
racing-background.png - 街机闯关：
arcade-background.png - 像素电玩：
pixel-background.png
只选一款交 1 张，三款都用交 3 张。建议保留分层设计源文件，便于后续修改。
交付前检查
- 图片尺寸为 1920 × 1080 或 3840 × 2160。
- Logo、活动标题和玩法文字已确认，LOGO 占位已替换。
- 重要内容避开红色固定区及橙色安全区。
- 底色与纹理铺满，没有透明空洞。
- 辅助线、标注文字、红绿灯和计时器未导出。
- 文件为 PNG / JPG，单张不超过 32 MB，主题命名清楚。
成品套用：在软件中按 F2 → 选择对应主题 → 导入背景 → 保存。每个主题分别保存，换背景后先检查一次完整游玩效果。
完整设计资料下载
资料包包含三套纯背景 PNG、透明辅助线 PNG / SVG、标注参考图、PDF 规范、精确坐标和 PS 制作说明。
适用于计时抢拍 v0.3.0；更新日期：2026-10-12。