主题
入画大屏素材页面设计说明
这篇写给做场景素材的设计师：一套入画大屏场景要准备哪几样图，每样图做多大、什么格式、起什么作用。照着做，交过来就能直接用。
下载示例素材，照着做最快
下载入画大屏素材示例 · 沙漠场景（ZIP，约 33 MB）
里面是软件自带「沙漠场景」用到的全部素材，按本文的 A、B、C… 编号分好文件夹，还附了每类素材的尺寸标注图，可以照着做。解压后共 27 个文件，文件夹和素材保留中文名称。
做好的效果是这样的：
一、先看懂：画面是一层层叠起来的
画面不是一整张图，而是很多张透明图按远近叠起来，像舞台上的布景片。现场来宾的照片会自动站到沙丘后面，下半身被沙丘挡住，看起来就像站在景里。
这是示意图
为了看清层次，图里把前后间距拉大了，最远处的远景插画和云也省略了。
二、一套场景要交哪些素材
| 编号 | 素材 | 数量 | 必须吗 |
|---|---|---|---|
| A | 远景背景图 | 1 张 | 必须 |
| B | 站人景片 | 固定 4 张 | 必须 |
| C | 装饰图 | 不限 | 建议有 |
| D | 动图 GIF | 不限 | 可选 |
| E | 3D 模型 | 不限 | 可选 |
| F | 背景音乐 | 1 首 | 可选 |
| G | 上屏小元素 | 最多 24 个 | 可选 |
| H | 画轴纸面图案 | 1 张 | 可选 |
拆开来看，沙漠场景就是下面这些图（棋盘格表示透明）：
三条通用规则
- 横屏 16:9：整个场景按 2048 × 1152 像素的画面来设计。大屏是竖屏或超宽屏的，先联系我们确认比例。
- 不用做得更大：单张图最长边超过 2048 像素会被自动缩小，做大了只会让文件变大。
- 一样东西一张图：沙丘、石头、花、云各自单独出图，不要合在一起。
三、每样素材怎么做
A 远景背景图
| 项目 | 要求 |
|---|---|
| 尺寸 | 2048 × 1152 像素 |
| 格式 | JPG 或 PNG，不需要透明 |
| 文件大小 | 20 MB 以内 |
| 作用 | 放在最后面，铺满整个画面：天空、远山、地平线、整体氛围色 |
- 这张图是画面的「底」，四边都要画满，不能留透明。
- 不要在这张图上画人站的地方，人是站在 B 上的。
B 站人景片（最重要）
| 项目 | 要求 |
|---|---|
| 数量 | 固定 4 张，不能多也不能少 |
| 尺寸 | 宽 2048 像素，高按内容（沙漠场景每张约 300 像素） |
| 格式 | 透明 PNG |
| 文件大小 | 每张 20 MB 以内 |
| 作用 | B1 最远，只当远处过渡、不站人；B2、B3、B4 每张后面站 4 个人 |
来宾会沿着这张图最上面那一圈轮廓等距站成一排，脚藏在景片后面。所以这 4 张图决定了人站在哪：
| ✅ 要这样 | ❌ 不要这样 |
|---|---|
| 上边缘是一条连贯、平滑的轮廓，像山脊、地平线、台阶 | 上边缘全是细碎的草尖、镂空 |
| 下半部分实心不透明，挡得住腿 | 只有细细一条线，挡不住人 |
| 轮廓横向铺满整个宽度，4 个人才排得开 | 只有画面一角一小块，4 个人挤在一起 |
| 轮廓上方完全透明 | 上方留着半透明的雾、阴影、光晕 |
| 远的轮廓高、近的轮廓低，三排人都能露出来 | 近处景片太高，把后排的人全挡住 |
树、花、石头不要画在站人景片上，要单独做成 C 装饰图。画在一起的话，人会跟着站到花顶上，悬在半空：
C 装饰图
| 项目 | 要求 |
|---|---|
| 数量 | 不限 |
| 尺寸 | 按东西本身的大小出图，最长边不超过 2048 像素 |
| 格式 | 透明 PNG |
| 文件大小 | 每张 20 MB 以内 |
| 作用 | 建筑、活动标题、Logo、云、石头、前景花草等，不挡人站位 |
- 每样东西单独一张，图的四周紧贴着东西裁掉多余的透明边。
- 活动标题、Logo 单独做一张，以后换活动只换这一张。
- 雾、浮尘、扬尘这类效果软件里自带，不用做图。
D 动图 GIF（可选）
| 项目 | 要求 |
|---|---|
| 尺寸 | 建议最长边 600 像素以内 |
| 格式 | 透明 GIF |
| 文件大小 | 建议 1 MB 以内（上限 20 MB） |
| 作用 | 会动的小点缀：飞鸟、摇曳的花、闪光、飘落的叶子 |
- 动图会一直循环播放，首尾要能接上。
- 动图越大越卡，大面积的东西用 C 静态图。
E 3D 模型（可选）
| 项目 | 要求 |
|---|---|
| 格式 | GLB（贴图打包在文件里） |
| 文件大小 | 64 MB 以内，建议 10 MB 以内 |
| 作用 | 需要立体感、会转动的物件，比如雕塑、吉祥物、仙人掌 |
- 需要专业的 3D 建模师制作；没有的话可以不做，用 C 装饰图代替完全没问题。
- 模型自带动画可以在软件里播放。
F 背景音乐（可选）
| 项目 | 要求 |
|---|---|
| 格式 | MP3（也支持 WAV、M4A、AAC、OGG、FLAC） |
| 文件大小 | 30 MB 以内 |
| 作用 | 大屏播放时的背景音乐，循环播放 |
- 请确认音乐有使用版权。
G 上屏小元素（可选）
| 项目 | 要求 |
|---|---|
| 数量 | 最多 24 个 |
| 尺寸 | 最长边不超过 2048 像素 |
| 格式 | 透明 PNG 或 GIF |
| 作用 | 新来宾上屏时，从四周滑进来围着他的装饰：蝴蝶、花瓣、徽章、标题框 |
H 画轴纸面图案（可选）
| 项目 | 要求 |
|---|---|
| 尺寸 | 横向长图，比如 2048 × 512 像素 |
| 格式 | PNG 或 JPG |
| 文件大小 | 20 MB 以内 |
| 作用 | 「画轴模式」里那卷画的纸面图案，不做就用默认的宣纸 |
四、交付前自查
- [ ] A 背景图 1 张，2048 × 1152，四边画满
- [ ] B 站人景片正好 4 张，透明 PNG，宽 2048
- [ ] B 的上边缘连贯平滑，上方完全透明，没有画树、花、雾
- [ ] C 装饰图每样单独一张，裁掉了多余的透明边
- [ ] 所有图片最长边不超过 2048 像素，单张不超过 20 MB
- [ ] 按 A、B、C… 编号分文件夹，文件名写清楚是什么（比如「B2-沙丘-远.png」）
现场来宾的照片不用做
画面里的人物是现场拍照后自动推送过来的，不需要设计师准备。
五、常见问题
| 问题 | 回答 |
|---|---|
| 可以用 PSD 交付吗？ | 请导出成 PNG。软件只认 PNG、JPG、WebP、GIF |
| 站人景片可以做 5 张吗？ | 不行，固定 4 张。想要更多层次，多加 C 装饰图 |
| 背景图可以做成 4K 吗？ | 可以，但会被缩小到 2048 宽，效果一样，文件反而更大 |
| 为什么站人景片这么扁？ | 它只需要画出「地面」那一条，上面留给人站，空着的透明部分可以直接裁掉 |
| 没有 3D 模型可以吗？ | 可以。沙漠场景里的仙人掌换成 C 装饰图，效果差别不大 |