商品参数标注图：分区卡片、引导线与层级
为商品设计编号说明卡与引导线，控制字号、坐标和信息遮挡关系。
完成后你将学会
- 布置商品与参数卡
- 控制引导线位置
- 区分主体和辅助信息
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，明确标为百分比的参数除外。
素材均为本站原创教学插画或示意图，CC0 许可；不是真实商品、活动或个人资料。
添加新文字时先在空白处单击；点到已有文字框会进入编辑，应撤销误输入后另建文字层，再用选择工具移动。
逐步完成这项实战
建立信息底板
New 创建 1000×800，填充 #e8eee3。中间留给商品，左上与右下安排说明卡；先规划空区，避免后来用文字遮挡瓶身的重要信息。
打开商品素材
Open 白底商品，确认标签和瓶口完整。保持商品层单独选中，下一步只处理其白底；底板不需要也不应该一起擦除。
去除外围白底
Magic Eraser Tool 设 Power=12，关闭 Anti aliasing，点击外围白色。看见下方底板颜色后，检查标签没有丢失，误删则撤销并开启 Contiguous 再做。
确定主体大小
把商品设为 650×487.5、X=210、Y=160。此尺寸包含透明留白，以实际瓶身为准安排卡片，不要把透明外框误当作商品边缘。
设置主标题
在约 52、92 写 BOTANIC / DETAILS，字号 43、深绿并加粗。它是页面第一层信息；后续卡片标题应明显更小，避免所有文字同样抢眼。
制作第一张说明卡
在左上画浅绿矩形，填入 01 / CAP 和一行简短描述，字号 23、16。卡片保留内边距，文字不要紧贴矩形边线；本例说明是教学占位内容。
连接瓶口位置
用深绿细矩形作为水平引导线，从卡片右侧伸向瓶口附近，厚度约 3。线条只连接对应区域，不横穿整张商品标签，避免读者难以判断指向。
制作第二张说明卡
在右下画另一浅绿卡，写 02 / LABEL 和短说明。保持字号与第一张一致，卡片和瓶身留出间隔；不要因为位置不同而随意改变整套信息规则。
连接标签区域
从标签侧面向右卡画细线，终点贴近卡片左边。检查这条线与第一条没有交叉，且各自指向不同部件，不要把装饰线当成真实测量线。
添加底部规格说明
在底部留白写 250 ml / SAMPLE PACKAGING，字号 23。明确它是练习商品信息，不能将插画示例描述成实际产品的验证参数。
检查阅读顺序
依次看主标题、商品、编号卡、底部说明。逐层调整发生遮挡的对象；线条与卡片不应压过标签小字，所有辅助信息都要服务于主体。
导出参数展示图
Export 为 1000×800 PNG。检查编号、线条和对应部件关系正确，卡片内文字没有越界；如需替换真实参数，只修改说明层，不重画整张商品图。
用自己的素材再做一次
更换素材后，重新检查比例、图层前置条件和最终效果，不机械套用示例参数。
下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗参考资料用于理解原理，具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。
把流程变成自己的作品。
逐步操作，并在导出前检查关键效果。