P201-斜面和浮雕-原理详解
课程主题与核心目标
深入理解斜面和浮雕的底层工作原理:四种样式分别生成几个"虚拟图层",高光和阴影如何叠加,以及用填充不透明度归零法分离观察虚拟图层。
核心概念解析
1. 虚拟图层 (Virtual Layers) 概念
斜面和浮雕在添加后,系统在图层上创建1-4个虚拟图层来模拟立体效果:
- 高光层:位于上方,白色 + 滤色模式
- 阴影层:位于下方,黑色 + 正片叠底模式
- 两个虚拟层叠加在一起 = 最终看到的浮雕效果
2. 四种样式的虚拟图层数量
| 样式 | 虚拟图层 | 排列方式 |
|---|---|---|
| 外斜面 | 2 个 | 高光在上,阴影在下 |
| 内斜面 | 2 个 | 高光在上,阴影在下 |
| 浮雕效果 | 2 个 | 高光和阴影都在原图层的上方 |
| 枕状浮雕 | 4 个 | 两个在上(高光+阴影),两个在下(高光+阴影) |
枕状浮雕 = 内斜面 + 外斜面的混合体
3. 验证方法:填充不透明度归零
- 给图层添加斜面和浮雕
双击图层 > 混合选项→ 将填充不透明度设为 0%- 图层本身消失 → 只剩虚拟的高光和阴影层
- 清晰看到:
- 内斜面/外斜面:一上一下两个虚拟层
- 浮雕效果:两个虚拟层都在原图层上方
- 枕状浮雕:上下各一组高光+阴影
4. 填充分离法图示
[高光层] ← 滤色(忽略黑色) + 白色,75%不透明度
[阴影层] ← 正片叠底(忽略白色) + 黑色,75%不透明度
----------
[原始图层] ← 填充不透明度=0时完全透明
5. 核心理解
- 高光层和阴影层各自使用不同的混合模式叠加
- 通过不透明度控制强度
- 最终效果 = 高光层 + 阴影层 + 原图层的视觉组合
核心实操步骤
- 创建一个黑色填充和一个白色填充的图形
- 给两者添加相同的内斜面效果
- 双击 → 混合选项 → 将填充不透明度归零
- 观察:高光和阴影分别呈现
- 切换样式(外斜面→浮雕→枕状浮雕)重复观察
中英术语对照
| 中文 | English |
|---|---|
| 虚拟图层 | Virtual Layer |
| 填充不透明度 | Fill Opacity |
| 高光/阴影 | Highlight / Shadow |