风景填充大字:栅格文字与 source-in 合成

把山景限制在大字笔画内部,练习栅格文字、source-in 和后加底色的正确顺序。

✓

完成后你将学会

  • 理解文字作为轮廓
  • 正确设置合成顺序
  • 分离背景和填字

开始前准备

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

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

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

查看本篇 10 步操作路线
  1. 建立透明画布
  2. 创建宽厚主标题
  3. 栅格化文字轮廓
  4. 放入用于填字的风景
  5. 指定 source-in
  6. 确认字内画面
  7. 固定填字结果
  8. 把底色放在结果下方
  9. 添加独立说明
  10. 导出并检查轮廓
STEP BY STEP

逐步完成这项实战

01

建立透明画布

File → New 设置 1000×700,勾选 Transparent 后确认。透明画布便于观察字外区域是否被正确裁掉,先不要铺底色;底色会在文字合成完成后单独添加。

02

创建宽厚主标题

选择 Text,Arial 字体、字号 220、白色,开启 Bold,在约 X=65、Y=300 输入 WILD。保持文字为独立层;笔画太细会看不清内部风景,暂不添加副标题。

白色大字是接下来裁切图片的轮廓。
白色大字是接下来裁切图片的轮廓。点击查看大图 ↗
03

栅格化文字轮廓

选中 WILD 图层,点击图层面板的 R 转为栅格。转换后文字不能再直接修改,先确认拼写;不要把空白层或整个项目一起合并,否则会失去需要的透明轮廓。

04

放入用于填字的风景

通过 Open 导入山景,将图片设为 1000×700、X=0、Y=0,位于文字上方。此时风景盖住标题是正常现象,先保持这两个图层相邻,不要移动到标题下方。

风景在上、栅格文字在下,尚未应用裁切。
风景在上、栅格文字在下,尚未应用裁切。点击查看大图 ↗
05

指定 source-in

选中风景层,打开 Layer → Composition,选择 source-in。它会保留上方图片与下方不透明文字相交的区域;不要选成 source-over,后者只会普通覆盖。

合成面板明确选择 source-in。
合成面板明确选择 source-in。点击查看大图 ↗
06

确认字内画面

点击 Ok,确认风景只在字形内部出现,字外透明。若整张图仍在,检查选中的是否为风景层、模式是否已确认;若字消失,检查下方文字层是否可见。

07

固定填字结果

确认效果后执行 Layer → Flatten Image,将图片和轮廓固定为一层。之后再加背景,避免新背景被纳入刚才的相交计算;需要换字时应撤销回文字阶段。

08

把底色放在结果下方

新建 Gradient 层,使用 #e9efe5 与 #bad1c2,Alpha=255,拉满画布。点击下移放到填字层下方;检查字间空隙有底色、字内仍是山景。

底色与已经固定的填字效果保持独立。
底色与已经固定的填字效果保持独立。点击查看大图 ↗
09

添加独立说明

在下方留白分两层输入 FIND YOUR OWN HORIZON、FIELD NOTES / 01,字号 25、16,深绿色。它们不再参与 source-in,移动说明时不要误选填字主图。

10

导出并检查轮廓

Export 选择 PNG,确认 1000×700。检查 W、I、L、D 的孔隙和边缘,确保没有矩形山景露在字外;成品下载链接可用来对照文字内部的图像位置。

最终大字保留山景纹理,副标题与背景独立排版。
最终大字保留山景纹理,副标题与背景独立排版。点击查看大图 ↗

用自己的素材再做一次

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

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

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

完成本篇

把流程变成自己的作品。

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

打开 Online PS ↗