圆形头像透明裁切:destination-in 遮罩实操
用上方圆形限定下方海岸图,学习 destination-in 与透明 PNG 的检查方法。
✓
完成后你将学会
- 构建圆形遮罩
- 保留圆外透明区域
- 识别透明 PNG
开始前准备
建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,明确标为百分比的参数除外。
素材均为本站原创教学插画或示意图,CC0 许可;不是真实商品、活动或个人资料。
添加新文字时先在空白处单击;点到已有文字框会进入编辑,应撤销误输入后另建文字层,再用选择工具移动。
STEP BY STEP
逐步完成这项实战
01
新建透明工作区
File → New 创建 1000×700,勾选 Transparent。保持底层为空,不画白底矩形;这份练习会导出带透明留白的头像素材,便于放进其他版式。
02
03
04
05
应用并观察圆外
点击 Ok,检查圆外图像消失、圆内海岸完整。透明区域在不同预览器里可能呈现黑底或棋盘格,不能仅凭背景颜色判断;确认没有额外白色图层垫在下面。
06
固定遮罩结果
执行 Layer → Flatten Image,把可见头像固定为一层。不要再给这一层添加不透明整幅背景,否则圆外留白会变成实色;要装饰边框可以在其他项目中另行排版。
07
检查头像构图
切回选择工具,检查树枝没有被裁成不明碎片、圆周没有缺口。头像主体偏离时应撤销到遮罩前调整图片,而不是把已经裁成圆的结果强行拉成长方形。
08
用自己的素材再做一次
更换素材后,重新检查比例、图层前置条件和最终效果,不机械套用示例参数。
下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗参考资料用于理解原理,具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。
完成本篇
打开 Online PS ↗把流程变成自己的作品。
逐步操作,并在导出前检查关键效果。



