打开本地图片:认识画布、图层和预览

第一次使用编辑器,先学会可靠地打开图片、找到当前图层,并把原图导出。这篇只熟悉界面,不改变素材内容,适合正式修图前练习。

✓

完成后你将学会

  • 打开本地 PNG
  • 识别当前图层
  • 核对图片真实尺寸

开始前准备

建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,单位为像素;鼠标拖动范围允许少量误差,精确位置用图层详情字段设置。请先下载下方练习图。

练习素材为本站原创教学插画,CC0 许可,并非实拍照片。截图来自当前 Online PS 的实际操作。

查看本篇 6 步操作路线
  1. 打开练习素材
  2. 选中刚导入的图层
  3. 切换到选择工具
  4. 核对宽高与坐标
  5. 检查完整画面
  6. 导出并检查成品
STEP BY STEP

跟着步骤完成操作

01

打开练习素材

先下载本页的风景插画,在编辑器选择文件(File)→ 打开(Open),从电脑中选中刚保存的 PNG。等画面完整出现再继续;本次素材尺寸为 1000×700,不要连续重复导入,否则会产生多余图层,影响后续判断。

第 1 步:打开练习素材,对照实际界面检查结果。
第 1 步:打开练习素材,对照实际界面检查结果。点击查看大图 ↗
02

选中刚导入的图层

在右下图层面板找到 landscape.png,单击它的图层名称,让它成为当前操作对象。画布上能看到一张图片,不等于每次操作都作用于这一层;以后导入更多元素时,必须通过面板确认选中的是哪一个,避免改错对象。

03

切换到选择工具

点击左侧选择工具(Select Tool),查看图片外侧的控制边框。此时只认识范围,不拖动角点,也不修改位置。不同工具会显示不同的顶部选项;如果看见画笔大小或文字字体,说明当前还没有切到用于定位图片的工具。

04

核对宽高与坐标

查看信息面板和当前图层详情,确认画布宽 1000、高 700,图片没有偏到画布之外。预览窗口是整张图的缩略显示,不能用它的显示大小推断导出尺寸;尺寸字段和下载后的图片属性才是应当核对的依据。

第 4 步:核对宽高与坐标,对照实际界面检查结果。
第 4 步:核对宽高与坐标,对照实际界面检查结果。点击查看大图 ↗
05

检查完整画面

暂时切换到画笔工具,但不要在画布单击,观察主体、四边和预览窗口是否一致。这样可以避开选择边框对观看的干扰,又不会改变图片。若画面出现重复图层,先确认是否重复打开了同一个文件,再开始下一项练习。

06

导出并检查成品

选择文件(File)→ 导出(Export),在格式列表选择 PNG,确认后保存下载文件。用图片查看器检查内容是否齐全,并核对文件的实际尺寸;不要把编辑器截图当作成品,浏览器没有出现下载文件时也不能认为已经保存成功。

继续练习

本篇实际导出为 1000×700 像素。先复现练习,再替换自己的图片;实际素材可能需要不同的范围或参数。

下载本篇操作成品 PNG ↓

本篇根据本站编辑器实际功能编写,不依赖 Adobe Photoshop 专属菜单。素材授权:CC0 1.0。

完成本篇

现在,亲手操作一次。

用本篇素材复现基础操作,再尝试下一项练习。

打开 Online PS ↗