四图联系表:等比缩放、网格与统一编号

用统一尺寸和坐标排列四张图,单独处理右下副本并添加一致编号。

✓

完成后你将学会

  • 重复导入并精确定位
  • 只处理指定副本
  • 统一四图边距

开始前准备

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

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

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

查看本篇 11 步操作路线
  1. 创建联系表底板
  2. 放第一张山景
  3. 加入第二张海岸
  4. 加入城市图片
  5. 加入第四张素材
  6. 单独去色第四张
  7. 增加顶部总标题
  8. 写入上排编号
  9. 补齐下排编号
  10. 核对四个外框
  11. 导出并比对
STEP BY STEP

逐步完成这项实战

01

创建联系表底板

New 设置 1000×800,填充 #eef0e7。规划两列两行:图片宽 420、高 294,左右位置为 60 与 520,给顶部标题和每行图注预留空间。

02

放第一张山景

Open 山景,设置 420×294、X=60、Y=100。宽高按原图比例一起修改,确认山体没有变形;不要只缩宽度却留下原高度。

第一张图片给出整个网格的尺寸基准。
第一张图片给出整个网格的尺寸基准。点击查看大图 ↗
03

加入第二张海岸

Open 海岸,同样设 420×294,X=520、Y=100。比较两张顶边是否齐平,中间留 40 像素空隙;此时先不加图注,以免选错对象。

04

加入城市图片

Open 城市,尺寸同上,X=60、Y=455。下排与上排之间预留图注区,不能把图片紧贴上一行底边;确认左列两个起点一致。

第三张按固定坐标进入下排。
第三张按固定坐标进入下排。点击查看大图 ↗
05

加入第四张素材

再次 Open 山景,设 420×294,X=520、Y=455。检查右列对齐后,保持该层选中;下一步只给这张图做黑白处理。

06

单独去色第四张

Color Corrections 设置 Saturation=-100,点击 Ok。上排山景应仍为彩色;若一起变成黑白,说明改错层或提前合并,应撤销后选中右下图。

只有右下图去色,其余三张不变。
只有右下图去色,其余三张不变。点击查看大图 ↗
07

增加顶部总标题

在约 60、55 写 CONTACT / SELECTED VIEWS,字号 25、深青色。标题不参与图片网格的坐标计算,保持自己的左边与第一列一致。

08

写入上排编号

在上排两图下方分别写 01 / MOUNTAIN、02 / COAST,字号 14。两条基线保持一致,不贴着图片下沿;点击文字层名称再微调位置。

上排编号和说明使用统一字号与基线。
上排编号和说明使用统一字号与基线。点击查看大图 ↗
09

补齐下排编号

在下排下方写 03 / CITY、04 / MONO,字号同为 14。检查画布底边还留有空隙,不要把字放到 800 像素之外。

10

核对四个外框

逐图核对尺寸均为 420×294、两列 X 为 60/520、两行 Y 为 100/455。细小错位应修正坐标,不能靠拖动整幅画布来掩盖。

11

导出并比对

Export 为 1000×800 PNG。检查四图没有拉伸、编号次序正确、右下灰度图与上排彩色图可区分;用同样网格可以继续制作其他素材的联系表。

四图网格、标题与编号统一完成。
四图网格、标题与编号统一完成。点击查看大图 ↗

用自己的素材再做一次

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

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

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

完成本篇

把流程变成自己的作品。

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

打开 Online PS ↗