# 图层到底是什么：为什么 Photoshop 要把一张图拆成一层层

从图层顺序、可见性和不透明度三条线索，理解 Photoshop 画面上看到的图是怎么合成的

> 图层 · 图层面板 · Photoshop 基础操作 · 约 6 分钟 · 09 月 27 日

## 本篇要点

1. 图层是盖在画布上的透明胶片，每个图层保存自己独立的一份内容；没画到的位置是透明的，用棋盘格表示。
2. 把内容分层，是为了选中哪一层就只改哪一层，不会破坏其他部分；这是后续蒙版、智能对象、调整图层能成立的前提。
3. 图层顺序决定前后遮挡：面板里越靠上越靠前，靠上图层的不透明像素盖住下面的，透明处才露出下面的内容。
4. 关闭眼睛图标只是让该层暂时不参与合成，数据仍然完整保留；Alt / Option 点击眼睛可以只看单独一层。
5. 图层不透明度是作用在整层上的统一系数，会和像素自身的透明度相乘；0.5 的像素透明度配上 50% 的图层不透明度，实际只贡献 25%。
6. 图层不透明度只能整层一起变淡，无法只淡化画面局部，后者需要蒙版。
7. 画面上看到的永远是所有可见图层从下往上合成的结果，而不是任何单个图层本身；画面不符合预期时，按“图层选对了没、是否被挡住、不透明度是多少”依次排查。
8. 背景图层默认锁在最底部，不能移动、不能有透明像素，双击可把它转成普通图层。

---

如果你有过“跟着教程一步步点，点完却不知道自己做了什么”的经历，大概率有一步卡在同一个地方：图层面板。教程里几乎每一步都绕不开它——先点某个图层，再改点什么，画面上就出现了变化。这篇文章要把这件最基础的事讲清楚：图层是什么，Photoshop 为什么把一张图拆成一层层，以及**图层顺序、可见性、不透明度**这三个属性，到底怎样决定你最终看到的画面。

## 图层是一张盖在画布上的透明胶片

先看一件事：你的画布尺寸是固定的，比如 2000×1500 像素。画布本身不是“一张画”，它只是一个容器，规定了最终成品有多大。真正装内容的是图层。

想象你把一张透明胶片盖在画布上。胶片的大小和画布一样，你可以在上面画东西、贴照片。**没画到的地方是透明的**，透过它能看见下面的东西；画过的地方是不透明的，就把下面挡住了。

这里的关键是：每个图层保存的是它自己单独的一份数据。一个像素图层存的就是一张和画布同样大小的像素表，每个位置记着两件事：颜色是什么，以及这个位置有多不透明。第一件事好懂，第二件事是图层能工作的根本——像素不只有颜色，还有“透明度”。

Photoshop 里用来表示这种透明的方式是灰白相间的棋盘格。当你在图层面板里只保留一个图层可见，看到大片棋盘格，那不是“灰色”，而是**那里没有像素**[1]。

## 拆成一层层，是为了能单独改

既然最终都得合成成一张图，为什么要先拆开？

因为拆开之后，**你选中的是哪个图层，编辑就只作用在那个图层上**[1]。想只挪一下照片里那个杯子，就选中装着杯子的图层，用移动工具拖——杯子动了，背景和其他照片纹丝不动。同样地，在这层上涂颜色、加滤镜、做变形，也都不会碰到别的层。

如果所有内容都挤在一张画布的像素上，那么“改这里又不想动那里”就只能靠手工重画。分层之后，每一部分各有一份独立数据，随时可以重来。后面要讲的蒙版、智能对象、调整图层，都是在这个前提上才做得到的。

## 顺序决定谁挡住谁

新图层出现在图层面板里的位置，不是随便排的。**面板里越靠上的图层，在画面里就越靠前。** 靠上的图层，它的不透明像素会盖住下面图层在同一个位置的像素；它透明的地方，下面才露得出来。

举个具体情形：图层面板里从上到下是“文字”“主体照片”“背景”。文字和照片重叠的地方，你看到的是文字；把文字图层往下拖到“主体照片”下面去，重叠处立刻换成照片在上面。数据一个都没变，变的只是上下关系。

所以“画面上看不见我的东西”常常不是没画上，而是被上面某个不透明的图层挡住了。拖拽图层调整顺序时，注意等光标位置出现一条高亮的双线再松手，否则容易拖错位置[1]。

## 可见性：只是让它暂时不参与合成

每个图层左边有一个眼睛图标，点一下就能开关[1][2]。

这里要分清一件事：**关闭可见性和删除图层完全是两回事。** 关掉眼睛，图层的数据还完整地待在那里，只是这一层暂时不参与最终的合成结果。再点一下，它原样回来。新手时期可以放心大胆地用眼睛图标做检查——关掉某层，看看画面上少了什么，你就知道这层里到底装着什么。

还有一个很省时间的操作：按住 Alt（Windows）或 Option（macOS）点击某个图层的眼睛，可以只显示这一层、把其余全部隐藏；再点一次，其他图层全部恢复[1]。这是确认“这层到底有什么”的最快方法。

## 不透明度：整层一起变淡

面板顶部有一个 Opacity（不透明度）滑块，范围 0% 到 100%[1]。

它的含义是：这一层在参与合成时，整体按这个比例“打折扣”。

100% 时，图层像素按原本的样子合成。0% 时，画面上看不出这一层，视觉效果和关掉眼睛一样，但图层本身还在。50% 时，一个本身完全不透明的像素，会和它下面的内容各占一半。

这里有个容易混的地方，值得单独说一句：**像素自己的透明度和图层不透明度是两码事，它们会相乘。**

假设某个像素的颜色是纯红，它自身的透明度是 50%（半透明）；同时这一层的图层不透明度也被调到了 50%。那么它在合成时真正起作用的透明度是 $0.5 \times 0.5 = 0.25$，也就是只贡献 25%，剩下 75% 来自下面那一层。如果下层是纯白，最终结果就是：

$0.25 \times (255,0,0) + 0.75 \times (255,255,255) \approx (255,191,191)$

一种偏白的浅粉红。你能看出：图层不透明度是作用在整层上的一个统一系数，它把这一层里每个像素原有的透明度都乘了一遍。

理解了这一点，也就理解了它的局限：**图层不透明度只能让整层一起变淡。** 如果你只想让画面某一个角变淡、其他地方保持原样，用它是做不到的——那需要蒙版，我们下一篇讲。

## 三件事合起来，才是你看到的画面

现在可以把这三个属性串成一条线索：Photoshop 画面上你看到的东西，从来不是某一个图层的内容，而是**所有可见图层从下往上叠加合成后的结果**。

```mermaid
flowchart LR
  A["顶层 文字层"] --> S["合成：从下往上逐层叠加"]
  B["中层 主体照片，不透明度 60%"] --> S
  C["底层 背景层"] --> S
  S --> R["画面上真正看到的那张图"]
```

任何一层发生变化——顺序挪了、眼睛关了、不透明度调了——最终画面都会跟着变。反过来，如果画面没有按你预期变，检查顺序同样是这三件事：我改的是不是正确的图层？它是不是被上面的图层挡住了？它的不透明度是不是不是 100%？

## 两个新手最容易踩的坑

**改了没反应，或者画到了别处。** 绝大多数情况是选错了图层。图层面板里被高亮选中的那一行，才是编辑的对象。画面上看起来“就是这里”，但数据属于哪一层，只由面板说了算。

**背景图层比较特殊。** 它默认锁在最底部，不能移动，也不允许出现透明像素——用橡皮擦去擦，露出来的是背景色，不是透明。如果你想让背景也像普通图层一样能移动、能有透明区域，双击它在面板里的名字，把它转换成普通图层[1]。

把这一篇的内容用一句话收起来：每个图层各自保存一部分内容，再叠在一起；顺序决定谁遮住谁，可见性决定它参不参与合成，不透明度决定它参与得多强。搞清这三件事，你再看那些教程，就会知道每一步变动的是这根链条上的哪一环。

## 术语表

- 图层：盖在画布上的透明胶片，每层保存自己独立的一份内容，可以单独编辑而不影响其他层。
- 像素的透明度：每个像素除了颜色，还记录自己有多不透明；没画到的位置完全透明，用棋盘格显示。
- 图层堆叠顺序：图层面板里的上下排列，决定画面里谁在前谁在后，也就是谁盖住谁。
- 图层可见性：眼睛图标控制该层是否参与最终合成，关掉不等于删除。
- 图层不透明度：整层参与合成时统一打的一个折扣系数，会和像素自身透明度相乘。
- 合成结果：屏幕上看到的画面是所有可见图层从下往上叠加后的结果，不是某一层本身。

## 来源

1. [Adobe 官方图层入门教程：棋盘格代表透明像素、图层顺序控制前后关系、Alt / Option 点击眼睛只看单层、不透明度滑块与背景图层转换](https://helpx.adobe.com/si/photoshop/how-to/ps-layers-basics.html)
2. [Adobe 官方文档：使用图层面板 — 开关可见性、拖拽调整顺序、重命名与新建图层](https://helpx.adobe.com/photoshop/desktop/create-manage-layers/get-started-layers/work-with-the-layers-panel.html)

---

原文：https://pangzhengboyin.com/articles/photoshop-layers-order-visibility-opacity-8e27dba9

> **庞征博引** · 想学的，慢慢都会
>
> 庞征博引是把想学的东西写成连载的 AI 学习工具。说出想学什么，它会先了解你的基础，再把主题写成一篇篇 5–10 分钟能读完的文章；边读边问，接下来学什么跟着你走。这篇就是这样写出来的。
>
> 开始你自己的连载 → https://pangzhengboyin.com
