一、内阴影概述
内阴影是Photoshop图层样式中用于在图层内容的内部边缘添加阴影的效果。与外阴影(投影)不同,内阴影将阴影绘制在图层内容的边界内侧,使物体产生凹陷、雕刻或向内发光的视觉效果。它广泛应用于按钮按下效果、文字雕刻、凹槽质感、玻璃反射等设计场景。
二、内阴影参数详解
内阴影共有8个可调节参数,通过这些参数的组合可以创造出丰富多样的效果。
0% - 100%
| 参数 | 说明 | 取值范围/选项 | 典型值 |
|---|---|---|---|
| 混合模式 | 指定阴影与下方图层的混合方式,常用“正片叠底”使阴影变暗,“线性加深”增强暗部效果 | 正片叠底、线性加深、颜色加深等 | 正片叠底 |
| 颜色 | 阴影的颜色,通常使用黑色或深色 | 任意颜色 | 黑色(#000000) |
| 不透明度 | 控制阴影的透明程度 | ||
| 50% - 75% | |||
| 角度 | 光源方向,影响阴影的投射方向 | 0° - 360°(可勾选“使用全局光”) | 120° |
| 距离 | 阴影从边缘向内偏移的距离 | 0px - 250px | 3px - 10px |
| 阻塞 | 阴影边缘的硬度和衰减程度,数值越大边缘越硬 | 0% - 100% | 0% - 30% |
| 大小 | 阴影的模糊程度,数值越大阴影越柔和扩散 | 0px - 250px | 5px - 15px |
| 等高线 | 控制阴影强度随距离变化的曲线,可创造特殊衰减效果 | 线性、锥形、环形等预设 | 线性 |
三、内阴影与投影的区别
| 对比项 | 内阴影 | 投影(外阴影) |
|---|---|---|
| 绘制位置 | 图层内容的内侧边缘 | 图层内容的外侧 |
| 视觉效果 | 凹陷、雕刻、向内发光 | 凸起、悬浮、向外投影 |
| 典型应用 | 按下按钮、刻字、凹槽、内发光 | 按钮凸起、文字阴影、物体投影 |
| 与混合模式的关系 | 多用正片叠底(暗)或滤色(亮) | 常用正片叠底 |
四、内阴影的典型应用实例
实例1:凹陷雕刻文字(内阴影模拟刻字)
目标:在背景上制作类似刻进去的文字效果。
| 步骤 | 操作 | 说明 |
|---|---|---|
| 1 | 新建文档,背景色填充浅灰色(#e0e0e0) | 模拟纸张或金属板 |
| 2 | 输入文字,颜色设置为比背景略深的灰色(#c0c0c0) | 避免与阴影颜色混淆 |
| 3 | 添加内阴影:混合模式:正片叠底,颜色:黑色,不透明度:70%,角度:135°,距离:3px,阻塞:0%,大小:4px | 产生右上角光源下的凹陷阴影 |
| 4 | 再添加一个“内阴影”模拟凹陷底部的高光:混合模式:滤色,颜色:白色,不透明度:50%,角度:-45°(与主光源相反),距离:2px,大小:2px | 在凹陷的另一侧添加微弱反光 |
效果:文字看起来像是从表面向下雕刻,立体感真实。
实例2:按下状态的按钮(内阴影模拟点击效果)
目标:制作一个看起来被按下的按钮。
| 步骤 | 操作 | 说明 |
|---|---|---|
| 1 | 绘制圆角矩形按钮,填充色:蓝色(#3498db) | 正常状态按钮 |
| 2 | 添加“内阴影”:混合模式:正片叠底,颜色:黑色,不透明度:80%,角度:90°,距离:5px,阻塞:15%,大小:8px | 模拟按钮被压下的顶部阴影 |
| 3 | 添加“投影”(外阴影):不透明度30%,距离1px,大小4px,使其比正常按钮阴影更小更近 | 增强下沉感 |
实例3:玻璃质感凹槽(内阴影 + 内发光)
目标:模拟玻璃面板上的凹槽线条。
| 步骤 | 操作 | 说明 |
|---|---|---|
| 1 | 用矩形工具绘制一个细长条,填充深灰色(#444) | 作为凹槽基底 |
| 2 | 添加内阴影1(暗部):混合模式:正片叠底,黑色,不透明度60%,角度120°,距离1px,大小2px | 模拟凹槽内上侧阴影 |
| 3 | 添加内阴影2(亮部):混合模式:滤色,白色,不透明度50%,角度-60°,距离1px,大小1px | 模拟凹槽下侧高光 |
| 4 | 添加内发光:混合模式:正常,颜色白色,图元:边缘,大小1px,范围50% | 增强玻璃边缘光感 |
五、内阴影的高级参数调节
1. 阻塞(Choke)的作用
阻塞控制阴影边缘的硬度:
- 阻塞 = 0%:阴影边缘完全模糊,过渡自然。
- 阻塞 = 50%:阴影开始出现清晰的边缘,过渡区域变窄。
- 阻塞 = 100%:阴影边缘极其锐利,无过渡,类似描边效果。
典型应用:制作金属凹槽或硬边雕刻时,适当增加阻塞值(30%-50%)可让凹陷感更强烈。
2. 等高线的应用
等高线可改变阴影随距离的衰减速度。例如:
- 线性(默认):均匀衰减。
- 环形:阴影先快速衰减,后缓慢衰减,营造内部深陷感。
- 锥形-反转:阴影边缘强,内部弱,适合模拟尖锐凹陷。
3. 全局光的统一
勾选“使用全局光”后,内阴影的角度将与文档中其他图层样式(如投影、斜面和浮雕)的角度保持一致,确保整体光照方向统一,增强真实感。
六、内阴影与其他图层样式的组合
内阴影常与以下样式组合使用:
| 组合样式 | 效果 | 示例 |
|---|---|---|
| 内阴影 + 斜面和浮雕 | 创造出更复杂的立体凹陷,例如金属蚀刻效果 | 凹陷文字 + 内斜面 |
| 内阴影 + 内发光 | 模拟玻璃、塑料的凹槽边缘反光 | 仪表盘刻度槽 |
| 内阴影 + 渐变叠加 | 为凹陷区域增加渐变底色,增强金属或塑料质感 | 拉丝金属上的凹槽 |
| 内阴影 + 投影 | 制作按下状态的按钮(内阴影表示按下,投影表示下沉阴影) | 3D交互按钮 |
七、内阴影常用参数参考表
以下为典型场景的内阴影快速设置参考:
| 应用场景 | 混合模式 | 颜色 | 不透明度 | 角度 | 距离 | 阻塞 | 大小 | 等高线 |
|---|---|---|---|---|---|---|---|---|
| 雕刻文字 | 正片叠底 | 黑色 | 60-80% | 120° | 2-4px | 0% | 3-6px | 线性 |
| 按下按钮 | 正片叠底 | 黑色 | 70-85% | 90° | 4-8px | 10-30% | 8-15px | 线性 |
| 玻璃凹槽 | 正片叠底 / 滤色 | 黑 / 白 | 40-60% | 135° / -45° | 1-2px | 0% | 1-3px | 线性 |
| 金属蚀刻 | 线性加深 | 深棕色 | 50% | 145° | 2px | 20% | 4px | 锥形 |
| 柔软凹陷 | 正片叠底 | 深灰色 | 30-50% | 120° | 6px | 0% | 15px | 环形 |
八、常见问题与解决方法
| 问题 | 可能原因 | 解决方法 |
|---|---|---|
| 内阴影效果不明显 | 距离或大小太小;不透明度太低 | 增大距离和大小;提高不透明度 |
| 内阴影边缘太硬不自然 | 阻塞值过高;大小太小 | 降低阻塞值(0-20%);增大大小值 |
| 内阴影方向与预期不符 | 角度设置错误;未考虑全局光 | 直接修改角度或取消“使用全局光” |
| 内阴影覆盖了文字主体,显得脏 | 距离或大小过大;颜色太深 | 减小距离和大小;降低不透明度;使用深灰色代替纯黑 |
| 使用滤色模式内阴影时没效果 | 背景颜色太亮;白色阴影不突出 | 在暗色背景上使用;增加不透明度或改用亮色 |
九、内阴影创意用法
1. 制作内发光效果
将内阴影的混合模式改为“滤色”或“颜色减淡”,颜色改为亮色(如黄色、青色),距离设为0px,大小适当增加,可模拟物体边缘向内发光的效果(类似内发光但更容易控制衰减曲线)。
2. 模拟纸张压痕
使用一个内阴影(暗色)和一个内阴影(亮色,模式滤色,相反角度),距离分别设为1px,大小1px,可模拟纸张上的压痕或折痕。
3. 创建卡通描边效果
将阻塞设为100%,距离0px,大小1-3px,不透明度100%,混合模式正常,可得到类似内描边的效果,用于卡通风格插画。
十、总结要点
- 内阴影是在图层内部边缘绘制阴影,用于表现凹陷、雕刻、向内发光等效果。
- 核心参数:混合模式、颜色、不透明度、角度、距离、阻塞、大小、等高线。
- 阻塞控制阴影边缘硬度;距离控制偏移;大小控制模糊程度。
- 正片叠底模式产生暗色阴影;滤色模式产生亮色内发光。
- 常与斜面和浮雕、内发光、投影等组合使用,创造更复杂的质感。
- 使用两个相反角度的内阴影(一暗一亮)可模拟逼真的凹槽或压痕。
- 建议通过调整“大小”和“阻塞”来控制阴影的软硬,适合不同材质(塑料、金属、纸张)。
最后提示:内阴影的灵活性极高,建议在设计按钮、图标、文字特效时多尝试不同参数组合,并结合“等高线”探索更多可能性。通过反复实践,可以创造出极具深度的立体界面元素。
❤️收藏 👍点赞
用户评论
发表评论