透明品牌徽章：双圆轮廓与文字组合
从透明画布制作一个圆形教学徽章，把实色底、细环和两行文字分开组织。导出可叠放到其他版式的 PNG，不把屏幕上的白色显示当成真实白底。
完成后你将学会
- 建立透明徽章画布
- 组合实心圆和空心描边
- 检查透明区域与文字边界
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，单位为像素；鼠标拖动范围允许少量误差，精确位置用图层详情字段设置。本篇从空白画布开始，无需外部素材。
练习素材为本站原创教学插画，CC0 许可，并非实拍照片。截图来自当前 Online PS 的实际操作。
跟着步骤完成操作
建立透明工作区
File → New 设置 600×600，勾选 Transparent 后确认。不要再画铺满画布的白色矩形，否则透明留白会被盖住。透明区域在不同查看器里可能显示为白色或棋盘格，后面应通过 PNG 的透明通道确认，而不是只看背景颜色。
绘制徽章主圆
Shapes → Ellipse 开启 Fill、关闭 Border，颜色 #174e55，从约 100,100 拖到 500,500。宽高接近 400，形成居中的圆形底；如果鼠标落点有误，可用详情修成等宽高。四角不填色，保持为以后叠放而预留的透明区域。
添加内部细环
另建 Ellipse，从约 122,122 到 478,478，关闭 Fill、开启 Border，宽度 3、颜色 #a8d9c4。这个环应只显示轮廓，不覆盖深色底。形状工具可能记住上一种填充状态，绘制前务必核对，否则会得到一块浅色实心圆。
输入主名称
Text 使用 Arial Bold，字号 64、白色，在约 181,254 输入 FIELD。选择留白位置创建新文字层，不要直接点击圆环边缘。名称较短才能保持左右间距；换成自己的中文名称时，还应选用支持相应字形的字体并重新检查宽度。
添加次级文字
另建文字层，在约 211,337 输入 NOTES，字号 30、颜色 #a8d9c4。主副文字分开成层，便于保持层级和修正位置；不要沿用上一行的大字号。两行都应位于内环之内，不把装饰轮廓当成可越过的安全边界。
画一条底部装饰线
用实色矩形在约 230,384 到 370,387 画一条 #a8d9c4 细线，重新开启 Fill 并关闭 Border。它与内环同色，用于收住文字下方的留白；线条不可碰到环的底边，也不必为了装饰堆叠太多小元素。
检查透明边缘与主体
切回选择工具，核对外圆、内环、文字和装饰线都完整，四角没有白色内容层。圆外透明、圆内实色，不是把整个徽章 Opacity 降低。以后缩小成小图标时，小字可能变得难读，应按使用尺寸重新简化，而不是盲目缩放。
导出并检查最终图片
File → Export 选择 PNG 下载，核对尺寸、文字和图形。PNG 不保留可编辑图层；需继续修改时保留当前项目。拿到实际文件并检查内容后再确认保存成功，不用截图代替成品。
继续练习
本篇实际导出为 600×600 像素。先复现练习，再替换自己的图片；实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写，不依赖 Adobe Photoshop 专属菜单。素材授权：CC0 1.0。
现在，亲手操作一次。
用本篇素材复现组合操作，再尝试下一项练习。