裁剪入门:去掉边缘,保留画面中心

裁剪改变的是保留范围,不是把图片压缩变小。本篇用风景插画练习框选、确认和复查,保留中间约 600×400 的内容。

✓

完成后你将学会

  • 找到裁剪工具
  • 判断保留范围
  • 确认裁剪后的真实尺寸

开始前准备

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

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

查看本篇 6 步操作路线
  1. 打开练习素材
  2. 选择裁剪工具
  3. 拖出保留范围
  4. 应用这一次裁剪
  5. 切换工具复查
  6. 导出并检查成品
STEP BY STEP

跟着步骤完成操作

01

打开练习素材

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

02

选择裁剪工具

点击左侧裁剪(Crop)图标,观察顶部操作栏。此时仅进入裁剪模式,图片尚未被删除;不要直接点其他区域开始画图。确认左上、右下希望保留的位置,尽量让主体与边缘之间还留有余量,避免裁完后显得拥挤。

03

拖出保留范围

从原画面约 200,150 拖到 800,550,在中间框出横向范围。框内是保留内容,框外将去掉;对照九宫格检查主体位置。鼠标落点会有少量误差,因此本篇不要求恰好 600×400;精确尺寸应另用尺寸调整功能设置。

第 3 步:拖出保留范围,对照实际界面检查结果。
第 3 步:拖出保留范围,对照实际界面检查结果。点击查看大图 ↗
04

应用这一次裁剪

确认四周没有切掉重要内容,再点击顶部属性栏的 Crop 按钮,不是再次点击左侧工具。画布边界应随范围缩小,原来外围的内容不再出现。如果只是看到一个框而尺寸没有变化,说明还没有真正应用裁剪。

第 4 步:应用这一次裁剪,对照实际界面检查结果。
第 4 步:应用这一次裁剪,对照实际界面检查结果。点击查看大图 ↗
05

切换工具复查

切回选择工具,查看右侧信息面板中的新宽高,确认与刚才保留范围大致一致。拖框与页面缩放会影响落点,本次实测导出为 602×401,并非固定模板尺寸。若主体被切掉,应撤销重来,不要用拉伸补救被裁掉的部分。

06

导出并检查成品

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

第 6 步:导出并检查成品,对照实际界面检查结果。
第 6 步:导出并检查成品,对照实际界面检查结果。点击查看大图 ↗

继续练习

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

下载本篇操作成品 PNG ↓

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

完成本篇

现在,亲手操作一次。

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

打开 Online PS ↗