圆形头像透明裁切:destination-in 遮罩实操

用上方圆形限定下方海岸图,学习 destination-in 与透明 PNG 的检查方法。

✓

完成后你将学会

  • 构建圆形遮罩
  • 保留圆外透明区域
  • 识别透明 PNG

开始前准备

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

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

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

查看本篇 8 步操作路线
  1. 新建透明工作区
  2. 放入海岸素材
  3. 绘制正圆轮廓
  4. 切换遮罩模式
  5. 应用并观察圆外
  6. 固定遮罩结果
  7. 检查头像构图
  8. 导出透明 PNG
STEP BY STEP

逐步完成这项实战

01

新建透明工作区

File → New 创建 1000×700,勾选 Transparent。保持底层为空,不画白底矩形;这份练习会导出带透明留白的头像素材,便于放进其他版式。

02

放入海岸素材

通过 Open 导入海岸,确认尺寸未变、图像位于画布内。先看要保留的树与海面位置,本例圆心约在 500、350;实际头像应先决定人物或图案落在圆内的位置。

海岸原图铺在透明工作区,尚未裁成圆形。
海岸原图铺在透明工作区,尚未裁成圆形。点击查看大图 ↗
03

绘制正圆轮廓

从 Shapes 的预览图选择 Ellipse,开启 Fill、关闭 Border,白色填充。在 X=250、Y=100 到 750、600 拖出约 500×500 的圆,确认宽高相同,不要画成椭圆。

白色圆形位于图片上方,充当保留范围。
白色圆形位于图片上方,充当保留范围。点击查看大图 ↗
04

切换遮罩模式

选中圆形层,Layer → Composition 选择 destination-in。这里保留下方图片落在圆内的内容,因此圆形必须在上方;误选 source-in 会交换参与计算的对象。

destination-in 使用上方圆形限定下方图像。
destination-in 使用上方圆形限定下方图像。点击查看大图 ↗
05

应用并观察圆外

点击 Ok,检查圆外图像消失、圆内海岸完整。透明区域在不同预览器里可能呈现黑底或棋盘格,不能仅凭背景颜色判断;确认没有额外白色图层垫在下面。

06

固定遮罩结果

执行 Layer → Flatten Image,把可见头像固定为一层。不要再给这一层添加不透明整幅背景,否则圆外留白会变成实色;要装饰边框可以在其他项目中另行排版。

07

检查头像构图

切回选择工具,检查树枝没有被裁成不明碎片、圆周没有缺口。头像主体偏离时应撤销到遮罩前调整图片,而不是把已经裁成圆的结果强行拉成长方形。

08

导出透明 PNG

Export 选择 PNG,不选 JPG。输出仍为 1000×700,其中圆外是透明像素;下载成品放在深浅底色上检查圆边,显示黑底不代表文件真的含黑色背景。

圆外保持透明,圆内保留海岸图像。
圆外保持透明,圆内保留海岸图像。点击查看大图 ↗

用自己的素材再做一次

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

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

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

完成本篇

把流程变成自己的作品。

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

打开 Online PS ↗