← 返回模板管理

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. 图案智能对象怎样准备

  1. 准备一份透明背景的图案 PSD。留好固定画布,例如沿用现有 945 × 1890。不同图案使用同样画布和摆放基准。
  2. 将它作为嵌入式 PSD 智能对象放在颜色组内。当前导入器读取的是对象内部 PSD,不支持把任意 PNG/JPG 对象当作该 PSD 对象使用,也不支持缺失的外链文件。
  3. 复制已放置的对象到其他颜色组,使它们共用同一个来源。不要使用“通过拷贝新建智能对象”创建各自独立来源。是否共用,以网页检查结果中的“关联实例”数量为准。
  4. 每个颜色组只保留一个参与替换的图案实例。当前版本不是同一颜色内多个手机壳图案位置同时替换的通用引擎。
  5. 在每个实例上设置各自的“颜色叠加”:启用、混合模式为正常、效果不透明度为100%。图层本身的不透明度、填充也建议为 100%,不要依赖额外样式改变镭雕效果。
  6. 保持图案层和颜色组可见,保存已经调好的位置、缩放和四角透视。不要依赖弧形变形、置换、智能滤镜等效果被还原。

系统提取每色的镭雕颜色,使用上传图案的透明度生成该颜色的图案;不是直接保留上传图案的彩色像素。若新素材尺寸不同,会等比缩放并居中到模板图案画布,因此“相同画布、相同留白、相同定位”最稳定。

4. 干净壳体为什么必须单独保留

隐藏图案和原摄像头后,壳体应完整、干净,没有残留图案或镜头。系统不会自动修复已合并进壳体的旧内容。背景可以有完整场景,但在壳体区域重建时,需要同一颜色组内的直接像素层能拼出正确的底图。

当前自动识别干净壳体的规则偏向现有一加构图:可见、非剪贴的直接像素层,宽度小于整张 PSD 宽度的 75%,高度大于整张 PSD 宽度的 30%。例如 PSD 宽 2048 时,候选层宽须小于 1536、高须大于 614.4 像素。这是一项实际兼容限制,并非命名规则。横向小手机、整幅宽手机、把手机藏在子组里,都可能无法正确识别。

壳体重建矩形是这些候选层边界向外扩 8 像素,再截到切片内部。旧图案和旧摄像头若伸出该范围,范围外的缓存可能留下残影。不要用重命名解决这种情况;先改底图或布局,预览确认后再批量。

5. 摄像头与外框怎样准备

PSD 中旧摄像头与外框独立存放,推荐放在 90_摄像头参考 顶层组。它可以保留在设计文件中,但不得烘焙到干净壳体像素层,也不要作为颜色组直接子级的普通像素层参与底图重建。

当前系统不自动识别 PSD 摄像头智能对象的名称、变换或链接关系。实际替换素材从“素材库 → 摄像头与外框”上传透明 PNG,镜头、面板、外框放在同一张素材里。换这张素材时三者一起替换。

  1. 上传摄像头 PNG,打开蒙版与位置校准。
  2. 绿色蒙版只涂外框,镜片、银色面板、文字不涂;自动粉色检测仅是初稿。
  3. 素材本身带好角度时,选择“保持原图比例与角度”,只等比缩放和移动,不会再次拉伸。需要改变透视才选择“四角透视贴合”并定位素材四角。选择模板,校准落点与大小并保存。
  4. 在模板配色配置中调整各色“外框颜色”。这是独立保存的目标色,不是每次自动识别成品颜色。
  5. 每个新模板与摄像头组合首次都检查预览。摄像头位置沿该模板的图案平面映射到各色,当前没有每个颜色独立摄像头落点配置;各色相对位置应一致。

6. 切片、画布与保存

你在 Photoshop 设置好切片并保存后,系统读取其边界自己裁切出图。切片数量、尺寸和坐标以网页读取结果为准。系统不采用 Photoshop“存储为 Web”的全部编码设置或文件命名设置。

7. 名称如何与系统对应

内容建议名称系统如何使用
PSD 文件一加_七色主图.psd / 荣耀_五色主图.psd作为导入时的模板名称初始值,可在提交前修改;各次导入是独立模板。
顶层颜色组01_粉色、02_米白…便于查看来源;不自动把组名转成输出颜色名。新导入默认“颜色 1”等,导入后在网页配置。
图案智能对象层图案_共用方便下拉框选中;是否共用看内部来源 ID,不是看名字是否相同。
干净壳体层壳体_干净 / 壳体_修补按类型、层级、尺寸筛选,不按名称匹配。
原摄像头组90_摄像头参考设计文件参考;不会按该名称自动替换。
用户切片01_粉色、02_米白…按坐标裁切,不按此名称决定输出文件名。
上传的图案文件小鱼干猫咪.png素材名用于结果归档目录;同名素材加 ID 避免覆盖。
上传的摄像头文件荣耀Magic9.png素材名用于结果归档,摄像头配置可在不同模板中复用。

8. 每个新模板首次验收流程

  1. 管理员进入模板管理,导入 PSD,读取图层与切片。
  2. 检查切片数量、尺寸与颜色组数是否一致,选择共用图案对象。七色模板应看到相应的七个关联实例;隐藏备份也可能计数,避免保留多余备份实例。
  3. 编译成功后,配置每色名称、镭雕颜色、外框颜色;图案透视位置不正确时修正。
  4. 为选用的摄像头保存该模板的位置和外框蒙版。
  5. 选择同一张图案、同一款摄像头,逐色生成预览,检查旧图案残影、镜头残影、图案边缘、外框染色范围、文案是否受损。
  6. 试生成一套:七色就是七张独立图。确认 ZIP 的文件数量、尺寸和内容后再批量几十张图案。

最稳妥的制作起点是复制已经验证的一加 PSD 结构。若换成横版、多手机同时镭雕、嵌套颜色组、不同颜色的摄像头位置各不相同或复杂滤镜结构,当前导入器需要额外开发适配,不能只按照上面的名称改名后直接保证出图。

本说明按当前源码与一加原文件复检结果编写。复检涵盖原文件编译及七张图片输出、4 项自动化测试与前端 JavaScript 语法检查;没有据此宣称覆盖全部 PSD 类型或已经完成 Linux 容器验收。