绘制实色矩形：填充、尺寸与精确定位
矩形可以作为信息底板、色块或遮挡层。本篇从空白画布画出一个独立蓝色矩形，再输入尺寸，掌握可重复的基础形状操作。
完成后你将学会
- 区分 Fill 与 Border
- 绘制独立形状
- 输入形状的尺寸坐标
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，单位为像素；鼠标拖动范围允许少量误差，精确位置用图层详情字段设置。本篇从空白画布开始，无需外部素材。
练习素材为本站原创教学插画，CC0 许可，并非实拍照片。截图来自当前 Online PS 的实际操作。
跟着步骤完成操作
准备空白画布
通过 File → New 新建 800×600 的白底画布。本次只练习单个形状，不必先找背景照片。确认画布已经建立，右侧信息中的宽高正确；如果仍停留在新建对话框，先完成确认，再操作左侧工具和顶部属性。
选择矩形形状工具
点击 Shapes，然后选择 Rectangle。这里使用的是绘制形状的工具，不是矩形选区；选择后顶部应出现填充、边框等参数。若只看见用于选择范围的选项，说明工具选错，应切回形状工具再继续，不要靠按删除键尝试画色块。
设置填色并拖出矩形
打开 Fill、关闭 Border，填充颜色设为 #2979ff。从画布约 120,180 拖到 680,420，松开后得到蓝色矩形。关闭边框可以避免周围多出额外线条；绘制后右侧会出现独立形状图层，不需要把它与白色背景合并。
输入明确的宽高坐标
切回选择工具，保持矩形层选中，在图层详情依次把 X 设为 120、Y 设为 180、Width 设为 560、Height 设为 240。鼠标拖动只负责先建出形状，精确尺寸由字段修正；这比要求每次手拖都恰好落在同一个像素更可靠。
核对四周留白
检查矩形在画布中完整可见，左右各留 120，上下各留 180，颜色连续、没有意外的边框。修改尺寸后可能需要重新点击图层才能看到对应参数，先确认当前对象。需要透明底版本时另学透明画布，不要把这次的白底误认为已经透明。
导出并检查成品
选择文件（File）→ 导出（Export），在格式列表选择 PNG，确认后保存下载文件。用图片查看器检查内容是否齐全，并核对文件的实际尺寸；不要把编辑器截图当作成品，浏览器没有出现下载文件时也不能认为已经保存成功。
继续练习
本篇实际导出为 800×600 像素。先复现练习，再替换自己的图片；实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写，不依赖 Adobe Photoshop 专属菜单。素材授权：CC0 1.0。
现在，亲手操作一次。
用本篇素材复现基础操作，再尝试下一项练习。