PSD 模板怎么制作、分组与命名
适用于当前交付的壳图工坊版本。系统可以保存多份模板,每份模板有独立的配色与图案透视配置;摄像头位置按模板保存。颜色数量不固定为七个。
先看结论:当前系统按图层类型、层级、智能对象共用来源和切片位置识别模板,不靠某个固定中文名字。推荐名称方便你管理,但改名字不能让不符合结构的 PSD 自动兼容。系统在 Linux 上读取 PSD 并编译底图,再用自己的合成程序出图;不运行 Photoshop 的“存储为 Web”命令。
1. 你现有的一加 PSD:可以继续使用
2026-10-10 重新读取原文件并重新编译,七个颜色均已实际生成独立图片,每张 2048 × 2048。检查了七色拼图,底图、文案、镭雕和替换后的摄像头均有输出。原文件未改动。这个检查证明当前一加结构的流程可用,不等于其他任意结构均可无损还原。
| 现有顶层组 | 对应颜色 | 建议改名(可选) |
|---|---|---|
| 组 4 | 粉色 | 01_粉色 |
| 组 4 拷贝 5 | 米白 | 02_米白 |
| 组 4 拷贝 4 | 淡紫 | 03_淡紫 |
| 组 4 拷贝 3 | 浅黄 | 04_浅黄 |
| 组 4 拷贝 2 | 浅绿 | 05_浅绿 |
| 组 4 拷贝 6 | 深蓝 | 06_深蓝 |
| 组 4 拷贝 | 浅蓝 | 07_浅蓝 |
| 组 6 | 原摄像头集合 | 90_摄像头参考 |
图案来源是 VUV8ZLUK.psd,内部画布 945 × 1890。导入时选这个共用图案对象,不要误选固定产品装饰对象。现有最后两个切片重叠 4 像素,系统照原坐标保留;不是系统多裁或少裁。
2. 新模板推荐的图层结构
优先另存一份现有一加模板,在其结构上替换固定画面、调整图案位置和切片。下面表示父子层级,不表示 Photoshop 面板中的上下叠放顺序;叠放顺序以你的正确视觉效果为准。
新型号_七色主图.psd ├─ 01_粉色 ← 顶层颜色组,不再套总文件夹 │ ├─ 图案_共用 ← 嵌入式 PSD 智能对象,直接放在颜色组内 │ ├─ 壳体_干净 ← 普通像素层,不能含旧图案或旧摄像头 │ ├─ 壳体_修补 ← 可选,普通像素层 │ ├─ 背景_固定 ← 普通像素层,覆盖本切片背景 │ └─ 文案与装饰_固定 ← 尽量处于壳体重建范围之外 ├─ 02_米白 │ ├─ 图案_共用 ← 复制同一个智能对象,保持共用来源 │ ├─ 壳体_干净 │ ├─ 背景_固定 │ └─ 文案与装饰_固定 ├─ 03_淡紫 … 至 07_浅蓝 ← 每组同样结构 └─ 90_摄像头参考 ← 独立顶层组,勿合并到干净壳体 ├─ 01_粉色_摄像头与外框 ├─ 02_米白_摄像头与外框 └─ …
必须:图案智能对象和干净壳体像素层是颜色组的直接子层。不要变成“全部颜色 → 粉色 → 图案”,也不要变成“粉色 → 镭雕子组 → 图案”。当前导入器不会递归寻找这些位置。
固定文字、装饰和右侧展示物在壳体重建范围之外,可从 PSD 合并预览保留;如果它们压在要重建的壳体范围内,不能依赖嵌套组或独立文字层被正确重建,应先整理为该颜色组直接子级的固定像素层并检查预览。不要把需要替换的图案或摄像头一起栅格化进去。
3. 图案智能对象怎样准备
- 准备一份透明背景的图案 PSD。留好固定画布,例如沿用现有 945 × 1890。不同图案使用同样画布和摆放基准。
- 将它作为嵌入式 PSD 智能对象放在颜色组内。当前导入器读取的是对象内部 PSD,不支持把任意 PNG/JPG 对象当作该 PSD 对象使用,也不支持缺失的外链文件。
- 复制已放置的对象到其他颜色组,使它们共用同一个来源。不要使用“通过拷贝新建智能对象”创建各自独立来源。是否共用,以网页检查结果中的“关联实例”数量为准。
- 每个颜色组只保留一个参与替换的图案实例。当前版本不是同一颜色内多个手机壳图案位置同时替换的通用引擎。
- 在每个实例上设置各自的“颜色叠加”:启用、混合模式为正常、效果不透明度为100%。图层本身的不透明度、填充也建议为 100%,不要依赖额外样式改变镭雕效果。
- 保持图案层和颜色组可见,保存已经调好的位置、缩放和四角透视。不要依赖弧形变形、置换、智能滤镜等效果被还原。
系统提取每色的镭雕颜色,使用上传图案的透明度生成该颜色的图案;不是直接保留上传图案的彩色像素。若新素材尺寸不同,会等比缩放并居中到模板图案画布,因此“相同画布、相同留白、相同定位”最稳定。
4. 干净壳体为什么必须单独保留
隐藏图案和原摄像头后,壳体应完整、干净,没有残留图案或镜头。系统不会自动修复已合并进壳体的旧内容。背景可以有完整场景,但在壳体区域重建时,需要同一颜色组内的直接像素层能拼出正确的底图。
当前自动识别干净壳体的规则偏向现有一加构图:可见、非剪贴的直接像素层,宽度小于整张 PSD 宽度的 75%,高度大于整张 PSD 宽度的 30%。例如 PSD 宽 2048 时,候选层宽须小于 1536、高须大于 614.4 像素。这是一项实际兼容限制,并非命名规则。横向小手机、整幅宽手机、把手机藏在子组里,都可能无法正确识别。
壳体重建矩形是这些候选层边界向外扩 8 像素,再截到切片内部。旧图案和旧摄像头若伸出该范围,范围外的缓存可能留下残影。不要用重命名解决这种情况;先改底图或布局,预览确认后再批量。
5. 摄像头与外框怎样准备
PSD 中旧摄像头与外框独立存放,推荐放在 90_摄像头参考 顶层组。它可以保留在设计文件中,但不得烘焙到干净壳体像素层,也不要作为颜色组直接子级的普通像素层参与底图重建。
当前系统不自动识别 PSD 摄像头智能对象的名称、变换或链接关系。实际替换素材从“素材库 → 摄像头与外框”上传透明 PNG,镜头、面板、外框放在同一张素材里。换这张素材时三者一起替换。
- 上传摄像头 PNG,打开蒙版与位置校准。
- 绿色蒙版只涂外框,镜片、银色面板、文字不涂;自动粉色检测仅是初稿。
- 素材本身带好角度时,选择“保持原图比例与角度”,只等比缩放和移动,不会再次拉伸。需要改变透视才选择“四角透视贴合”并定位素材四角。选择模板,校准落点与大小并保存。
- 在模板配色配置中调整各色“外框颜色”。这是独立保存的目标色,不是每次自动识别成品颜色。
- 每个新模板与摄像头组合首次都检查预览。摄像头位置沿该模板的图案平面映射到各色,当前没有每个颜色独立摄像头落点配置;各色相对位置应一致。
6. 切片、画布与保存
- 每个输出颜色对应一个用户切片,每个切片对应一个顶层颜色组。当前支持 1–50 个切片;不是固定七个。
- 建议沿用现有模板:颜色在长画布中从上到下排列,一个切片输出一张完整主图。不要把各色叠放在同一画布位置、靠隐藏组切换。
- 切片按先上后左排序,颜色组按顶部位置排序后逐一配对。当前不按切片名或组名前面的数字配对;不要使用位置顺序含糊的复杂网格。
- 切片不要超画布。新模板建议无缝衔接、不重叠;一加原文件的 4 像素重叠被保留。
- 上传 PSD 本体,保留图层、嵌入内容、用户切片和合并预览;启用保存兼容预览。不要仅上传“存储为 Web”生成的 JPG。
- 建议沿用当前 RGB、8 位文件。上传上限 2 GB(2048 MB),PSD 画布上限 8000 万像素,图案对象画布上限 2000 万像素。系统当前读取切片资源版本 v7/v8;其他格式会报错,需要另行适配。
你在 Photoshop 设置好切片并保存后,系统读取其边界自己裁切出图。切片数量、尺寸和坐标以网页读取结果为准。系统不采用 Photoshop“存储为 Web”的全部编码设置或文件命名设置。
7. 名称如何与系统对应
| 内容 | 建议名称 | 系统如何使用 |
|---|---|---|
| PSD 文件 | 一加_七色主图.psd / 荣耀_五色主图.psd | 作为导入时的模板名称初始值,可在提交前修改;各次导入是独立模板。 |
| 顶层颜色组 | 01_粉色、02_米白… | 便于查看来源;不自动把组名转成输出颜色名。新导入默认“颜色 1”等,导入后在网页配置。 |
| 图案智能对象层 | 图案_共用 | 方便下拉框选中;是否共用看内部来源 ID,不是看名字是否相同。 |
| 干净壳体层 | 壳体_干净 / 壳体_修补 | 按类型、层级、尺寸筛选,不按名称匹配。 |
| 原摄像头组 | 90_摄像头参考 | 设计文件参考;不会按该名称自动替换。 |
| 用户切片 | 01_粉色、02_米白… | 按坐标裁切,不按此名称决定输出文件名。 |
| 上传的图案文件 | 小鱼干猫咪.png | 素材名用于结果归档目录;同名素材加 ID 避免覆盖。 |
| 上传的摄像头文件 | 荣耀Magic9.png | 素材名用于结果归档,摄像头配置可在不同模板中复用。 |
8. 每个新模板首次验收流程
- 管理员进入模板管理,导入 PSD,读取图层与切片。
- 检查切片数量、尺寸与颜色组数是否一致,选择共用图案对象。七色模板应看到相应的七个关联实例;隐藏备份也可能计数,避免保留多余备份实例。
- 编译成功后,配置每色名称、镭雕颜色、外框颜色;图案透视位置不正确时修正。
- 为选用的摄像头保存该模板的位置和外框蒙版。
- 选择同一张图案、同一款摄像头,逐色生成预览,检查旧图案残影、镜头残影、图案边缘、外框染色范围、文案是否受损。
- 试生成一套:七色就是七张独立图。确认 ZIP 的文件数量、尺寸和内容后再批量几十张图案。
最稳妥的制作起点是复制已经验证的一加 PSD 结构。若换成横版、多手机同时镭雕、嵌套颜色组、不同颜色的摄像头位置各不相同或复杂滤镜结构,当前导入器需要额外开发适配,不能只按照上面的名称改名后直接保证出图。
本说明按当前源码与一加原文件复检结果编写。复检涵盖原文件编译及七张图片输出、4 项自动化测试与前端 JavaScript 语法检查;没有据此宣称覆盖全部 PSD 类型或已经完成 Linux 容器验收。