商品双色对照:保留原版并调整副本色彩
把同一商品插画排成左右两版,只调整右侧副本的颜色通道,练习去白底、图层复制与对照布局。这是教学配色练习,不代替真实商品的准确色样。
完成后你将学会
- 组合两个独立商品层
- 只调整副本颜色通道
- 核对原版与改色版差别
开始前准备
建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,单位为像素;鼠标拖动范围允许少量误差,精确位置用图层详情字段设置。请先下载下方练习图。
练习素材为本站原创教学插画,CC0 许可,并非实拍照片。截图来自当前 Online PS 的实际操作。
跟着步骤完成操作
建立固定对照画布
新建 1000×700,画 #edf2f0 矩形铺满作为独立背景。空画布直接导入素材可能改用素材尺寸,因此先保住较大容器,再安排两版对照,不把商品尺寸当成整图尺寸。
导入商品插画
Open 导入 product.png,确认商品层出现。先看外部白底与浅色标签,背景要删除、标签要保留,不把所有浅色像素当成无用区域。此时不缩小、不调色,先建立正确的处理对象。
复制独立副本
点击图层面板 D 复制一次,确认新增商品副本。它暂时叠在原图上是正常的,不必反复复制。保持上方副本选中,再移动和调色;下方原版不要修改,才能作为可靠的颜色参照。
将副本移到右侧
副本 X 改为 550,Y 仍为 180,宽高保持 400×300。两版上下对齐,使用相同尺寸减少视觉干扰。确认右图没有越界、外部白底已经去除;副本看不见时,先检查坐标和图层可见状态。
添加标题和对照标签
顶部约 60,80 写 TWO / TONES,字号 42、#214b3c。下方约 120,555 与 620,555 分别写 ORIGINAL、RECOLOR,字号 26、#31595b。各行独立成层,标签对应正确,不能盖住商品。
继续练习
本篇实际导出为 1000×700 像素。先复现练习,再替换自己的图片;实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写,不依赖 Adobe Photoshop 专属菜单。素材授权:CC0 1.0。
现在,亲手操作一次。
用本篇素材复现组合操作,再尝试下一项练习。




