PC TOOLS

EP02. “图层核心概念”

首页 PC 工具 Graphic Design · Photopea · EP02
约 11 分钟· #EP02#Photopea
🔒 登录后可标记已读

这篇笔记讲 Photopea 里图层(Layer)相关的核心概念——图层本身是什么、图层遮罩(Mask)、图层样式(Layer Styles)、Smart Object、其他特殊图层类型、以及怎么移动和对齐图层。 前置知识:先看过 EP01,知道工作区界面各区块的位置。

重点内容


图层是什么

每份 PSD 文件都是由图层(Layers)组成的——图层是一个独立的组件,包含透明、半透明、或不透明的像素。图层一层层叠加组成最终的图像,单独编辑某一层不会影响其他层

Layers 面板是管理文件结构的主要工作区,显示所有图层的缩略图——底层图层在"后面",顶层图层在"前面"。点选单一图层,按住 Ctrl 点选能同时选取多个图层(适合批量操作,比如一次旋转或删除好几层)。

用文件夹整理图层:图层多的文件可以把相关图层归到图层文件夹(folder)里,文件夹还能互相嵌套。选中文件夹会自动选中里面全部内容,方便整批操作。

图层的关键属性:可见性(用眼睛图标切换)、混合模式(Blend mode)、不透明度(Opacity)。图层能用几种方式锁定:透明度锁定、像素锁定、位置锁定、或全部一起锁定。双击图层名称能重命名。

图层管理:在面板里拖拉能重新排序,常用操作包括复制(Ctrl+J)、删除、合并多个图层、或用面板按钮新建图层/文件夹。

[截图:Layers 面板全貌,标出图层缩略图、可见性眼睛图标、混合模式、不透明度设置的位置]


图层遮罩(Layer Mask)

图层遮罩是附加在图层上的灰阶蒙版,用来控制可见性——黑色代表该处像素被隐藏,白色代表该处像素显示出来,灰色则会形成不同程度的半透明效果。

两种遮罩类型:

  • 像素遮罩(Raster Mask):基于像素的灰阶图像,能用笔刷、橡皮擦、涂抹这类标准编辑工具控制可见性
  • 向量遮罩(Vector Mask):由贝兹曲线和向量形状建立,套用时会自动转换成灰阶图像

核心操作:

  • 加/删遮罩Layer 菜单 → Raster Mask(或 Vector Mask)→ Add/Delete
  • 开关遮罩:右键点遮罩缩略图,选 Enable/Disable
  • 链接遮罩:点链条图标,让遮罩跟图层内容链接在一起、移动时同步
  • 编辑遮罩:点遮罩缩略图,能独立于图层主要内容单独编辑

遮罩的两个属性(Properties 面板):

  • Density(密度):控制遮罩的不透明度(0-100%)
  • Feather(羽化):给可见/隐藏区域的过渡边缘加模糊,让转换更柔和

📌 这两个属性不会改变遮罩本身,只影响遮罩套用到图像上的效果。

[截图:图层遮罩的黑白灰效果对比,以及 Properties 面板里 Density/Feather 参数调整界面]


图层样式(Layer Styles)

图层样式能自动给图层套用描边(Stroke)、投影(Drop shadow)、外发光(Outer glow)这类常见效果——一般图层、文字图层、甚至文件夹都能附加图层样式列表

💡 相较于手动用工具画出这些效果,图层样式的好处是:图层内容有变动时,效果会自动重新绘制——效果不会改变图层实际的内容数据,只在最终成像时呈现出来。

套用样式: 双击图层,或右键图层选 "Blending Options",打开 Layer Styles 窗口——左侧勾选框能开关个别样式,点样式名称能在中间区域调整参数。

[截图:Layer Styles 设置窗口,显示左侧样式清单勾选框和中间参数调整区域]

管理样式:

  • 可见性:Layers 面板里,眼睛图标能切换每个已套用样式的开关,样式会显示在图层下方一个可折叠的列表里
  • 删除:右键图层选 "Layer Style - Clear",或把样式拖到 Layers 面板的垃圾桶图标
  • 保存/载入:用 "Define New" 按钮保存自定义样式,或到样式库套用现成的 .ASL 格式效果文件

Smart Object(智能对象)

Smart Object 是一种特殊的图层类型,链接到单一来源图像——不用储存重复的数据,多个 Smart Object 图层可以共同引用同一份来源文件。

核心优势:

  • 高效更新:来源文件一改,所有链接到它的图层都会自动更新,不用逐个手动修改
  • 非破坏性编辑:一般图层缩小再放大会损失画质,但 Smart Object 缩小再放大后能从来源重新计算,因为来源数据从未被丢失过
  • 灵活变化:虽然链接同一个来源,不同的 Smart Object 图层可以有各自不同的位置和变形(旋转、缩放等),也能有各自不同的不透明度或图层样式

使用方式:

  1. 建立:选取一或多个图层,右键选 "Convert to Smart Object"
  2. 编辑:双击 Smart Object 的缩略图,打开它的来源文件
  3. 保存:按 File → Save,会更新原文件里所有链接到这个来源的图层
  4. 复制:复制出来的副本仍会保持跟原来源的链接关系

💡 适合的场景举例:想在一张天空图片上加好几个雪花,用 Smart Object 只要改一次雪花的样式,所有雪花图层都会跟着更新。

[截图:Layers 面板里 Smart Object 图层的图标样式,以及双击后打开的来源文件窗口]


其他特殊图层类型

填色图层(Fill Layers):会自动在整个画布上生成内容,支持纯色填充、渐变填充、图案填充三种。好处是画布尺寸改变时会自动重新生成,参数也能随时在 Properties 面板里调整。

调整图层(Adjustment Layers):非破坏性图层,本身不含任何图像数据,只对底下的内容做颜色调整——比如可以套用去饱和度效果,而不永久改变原始照片的像素。

间接像素图层(Indirect Raster Layers):像 Smart Object(像素来自来源图像+变形数据)、文字图层(像素来自文字和格式参数)这类图层,是从"其他信息来源"生成像素的——这类图层没办法直接用针对像素的工具编辑,除非先转换(rasterize,栅格化)。

剪贴蒙版(Clipping Mask):任何图层都能套用剪贴蒙版功能——下方图层的透明度会被拿来当上方图层的蒙版,能做出"图片只在文字形状范围内显示"这类创意效果。


移动与对齐图层

Move(移动)工具:能移动 Layers 面板里当前选中的所有图层,也能单独处理遮罩这类图层组件。

快捷键:

  • 暂时按住 Ctrl 能临时切换到 Move 工具
  • 方向键微调 1 像素,Shift+方向键 微调 10 像素

自动选取功能:Move 工具带自动选取能力——在图像上任意位置点击,Photopea 会自动侦测光标下最接近的图层并选中它。

对齐多个图层:选取多个图层后,用 Move 工具顶部菜单里的六个对齐按钮,能处理居中对齐、边缘对齐等常见的排版对齐需求。

常见错误

  • ❌ 想让图层内容随图层调整自动重绘特效——手动用工具画阴影/描边这类效果没办法自动更新,该用图层样式(Layer Styles),图层内容变动时效果会自动重新绘制
  • ❌ 好几个重复元素(比如多个相同的装饰图案)各自独立编辑——改一个不会影响其他,应该转成 Smart Object,链接同一个来源,改一次全部同步更新
  • ❌ 一般图层反复缩小放大导致画质变差——Smart Object 能从来源重新计算,不会像一般图层那样累积损失画质
  • ❌ 文字图层、Smart Object 图层想直接用笔刷这类像素工具编辑——这类"间接像素图层"要先栅格化(rasterize)才能用像素专属工具处理
  • 💡 想让调色效果保持可逆、不永久破坏原始像素,用调整图层(Adjustment Layers)而不是直接在原图层上应用滤镜

Sources

官方文档:

  1. Photopea Learn: Layers — https://www.photopea.com/learn/layers
  2. Photopea Learn: Masks — https://www.photopea.com/learn/masks
  3. Photopea Learn: Layer Styles — https://www.photopea.com/learn/layer-styles
  4. Photopea Learn: Smart Objects — https://www.photopea.com/learn/smart-objects
  5. Photopea Learn: Other Layers — https://www.photopea.com/learn/other-layers
  6. Photopea Learn: Layer Editing — https://www.photopea.com/learn/layer-manipulation