新建第一张画布：尺寸、形状与导出
从空白页面开始，完成一张带蓝色色块的小练习，弄清画布尺寸与图层大小的区别。无需准备图片，也不需要先掌握复杂的设计工具。
完成后你将学会
- 新建指定尺寸画布
- 识别画布与独立图层
- 导出第一份 PNG
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，单位为像素；鼠标拖动范围允许少量误差，精确位置用图层详情字段设置。本篇从空白画布开始，无需外部素材。
练习素材为本站原创教学插画，CC0 许可，并非实拍照片。截图来自当前 Online PS 的实际操作。
跟着步骤完成操作
找到新建入口
进入 Online PS 后展开文件（File）菜单，点击新建（New）。先看清宽度、高度等字段再输入，不要直接在现有画面上画图；新建会改变当前项目，已有未保存的作品应先导出，避免误把练习当成原项目继续编辑。
输入宽度和高度
把 Width 设置为 800、Height 设置为 600，单位按像素理解。本次先使用默认白色背景，不启用 Transparency。宽在前、高在后，所以得到的是横向画布；如果输入反了，结果会变成竖图，不是把页面显示放大或缩小。
确认并查看画布
点击确认按钮关闭对话框，观察中央空白画布和右侧信息面板。尺寸应为 800×600；画布周围的灰色是编辑工作区，不会被导出。先确认边界再绘制，浏览器窗口的宽高与图片实际尺寸没有直接关系。
绘制一个蓝色色块
选择形状（Shapes）中的 Rectangle，开启 Fill、关闭 Border，把填充颜色设为 #2979ff。从画布约 200,180 的位置拖到 600,420，创建一块矩形。松开鼠标后会有独立形状层，不需要先把背景涂成蓝色。
区分画布和图层
切回选择工具，点击右侧新出现的形状图层，查看它的边框和图层详情。色块只占画布中间的一部分，整张画布仍为 800×600。以后移动色块应选中它的图层，而不是重新新建画布；这也是后续图文排版的基础。
导出并检查成品
选择文件（File）→ 导出（Export），在格式列表选择 PNG，确认后保存下载文件。用图片查看器检查内容是否齐全，并核对文件的实际尺寸；不要把编辑器截图当作成品，浏览器没有出现下载文件时也不能认为已经保存成功。
继续练习
本篇实际导出为 800×600 像素。先复现练习，再替换自己的图片；实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写，不依赖 Adobe Photoshop 专属菜单。素材授权：CC0 1.0。
现在，亲手操作一次。
用本篇素材复现基础操作，再尝试下一项练习。