长截图编号标注：边框、引导线与说明卡
用空心框、编号、引导线和说明卡标注示例截图，保持原界面可读。
完成后你将学会
- 用空心框突出区域
- 建立编号阅读顺序
- 不遮挡关键内容
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，明确标为百分比的参数除外。
素材均为本站原创教学插画或示意图，CC0 许可；不是真实商品、活动或个人资料。
添加新文字时先在空白处单击；点到已有文字框会进入编辑，应撤销误输入后另建文字层，再用选择工具移动。
逐步完成这项实战
打开示例界面
Open 自制看板截图，确认 1000×760。所有文字与数据都是教学占位，先确定需要讲解的趋势图和下方列表，不把每个空白处都堆满标注。
绘制空心强调框
Shapes 选 Rectangle，关闭 Fill、开启 Border，Border size=4、颜色 #368c79。围住左上趋势图区，约 25、95 到 645、415；不要用白色实心矩形盖住原图。
检查边框层级
切到选择工具，确认原界面仍在下方完整可见。强调框应在截图上方，但只显示描边；若趋势图被遮住，回形状参数检查 Fill，而不是把框移到截图下方。
添加第一处编号
在区域右上画绿色小圆，再独立添加白色 01，字号 22 并加粗。数字放在圆内居中，编号大小与强调框相配，不要压到图中的关键折线。
连接说明区
从编号旁画约 3 像素高的水平引导线伸向右侧。线条沿空白位置走，不能横穿主要数据；它只是视觉指引，不对应真实数值或坐标。
制作说明卡
在右侧画深青色卡片，写 READ THE TREND 和两行解释，字号 20、17。文字与卡边保留内边距；此卡覆盖的是辅助空区，不盖住左侧趋势图。
设置第二处编号
在下方列表右侧画同尺寸小圆并写 02。保持相同颜色、字号与数字风格，让读者可以按 01 到 02 顺序阅读，不用重新理解另一套标记。
补充列表说明
在下方空区写 02 / REVIEW RECENT PROJECTS，字号 19、深绿。让说明靠近第二个编号对应区域，避免读者把它误认为上方趋势图的文字。
添加示例标识
在页头空区补 ANNOTATED / SAMPLE DATA 小字，说明这是教学示例。通览所有标注，确认没有遮挡原图必要信息，也没有把注释写进原界面的按钮里。
导出并复查阅读顺序
Export 为 1000×760 PNG。检查 01、引导线、说明卡、02 的关联顺序以及空心框内部是否可见；实际标注真实业务截图前，应先处理其中的敏感信息。
用自己的素材再做一次
更换素材后，重新检查比例、图层前置条件和最终效果，不机械套用示例参数。
下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗参考资料用于理解原理，具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。
把流程变成自己的作品。
逐步操作，并在导出前检查关键效果。