商品双色对照:保留原版并调整副本色彩

把同一商品插画排成左右两版,只调整右侧副本的颜色通道,练习去白底、图层复制与对照布局。这是教学配色练习,不代替真实商品的准确色样。

✓

完成后你将学会

  • 组合两个独立商品层
  • 只调整副本颜色通道
  • 核对原版与改色版差别

开始前准备

建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,单位为像素;鼠标拖动范围允许少量误差,精确位置用图层详情字段设置。请先下载下方练习图。

练习素材为本站原创教学插画,CC0 许可,并非实拍照片。截图来自当前 Online PS 的实际操作。

查看本篇 10 步操作路线
  1. 建立固定对照画布
  2. 导入商品插画
  3. 删除商品外部白底
  4. 定位左侧原版
  5. 复制独立副本
  6. 将副本移到右侧
  7. 调整右版颜色通道
  8. 确认并比较两版
  9. 添加标题和对照标签
  10. 导出并检查最终图片
STEP BY STEP

跟着步骤完成操作

01

建立固定对照画布

新建 1000×700,画 #edf2f0 矩形铺满作为独立背景。空画布直接导入素材可能改用素材尺寸,因此先保住较大容器,再安排两版对照,不把商品尺寸当成整图尺寸。

02

导入商品插画

Open 导入 product.png,确认商品层出现。先看外部白底与浅色标签,背景要删除、标签要保留,不把所有浅色像素当成无用区域。此时不缩小、不调色,先建立正确的处理对象。

03

删除商品外部白底

Magic Eraser 设置 Power 12,关闭 Anti-aliasing,在约 30,30 的外部白色点击。检查标签与瓶身完整,底色从外部透出;若误删标签,先撤销修正范围,不用后续调色补救。

第 3 步:删除商品外部白底,对照实际界面检查结果。
第 3 步:删除商品外部白底,对照实际界面检查结果。点击查看大图 ↗
04

定位左侧原版

选择工具中将商品层宽高设为 400×300、X 为 50、Y 为 180,保持原比例。左版保留原色,不在选中左版时打开颜色校正,也不与背景合并;先固定位置,再复制,避免两版大小不同。

第 4 步:定位左侧原版,对照实际界面检查结果。
第 4 步:定位左侧原版,对照实际界面检查结果。点击查看大图 ↗
05

复制独立副本

点击图层面板 D 复制一次,确认新增商品副本。它暂时叠在原图上是正常的,不必反复复制。保持上方副本选中,再移动和调色;下方原版不要修改,才能作为可靠的颜色参照。

06

将副本移到右侧

副本 X 改为 550,Y 仍为 180,宽高保持 400×300。两版上下对齐,使用相同尺寸减少视觉干扰。确认右图没有越界、外部白底已经去除;副本看不见时,先检查坐标和图层可见状态。

07

调整右版颜色通道

打开 Image → Color Corrections,Red 设为 30、Blue 设为 -15,其余参数保持原值。只让右版瓶身变暖,左版不变。通道调整作用于整个图片层,也可能改变标签颜色,不是智能识别瓶身材质。

第 7 步:调整右版颜色通道,对照实际界面检查结果。
第 7 步:调整右版颜色通道,对照实际界面检查结果。点击查看大图 ↗
08

确认并比较两版

确认后对照:左版保持原绿,右版偏暖。两边同时变色说明对象选错;这只是插画配色实验,不能作为真实商品色差证明,实际色样仍需另行校准审核,先保证原版完全不被修改。

第 8 步:确认并比较两版,对照实际界面检查结果。
第 8 步:确认并比较两版,对照实际界面检查结果。点击查看大图 ↗
09

添加标题和对照标签

顶部约 60,80 写 TWO / TONES,字号 42、#214b3c。下方约 120,555 与 620,555 分别写 ORIGINAL、RECOLOR,字号 26、#31595b。各行独立成层,标签对应正确,不能盖住商品。

10

导出并检查最终图片

File → Export 选择 PNG 下载,核对尺寸、文字和图形。PNG 不保留可编辑图层;需继续修改时保留当前项目。拿到实际文件并检查内容后再确认保存成功,不用截图代替成品。

第 10 步:导出并检查最终图片,对照实际界面检查结果。
第 10 步:导出并检查最终图片,对照实际界面检查结果。点击查看大图 ↗

继续练习

本篇实际导出为 1000×700 像素。先复现练习,再替换自己的图片;实际素材可能需要不同的范围或参数。

下载本篇操作成品 PNG ↓

本篇根据本站编辑器实际功能编写,不依赖 Adobe Photoshop 专属菜单。素材授权:CC0 1.0。

完成本篇

现在,亲手操作一次。

用本篇素材复现组合操作,再尝试下一项练习。

打开 Online PS ↗