P18-图层效果2-挖空等高线与图层样式
课程主题与核心目标
深入理解图层样式中的挖空 (Knockout) 高级混合(制作透视穿透效果)、等高线的原理(曲线形状决定光影分布),以及图层样式中图案/纹理叠加带来的无限可能性。学习如何创建和调用样式库。
核心概念解析
1. 挖空 (Knockout) —— 图层穿透术
- 在一个图层上设置挖空 → 该图层的填充区域会穿透下方所有图层,直接显示背景。
- 两种挖空深度:
选项 穿透到 浅 穿透到图层组的底端 深 直接穿透到背景层 - 配合填充不透明度 0% → 图层自身不可见,只留下穿透效果。
- [视觉提示:一个圆形色块设置挖空"深"+填充不透明度 0% → 圆形区域直接显示背景,像在纸上挖了一个洞。下方有多少图层都不影响——一招挖到底。]
2. 等高线 (Contour) —— 样式的灵魂
- 出现在投影/内阴影/外发光/内发光/斜面浮雕等几乎所有样式中。
- 等高线的本质 = 曲线 (Curves):决定光影在效果中的分布方式。
- 不同的等高线形状对应不同的材质感:
等高线形状 材质效果 直线 无特征(默认) 波浪线 金属/玻璃类高反光材质 锯齿形 强烈的凹凸感 自定义手绘 无穷多种可能
[为什么等高线 = 无穷大:因为你可以像编辑曲线一样手绘任意等高线形状,每种形状都产生不同的光影分布。]
3. 纹理/图案叠加 —— 材质的无穷可能
- 斜面浮雕中有纹理选项。
- 光泽/颜色叠加/渐变叠加/图案叠加等。
- 纹理 + 图案可以任意组合,且图案可以自定义 → 真·无穷大。
- 这就是为什么 P7 中讲到的"图案"如此重要——它是样式系统的弹药库。
4. 样式库 (Styles)
- 做好一套样式后 → 点击"新建样式"保存。
- 在
样式面板中可随时调用。 - Photoshop 内置多种预设样式:玻璃按钮、文字特效等。
- 可以载入/追加外部样式库文件 (.asl)。
核心实操步骤
步骤1:创建挖空穿透效果
- 准备背景层 + 若干中间层 + 最上层的形状图层。
- 双击形状图层 →
混合选项 > 高级混合。 - 挖空选**"深"**。
- 填充不透明度设为 0%。
- [视觉提示:形状内的区域直接穿透所有中间层,显示最底层的背景。移动形状 = 移动"透视窗口"。]
- 可结合动画时间轴 → 让透视窗口移动 → 输出 GIF 动画(放大镜效果)。
步骤2:用等高线改变投影质感
- 给文字/图形添加
投影(Drop Shadow)。 - 展开"品质"面板 → 点击等高线缩略图。
- 选择预设等高线(如波浪形)或手绘自定义等高线。
- [视觉提示:默认直线等高线 = 普通柔和阴影;波浪等高线 = 阴影中有明暗交替的折射感,类似玻璃/水面倒影。]
步骤3:用纹理打造材质效果
- 给图层添加
斜面与浮雕(Bevel & Emboss)。 - 在斜面和浮雕下勾选**"纹理(Texture)"**。
- 点击图案缩略图选择纹理图案。
- 调整缩放和深度。
- [视觉提示:文字从光滑斜面变成带有岩石/大理石/布料纹理的浮雕效果。]
- [为什么:图案是你自定义的 → 你可以用任何材质纹理 → 效果无穷大。]
步骤4:创建和调用样式
- 调好一套效果后,在图层样式对话框中点击**"新建样式"**。
- 命名 → 保存。
- 打开
窗口(Window) > 样式(Styles)面板查看。 - 在新图层上,点击样式面板中的样式 → 一键应用。
- 点击样式面板右上角菜单 → 可载入内置样式库(玻璃按钮/文字效果等)。
步骤5:描边代替手动描边
- 给图层添加
描边(Stroke)样式 → 设置大小/位置(外部/内部/居中)/颜色。 - 比手动做选区 → 编辑 → 描边方便得多,且可随时修改。
快捷键速查表
| 功能/操作 | Windows 快捷键 | Mac 快捷键 |
|---|---|---|
| 图层样式对话框 | 双击图层缩略图 | 双击图层缩略图 |
| 样式面板 | 窗口 > 样式 | 窗口 > 样式 |
避坑指南与注意事项
- 挖空需要配合填充不透明度:只设挖空不改填充不透明度 → 形状本身还在,看不到穿透效果。填充不透明度=0% 是关键。
- 挖空的"浅"vs"深":如果你用了图层组,"浅"只挖到组底,"深"直接挖到背景。不用组时两者效果相同(都是挖到背景)。
- 等高线就是另一种曲线:学会曲线就会等高线。手绘等高线 = 打开曲线编辑器自己画。
- 描边请用图层样式:不要再手动做选区和编辑描边——图层样式描边可随时调整粗细和颜色,且不破坏原图。
- 样式库要积累:平时收集优秀样式 (.asl 文件),需要时一键应用。网上有海量免费样式资源。