多层照片拼贴:白框、旋转与遮挡关系

分别旋转照片、白框和题注,检查边距与局部遮挡,完成错位拼贴。

✓

完成后你将学会

  • 组合图片与相框
  • 分别控制旋转中心
  • 检查前后遮挡

开始前准备

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

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

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

查看本篇 11 步操作路线
  1. 建立拼贴底色
  2. 制作后方白框
  3. 放入后方山景
  4. 建立前方白框
  5. 放入前方海岸
  6. 添加后图题注
  7. 添加前图题注
  8. 写入页面标题
  9. 补充底部说明
  10. 检查四角与层级
  11. 导出拼贴成品
STEP BY STEP

逐步完成这项实战

01

建立拼贴底色

创建 1000×800,用 #ebe5d5 与 #b9cdbd 做不透明渐变。计划第一张位于左上、第二张位于右下,错位时仍给标题和底注留空。

02

制作后方白框

画约 65、130 到 535、510 的米白矩形,Rotate=-6。框要比照片大,保留底部题注区;不要把旋转角误输入到背景层。

后方白框先旋转,再安排其内部照片。
后方白框先旋转,再安排其内部照片。点击查看大图 ↗
03

放入后方山景

Open 山景,设 420×294、X=90、Y=155、Rotate=-6。图片与白框各自绕中心旋转,需要观察实际内边距,不能只因角度相同就认定位置正确。

04

建立前方白框

在右下画约 480、305 到 950、685 的米白框,Rotate=6。它应盖住后图一角,形成层次;不要为了完全避开重叠而把两图推到画布外。

前方白框反向旋转,建立错位节奏。
前方白框反向旋转,建立错位节奏。点击查看大图 ↗
05

放入前方海岸

Open 海岸,设 420×294、X=505、Y=330、Rotate=6。检查图片处在前框之上,白边没有全部消失;若盖住整张后图,应回看尺寸而非继续加框。

前方海岸与白框保持一致角度。
前方海岸与白框保持一致角度。点击查看大图 ↗
06

添加后图题注

在后图白框底部写 01 / WANDER,字号 18,并设 Rotate=-6。题注单独成层,调整时不要连后方图片一起移动;检查文字仍落在白边内。

07

添加前图题注

在前图白框底部写 02 / EXHALE,字号同为 18,Rotate=6。沿白框方向放置,但不把文字拉伸成斜体;不同效果应通过旋转参数实现。

两张题注分别跟随各自相框方向。
两张题注分别跟随各自相框方向。点击查看大图 ↗
08

写入页面标题

在上方留白添加 A LITTLE GETAWAY,字号 40、深绿并加粗。标题保持水平,和倾斜图片形成对比,不必让所有元素都旋转。

09

补充底部说明

在下方写 COLLECT MOMENTS / NOT THINGS,字号 17。确认拼贴没有碰到底注,必要时移动独立文字层,不改变整个画布大小。

10

检查四角与层级

通览两张图的四角、白框与题注,确认只发生预期的局部遮挡。图片露出框外时调整自身位置;不要合并后再靠擦除补救尚未对齐的版式。

11

导出拼贴成品

Export 下载 1000×800 PNG。检查题注完整、图片无拉伸、前后关系清楚;旋转后的外框与照片中心不同,换素材时仍需要重新目测校准边距。

错位白框、照片与题注形成双层拼贴。
错位白框、照片与题注形成双层拼贴。点击查看大图 ↗

用自己的素材再做一次

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

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

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

完成本篇

把流程变成自己的作品。

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

打开 Online PS ↗