矩形选区入门:只删除框内的一小块

选区用于限定处理范围,不是直接创建一个色块。本篇在风景左上框出矩形并删除像素,观察只有指定区域变透明的结果。

✓

完成后你将学会

  • 框出矩形选区
  • 删除限定区域
  • 核对区外像素不变

开始前准备

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

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

查看本篇 7 步操作路线
  1. 打开练习素材
  2. 找到矩形选区工具
  3. 框出要删除的小范围
  4. 删除选区中的像素
  5. 启用项目透明背景
  6. 切换工具查看边界
  7. 导出并检查成品
STEP BY STEP

跟着步骤完成操作

01

打开练习素材

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

02

找到矩形选区工具

点击左侧矩形选区工具(Rectangular Selection),不要选成 Shapes 中的 Rectangle。前者用虚线边界限定范围,后者会新建有颜色的形状。先在图层面板确认选中风景图片层,因为删除操作必须针对真正保存图像像素的图层。

03

框出要删除的小范围

从画面约 100,100 拖到 300,250,框住左上天空中的一小块矩形。松开后应看见选区边界,而不是蓝色色块。范围不要碰到山体,这样可以更清楚比较选区里面和外面的变化,也避免一次练习就删掉大面积主体。

第 3 步:框出要删除的小范围,对照实际界面检查结果。
第 3 步:框出要删除的小范围,对照实际界面检查结果。点击查看大图 ↗
04

删除选区中的像素

打开编辑(Edit)菜单,选择 Delete Selection 删除选区中的内容,而不是直接删除整张图层。框内应出现透明区域,其他天空和山体保持原样;如果整层消失,应撤销并重新检查选区和当前图层。本篇使用菜单入口,避免输入框焦点导致快捷键未生效。

第 4 步:删除选区中的像素,对照实际界面检查结果。
第 4 步:删除选区中的像素,对照实际界面检查结果。点击查看大图 ↗
05

启用项目透明背景

打开工具(Tools)→ 设置(Settings),勾选 Transparent 后确认。删除像素不等于导出一定带透明底:项目若仍使用不透明背景,空洞可能被白色填满。这一步明确启用透明背景,之后还必须选择 PNG 格式,才能在成品中保留刚才删除的区域。

第 5 步:启用项目透明背景,对照实际界面检查结果。
第 5 步:启用项目透明背景,对照实际界面检查结果。点击查看大图 ↗
06

切换工具查看边界

切换到画笔工具,暂时不要在画布画线,避开选区控制线对观察的干扰。检查矩形之外的太阳、山体和边缘没有受影响。透明区在编辑器中可能看起来接近白色,最终还要结合 PNG 的透明通道判断,不要直接认为那里被填成了白色。

07

导出并检查成品

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

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

继续练习

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

下载本篇操作成品 PNG ↓

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

完成本篇

现在,亲手操作一次。

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

打开 Online PS ↗