透明 PNG 入门:导出没有白底的圆形图案
白色背景与透明背景不是一回事。本篇新建透明画布,只画一个蓝色圆形并导出 PNG,学习为什么透明图片不能简单改成 JPG。
✓
完成后你将学会
- 建立透明画布
- 保留主体外透明区域
- 选择正确导出格式
开始前准备
建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,单位为像素;鼠标拖动范围允许少量误差,精确位置用图层详情字段设置。本篇从空白画布开始,无需外部素材。
练习素材为本站原创教学插画,CC0 许可,并非实拍照片。截图来自当前 Online PS 的实际操作。
STEP BY STEP
跟着步骤完成操作
01
打开新建对话框
在编辑器展开 File → New,先停留在新建设置界面。透明背景需要从项目和图层结构上确认,不能仅根据屏幕上看起来是不是白色判断。已有作品应先保存,本次从干净项目开始练习,避免之前留下的白色背景层盖住透明区域。
02
03
确认空白背景状态
点击确认建立画布,检查没有铺满整个画布的白色内容层。不同查看器可能用白色或棋盘格显示透明,这只是显示方式;导出的 PNG 透明通道才决定背景是否真正透明。此时先不要画一整块白色矩形,否则会重新盖满背景。
04
05
核对画布四角没有内容
切回选择工具,确认选择框仅围住圆形,四角仍为空白。导出后可把 PNG 放到其他有色背景上检查:四角应透出底色,而不是形成白色矩形。JPG 不保存透明通道,所以不要把后缀手动改成 jpg,也不要把看到白底的查看器显示误判为导出失败。
06
继续练习
本篇实际导出为 800×600 像素。先复现练习,再替换自己的图片;实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写,不依赖 Adobe Photoshop 专属菜单。素材授权:CC0 1.0。
完成本篇
打开 Online PS ↗现在,亲手操作一次。
用本篇素材复现基础操作,再尝试下一项练习。


