图像编辑
六种工具可以直接在画布上重塑图片的形态和风格:裁剪、背景抠除、透视贴合、顶点编辑、滤镜以及手动橡皮擦。选中一张图像,或一个已剪入图像的画框,即可从右侧面板、浮动工具栏或右键菜单调用它们。
快速概览
- 在画布上选中一张图像,或一个已剪入图像的画框。
- 打开某个工具:双击图像进入 Crop,使用右侧面板的 Filters 折叠面板,或从右键菜单中选一项。
- 在工具于画布上实时预览的同时调整它的设置。
- 按 Enter 或工具的 Apply 按钮提交,或按 Esc / Cancel 放弃并恢复原图。
详细参考
裁剪
非破坏性:完整的源图像始终保留,因此你之后可以重新进入裁剪模式来调整或还原。
- 双击图像,或右击它并选择 Crop。
- 拖动裁剪矩形的角控制点或边控制点,来设定你想保留的区域。角控制点同时调整两个方向的尺寸;边控制点只调整一个方向。
- 也可以从裁剪工具栏选择宽高比、旋转或翻转。
- 按 Enter 或 Apply 提交,或按 Esc / Cancel 放弃。
| 宽高比 | 数值 | 常见用途 |
|---|---|---|
| Free | 不受约束 | 任意比例 |
| 1:1 | 1.0 | 正方形,图标和头像 |
| 4:3 | 1.33 | 标准横向 |
| 3:4 | 0.75 | 标准纵向 |
| 16:9 | 1.78 | 宽屏 |
| 9:16 | 0.56 | 竖版视频 |
| 3:2 | 1.5 | 经典照片横向 |
| 2:3 | 0.67 | 经典照片纵向 |
裁剪工具栏还有 Rotate 90°、Flip horizontal、Flip vertical 和 Reset Crop,后者会将矩形恢复到整幅图像。矩形之外的区域会被一层变暗的蒙版覆盖,保留区域上则叠加一个三分法网格,帮助你构图。裁剪区域若小于约 3 × 3 px 会被忽略,因此你不会不小心把一张图裁到什么都不剩。
在裁剪模式内旋转或翻转会立即改变图像。取消时会把裁剪矩形和尺寸恢复到你进入时的状态,但会保留你中途套用的任何旋转或翻转,只有裁剪本身被撤销。
背景抠除
有两种方式抠出主体:自动 AI 抠图,或用画框的精确形状即时手动冲切。
AI 抠图。 选中一张图像并选择 Remove Background。一个机器学习模型会完全在你的浏览器中运行,不上传、不往返服务器,用来检测主体并擦除其余一切。首次使用会下载模型(约 30 到 50 MB);之后在本次会话中会缓存。进度蒙版会依次显示模型加载、下载百分比,然后是处理过程。同一时间只能运行一次抠除;处理过程中再次点击会被忽略。
抠图完成后,结果会被裁剪到其可见像素的边界(外加几像素的留白),而不是保留原来的画布尺寸,并且它描摹出的轮廓会被记住:如果你之后为该图像添加描边,描边会沿着实际的抠图轮廓走,而不是图像的矩形外框。
| 效果最佳的情形 | 效果较差的情形 |
|---|---|
| 单一主体,与背景对比鲜明 | 多个重叠主体、对比度低、模糊严重 |
Punch Out with Frame。 同时选中一个画框和一张图像(该画框不能已被合并或剪入),然后选择 Punch Out with Frame,或按 Ctrl + Alt + R。画框的精确形状会立即从图像的像素中被擦除,无需下载模型,也不涉及 AI。画框本身之后保持不变,可在别处复用。关于如何构建画框,参见选区工具。
透视贴合
使用四个可拖动的角控制点让图像变形,适合把设计贴合到样机表面,或营造纵深感。
- 选中一张图像并打开 Perspective Fit。
- 图像的四角会出现四个控制点,由一条轮廓线相连。
- 拖动任意控制点;图像会实时变形以相匹配。
- 按需调整 Feather、Blend Mode、Opacity、Shadow 或 Anti-aliasing。
- 按 Enter / Apply 将变形烘焙进去,或按 Esc / Cancel 恢复原图。
| 设置 | 取值范围 | 默认值 | 作用 |
|---|---|---|---|
| Feather | 0 到 10 px | 0 | 柔化变形图像的边缘 |
| Blend mode | Normal、Multiply、Overlay、Screen | Normal | 变形后的图像如何与其下方内容合成 |
| Opacity | 0 到 100% | 100 | 变形结果的整体透明度 |
| Shadow | 开 / 关 | 关 | 在表面上添加方向性的变暗效果以暗示纵深 |
| Anti-aliasing | 开 / 关 | 开 | 平滑边缘处的采样;关闭后更锐利但可能显得锯齿 |
Reset Corners 会把四个控制点吸附回图像原来的矩形。透视贴合同样适用于已剪入画框的图像:变形依据可见的、被剪切的像素计算,而套用它会移除此时已多余的剪切,因为变形后的结果本就只包含那块可见区域。
顶点编辑
用一组稀疏的拖动控制点来重塑画框的轮廓,而不是描摹轮廓上的每一个点。它作用于画框对象,无论其来自选区工具、画笔的 To Selection 步骤,还是 Convert to Frame。它不适用于已合并进画框的图像,也不适用于钢笔工具的路径。
- 右击一个画框并选择 Edit Vertices,或使用画框浮动栏上的按钮。
- 拖动某个控制点来重塑轮廓的那一部分;同一轮廓上邻近的细节会平滑跟随。
- 在某条边附近(约 12 px 以内)点击,即可在那里插入一个新控制点。
- 点击某个控制点将其选中,然后按 Delete 或 Delete Point 按钮将其移除。
- 按 Enter / Apply 重建画框,或按 Esc / Cancel 原样恢复原来的轮廓。
| 轮廓来源 | 外部控制点 | 孔洞控制点(例如字母的内孔) |
|---|---|---|
| 基于形状的画框 | 约 6 到 14 个,随轮廓长度而定 | 约 4 到 8 个 |
| 图像描摹的画框(Quick Select、Lasso、Polygon) | 约 8 到 18 个 | 约 5 到 10 个 |
| 由文本生成的画框 | 约 6 到 10 个 | 约 4 到 6 个 |
一条轮廓的控制点不能少于 3 个。拖动现有控制点会让轮廓保持平滑,在曲线或由文本生成的画框上尤其如此;而插入或删除一个控制点,则会根据剩余控制点重建轮廓的那一部分。
请注意,钢笔工具的路径本身就是一个画框,所以一旦选中它,你同样可以对它打开 Edit Vertices;这是钢笔自身实时锚点工具的“整条轮廓、基于控制点”的对应形式。参见钢笔工具。
滤镜
非破坏性调整,作为元数据存储在图像上,因此直到导出前都可编辑。
| 滤镜 | 取值范围 | 步长 | 默认值 |
|---|---|---|---|
| Brightness | -100 到 100 | 1 | 0 |
| Contrast | -100 到 100 | 1 | 0 |
| Saturation | -100 到 100 | 1 | 0 |
| Blur | 0 到 1 | 0.05 | 0 |
预设: Grayscale、Sepia 和 Invert 各自独立开关,并可与上面的滑块组合;Reset All 一次清除所有滤镜。渲染在可用时使用 GPU(WebGL),若不可用则自动回退到基于 CPU 的滤镜处理。
滤镜不局限于选中的图像。当没有选中任何对象时,会显示一个独立面板,同样的控件适用于页面的背景图像;它们也适用于视频片段,此时设置随片段一起存储,在导出或播放时渲染,而不是作为实时的画布滤镜。
这些调整会按固定顺序套用,与你拨动滑块的先后无关:先 Brightness,再 Contrast,再 Saturation,然后是预设,最后是 Blur。同一时间只能有一个预设(Grayscale、Sepia 或 Invert)生效;选择一个新的会替换上一个。
橡皮擦
针对单张图像的手动“涂抹成透明”工具,用于 AI 抠图或画框形状难以精确捕捉的修补。
- 选中一张图像并打开 Eraser。
- 图像会临时置于一层棋盘格之后,这样你在涂抹时能清楚看到哪些地方变透明了。
- 涂抹你想要移除的区域。
- 点击 Apply,将透明效果在相同的位置、缩放和旋转下烘焙成一张新图像,或点击 Cancel 原样恢复原图。
| 控件 | 取值范围 | 默认值 |
|---|---|---|
| Brush size | 3 到 100 px | 20 |
与背景抠除不同,橡皮擦不涉及 AI,也不涉及画框几何:它是一支由你直接掌控的自由手绘画笔,适合在前两种方法之后做小修补。
图像属性面板
除了上述工具,选中一张图像后,还会在右侧属性面板中暴露出几项控件。
| 控件 | 说明 |
|---|---|
| Border color and width | 为图像添加一圈轮廓;宽度在任何缩放下都保持其粗细。在已抠除背景的图像上,边框沿着实际的抠图轮廓走,而不是矩形外框 |
| Corner radius | 通过剪切成圆角矩形来给图像倒圆角。仅在独立图像上可用;当图像被剪入形状或画框时会隐藏,因为它会破坏剪切 |
| Clip position | 仅在图像被剪入形状或画框时显示,它控制图片在轮廓内的落位方式(默认为 cover) |
| Filters accordion | 打开上文介绍的 Brightness、Contrast、Saturation、Blur 和预设控件 |
图像的不透明度和阴影位于共用的外观控件中,也就是其他对象所用的那一套;参见属性面板。
分步操作
裁剪成正方形头像,然后摆正
- 双击照片进入裁剪模式。
- 在裁剪工具栏中选择 1:1 宽高比。矩形会吸附成正方形,并在你拖动时保持正方形。
- 借助三分法网格,把矩形拖到人脸或主体之上以定位。
- 如果源图旋转了,点击 Rotate 90° 将它摆正(即便你取消裁剪,这个旋转也会保留)。
- 按 Enter 套用。你随时可以重新进入裁剪模式来调整,完整的源图始终保留。
抠出主体,然后清理零星像素
- 选中照片并选择 Remove Background。等待模型加载和处理(首次运行会下载一次)。
- 抠图出现后,检查是否有残留的边缘毛刺或模型漏掉的地方。
- 打开 Eraser,设一个较小的 Brush size,对着棋盘格涂抹那些零星像素,这样你能清楚看到哪些地方变透明。
- 点击 Apply 将这次清理烘焙进图像。
让照片呈现黑白高对比效果
- 选中照片并在右侧面板中打开 Filters 折叠面板。
- 点击 Grayscale 预设。
- 把 Contrast 提高到 +40 左右,加深暗部并提亮高光,若显得平淡,就微调 Brightness。
- 这些调整以可编辑的元数据形式保留,因此你在导出前随时可以回调,或点 Reset All。
为照片增添暖调的复古感
- 打开 Filters 折叠面板,点击 Sepia 预设获得暖色调。
- 略微提高 Brightness,稍微降低 Contrast,营造褪色、陈旧的质感。
- 若想要更朦胧的收尾,加一点 Blur。请记住预设在滑块之后套用,所以滑块塑造基础图像,而 Sepia 为结果染色。
把设计贴合到样机表面
- 先把作品裁剪到大致目标比例(例如屏幕用 16:9)。
- 选中它并打开 Perspective Fit。
- 把四个角控制点拖到样机照片中表面的四个角上。
- 打开 Shadow 增加纵深,并设一个像 Multiply 这样的 Blend mode,让它融入表面,然后按 Enter 烘焙。
常见任务
| 目标 | 做法 |
|---|---|
| 可重复、精确形状的抠图 | 构建一个画框(选区工具),然后 Punch Out with Frame 或按 Ctrl + Alt + R |
| 照片圆角 | 选中图像,在属性面板中设一个 Corner radius(仅限独立图像) |
| 贴合抠图轮廓而非外框的边框 | 先抠除背景,再添加 Border 宽度;它会沿着描摹出的轮廓 |
| 可再次编辑的调色 | 使用 Filters 滑块和预设;它们在导出前一直可调 |
| 重塑粗糙的描摹画框 | 右击它并选择 Edit Vertices |
| 撤销变形或擦除 | 这两者会在套用时烘焙进像素;请立即撤销,它们不像裁剪和滤镜那样之后还能再编辑 |
疑难排查
背景抠除在某些照片上显得粗糙
该模型针对单一主体、对比清晰的情形调优。头发、玻璃、运动模糊、低对比度或杂乱的背景,抠出来都会显得毛糙。事后用 Eraser 清理边缘,或者当你需要精确、可重复的边缘时改用 Punch Out with Frame。首次运行会下载一次模型(本次会话内缓存),而在它仍在处理时再次点击 Remove Background 会被忽略。
圆角在被剪切的图像上不起作用
当图像被剪入形状或画框时,倒圆角会被禁用,因为重建圆角剪切会破坏形状剪切。请先释放剪切(右击图像,选 Release Clip),或者改为通过画框来给轮廓倒圆角。
选区工具激活时双击不会进入裁剪
裁剪由双击图像触发,但当 Quick Select、Lasso 或 Polygon 正在运行时会被抑制。请先退出选区工具再双击,或使用右键菜单的 Crop 选项。
其他需要了解的行为:
- 锁定比例会重新适配矩形。 选一个比例会把裁剪矩形调整为与之相符,并将其约束在图像范围内,因此你无法把它拖成不符合该比例的样子。切换回 Free 即可独立拖动各角。小于约 3 × 3 px 的裁剪会被忽略。
- 滤镜的叠加方式与你预期不同。 由于顺序是固定的(brightness、contrast、saturation、预设、blur),一旦开启 Grayscale,像 Saturation 这样的调整就不再有可见效果,因为预设排在它之后并移除了颜色。
- 图像上没有 Vertex Edit。 它只作用于未被剪切的画框(包括钢笔路径)。已合并进画框的图像没有可编辑的轮廓;用 Release Clip 把画框取回。此外,一条轮廓的控制点也不能少于 3 个。
- 裁剪会清除抠图的边框。 当你裁剪一张已抠除背景的图像后,它描摹出的轮廓不再与像素相符,因此沿轮廓的描边会被清除。若你仍想要边框,请重新添加边框宽度。
- 擦除和变形是永久的。 橡皮擦和透视贴合会在套用时用一张新的、已展平的图像替换原图。裁剪和滤镜仍可再次编辑,但这两者只在你确定时才烘焙。
键盘快捷键
| 工具 | 快捷键 | 操作 |
|---|---|---|
| Crop | 双击图像 | 进入裁剪模式 |
| Crop | Enter | 套用裁剪 |
| Crop | Esc | 取消并恢复 |
| Background removal | Ctrl + Alt + R | Punch Out with Frame |
| Perspective fit | Enter | 套用变形 |
| Perspective fit | Esc | 取消并恢复 |
| Vertex edit | Enter | 套用重塑后的轮廓 |
| Vertex edit | Esc | 取消并恢复 |
| Vertex edit | Delete / Backspace | 移除选中的控制点 |
提示
烘焙型与可调整型
裁剪和滤镜保持为可调整的元数据,你随时可以回头修改。透视贴合和橡皮擦一旦套用,就会把结果烘焙进图像的像素,所以在继续之前先把它们做对。
抠除背景的两种方式
在主体清晰的照片上,选用 AI 抠图。当你需要精确、可重复的形状,或不想等待模型下载时,选用 Punch Out with Frame。
组合使用选区与顶点编辑
选区工具的画框不必一直是几何形状。用 Lasso 或 Polygon 描出一个粗略形状,然后在放入图像或套用 Perspective Fit 之前,用 Vertex Edit 对它精细微调。