修图前后对照板:同倍率与单副本调色

按同倍率并列原图和处理图,限制右图调色并检查对照标签与分隔线。

✓

完成后你将学会

  • 保持前后图同倍率
  • 只调色右侧副本
  • 建立可比较的版式

开始前准备

建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,明确标为百分比的参数除外。

素材均为本站原创教学插画或示意图,CC0 许可;不是真实商品、活动或个人资料。

添加新文字时先在空白处单击;点到已有文字框会进入编辑,应撤销误输入后另建文字层,再用选择工具移动。

查看本篇 10 步操作路线
  1. 创建对照底板
  2. 放入处理前原图
  3. 复制到右栏
  4. 栅格化右图副本
  5. 设置右图校正
  6. 应用并比较主体
  7. 标注处理前后
  8. 建立中间分隔线
  9. 增加比较主题
  10. 导出并检查可信对照
STEP BY STEP

逐步完成这项实战

01

创建对照底板

New 设置 1000×700,用 #eef1e8 铺底。左右各留一张 440×308 图片的位置,中间保留 40 像素空间;比较前后效果必须先保证展示尺度一致。

02

放入处理前原图

Open 山景,设 440×308、X=40、Y=195。之后不要修改这层颜色,把它作为可见的 BEFORE;调整右图时要先点击对应图层,避免误改。

左侧保留未处理的原图。
左侧保留未处理的原图。点击查看大图 ↗
03

复制到右栏

Duplicate layer,副本 X=520、Y=195,宽高与左图相同。确认山峰和河流在两图中的相对位置一致,不要给右图额外裁剪来夸大处理效果。

04

栅格化右图副本

选中右图点击 R,保证滤镜处理的是当前缩放后的图像。栅格化可能裁紧透明边界,应观察位置没有变化;底板与左图仍保持独立。

05

设置右图校正

Color Corrections 设 Brightness=4、Contrast=10、Saturation=10、Red=8、Blue=-6。只在右图预览,保留暗部层次;不要在左右图上同时应用。

右侧副本使用明确的校正参数。
右侧副本使用明确的校正参数。点击查看大图 ↗
06

应用并比较主体

点击 Ok,查看两边相同山峰的颜色和明暗。若左右完全一样,先确认参数已应用;若内容不同,应回退检查复制后的尺寸与坐标,而不是继续加滤镜。

07

标注处理前后

左上写 BEFORE,右上写 AFTER,字号 26。标签分别与图片左边对齐,前后文字清楚且不过分抢眼,避免把说明写在图片最复杂的位置。

标签依附各自图片定位,含义清楚。
标签依附各自图片定位,含义清楚。点击查看大图 ↗
08

建立中间分隔线

在 X=498—502 画细竖矩形,从 Y=120 到 550,使用淡绿。它应位于两图间隙,不穿过图片,也不厚到影响两侧内容的视觉比例。

分隔线与两侧图片保持稳定距离。
分隔线与两侧图片保持稳定距离。点击查看大图 ↗
09

增加比较主题

在上方写 ONE IMAGE / TWO MOODS,并在下方加同倍率比较提示。所有文字放在图像之上,确保纸色背景没有盖住图片或标签。

10

导出并检查可信对照

Export 为 1000×700 PNG。检查左右图片同尺寸、没有拉伸或误裁,原图仍未改色;对照的目的是真实展示差别,不通过不同亮度背景或倍率制造错觉。

同倍率的前后图可以直接比较色彩与层次。
同倍率的前后图可以直接比较色彩与层次。点击查看大图 ↗

用自己的素材再做一次

更换素材后,重新检查比例、图层前置条件和最终效果,不机械套用示例参数。

下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗

参考资料用于理解原理,具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。

完成本篇

把流程变成自己的作品。

逐步操作,并在导出前检查关键效果。

打开 Online PS ↗